.feb-pre-footer.fir-footer p span a {
padding: 0 22px 0 22px !important;
}


.feb-pre-footer.fir-footer.clearfix.block {
    display: block !important;
}

.feb-pre-footer.fir-footer.clearfix {
    display: none;
}




    .heading-menu,
    #scroll {
        display: none
    }

    .strip-bnr {
        background: url(https://www.manageengine.com/log-management/images/gartner-strip-banner.png) no-repeat center center, linear-gradient(to right, #082044 50%, #082044 50%);
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        padding: 13px 0;
        text-align: center;
        color: #fff;
        font-size: 15px;
        z-index: 999;
        width: 100%;
    }

    .strip-bnr a {
        color: #2bb5f5;
        text-decoration: underline;
    }

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

    .af .me-form * {
        font-family: 'Robotoregular';
    }

    .af p,
    .af a,
    .af li,
    .af td,
    .af td,
    .af span,
    .af label {
        line-height: 24px;
        font-size: 14px;
        font-weight: 300
    }

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

    .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;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

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

    .af *,
    .af div,
    .af a,
    .af ul,
    .af li,
    .af input,
    .af p,
    .af h1,
    .af h2,
    .af span {
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        color: #000000;
    }

    .af {
        width: 100%;
        box-sizing: border-box
    }

    .ac {
        margin: 0 auto;
        position: relative;
        width: 1200px;
        display: table
    }

    .af:after,
    .af div:after {
        content: "";
        clear: both;
        display: table
    }

    .af img {
        -ms-interpolation-mode: bicubic;
        display: inline-block;
        height: auto;
        max-width: 100%;
        vertical-align: middle
    }

    /* Apply focus styles to all focusable elements */
    .af a:focus,
    .af button:focus,
    .af input:focus,
    .af textarea:focus,
    .af select:focus {
        outline: 3px solid #40ACD9;
        /* Change the outline color as needed */
        outline-offset: 2px;
        /* Add some space between the element and the outline */
    }

    /* Optional: Remove default browser outline */
    .af a,
    .af button,
    .af input,
    .af textarea,
    .af select {
        outline: none;
    }

    .af input:focus,
    .af button:focus {
        outline: 2px solid #0056b3;
    }

    .cal-flex {
        display: flex;
        flex-wrap: wrap
    }

    .cal-6 {
        width: 50%
    }

    .cta-box {
        margin-top: 40px
    }

    .af a.cta-dark {
        color: #fff;
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6.38%, #383838), color-stop(51.79%, #181818), to(#000));
        background: -o-linear-gradient(top, #383838 6.38%, #181818 51.79%, #000 100%);
        background: linear-gradient(180deg, #383838 6.38%, #181818 51.79%, #000 100%);
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
        border-radius: 3px;
    }

    .af a.cta-dark:hover {
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6.38%, #000), color-stop(51.79%, #000), to(#000));
        background: -o-linear-gradient(top, #000 6.38%, #000 51.79%, #000 100%);
        background: linear-gradient(180deg, #000 6.38%, #000 51.79%, #000 100%);
    }

    .af a.cta-light {
        color: #000;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6.38%, #FFF), color-stop(51.79%, #F3F3F3), to(#EBEBEB));
        background: -o-linear-gradient(top, #FFF 6.38%, #F3F3F3 51.79%, #EBEBEB 100%);
        background: linear-gradient(180deg, #FFF 6.38%, #F3F3F3 51.79%, #EBEBEB 100%);
    }

    .af a.cta-lg {
        font-size: 16px;
        font-weight: 400;
        padding: 15px 40px;
        display: inline-block;
        border-radius: 3px;
        margin: 0 15px 15px 0;
        box-shadow: 0 1px 4px 0 #00000026;
    }

    .af a.cta-btn:hover {
        box-shadow: 0 6px 19px -4px #00000040;
    }

    .af a.cta-light:hover {
        background: #f0f0f0;
    }

    .af a.cta-red {
        background: #E42D2D;
        background: linear-gradient(0deg, #9A0000, #E42D2D);
        color: #fff;
    }

    .af a.cta-btn {
        transition: all .4s ease
    }

    .af a.cta-md {
        font-size: 15px;
        font-weight: 400;
        padding: 10px 24px;
        display: inline-block;
        border-radius: 3px;
        margin: 0 15px 15px 0;
        box-shadow: 0 1px 4px 0 #00000029
    }

    .sec-ban {
        /* padding-top:30px; */
        background: linear-gradient(45deg, #EEFAFF, #D2F1FF);
    }

    .sec-ban .ac {
        align-items: center;
        /* background:linear-gradient(45deg,#EEFAFF,#D2F1FF); */
        padding: 30px 100px 20px;
        border-radius: 20px;
        width: 1400px
    }

    .ban-tit h1 {
        font-size: 48px;
        line-height: 60px;
        padding: 0 40px 20px 0;
        font-weight: 600;
    }

    .sec-ban .ban-tit p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
    }

    .ban-img {
        padding-left: 130px;
    }

    .sec-gart .inn {
        background: #fff;
        padding: 0 75px;
        border-radius: 30px 30px 0 0;
        align-items: center;
        position: relative;
        max-width: 600px;
        margin: 0 auto;
        /* margin-top: -103px; */
        box-shadow: 0px -10px 14px -5px #00000012;
    }

    .sec-gart .inn:before,
    .sec-gart .inn:after {
        content: '';
        position: absolute;
        bottom: -1px;
        width: 36px;
        height: 30px;
        background: url(https://www.manageengine.com/log-management/images/home-ban-deco-arr-24.webp) no-repeat;
        background-size: 85px;
    }

    .sec-gart .inn:before {
        left: -26px;
        background-position: -4px -1px;
    }

    .sec-gart .inn:after {
        right: -26px;
        background-position: -44px -1px;
    }

    .fea-scrn ul li a,
    .fea-scrn p a {
        color: #0055B4;
        font-weight: 400;
    }

    .sec-gart .lhs:before,
    .sec-gart .rhs:after {
        content: '';
        position: absolute;
        top: 28px;
        width: 41px;
        height: 67px;
        background: url(https://www.manageengine.com/log-management/images/home-ban-deco-1-24.webp) no-repeat;
        background-size: 41px;
    }

    .sec-gart .lhs:before {
        left: 30px;
    }

    .sec-gart .rhs:after {
        right: 30px;
        top: 26px;
        transform: scaleX(-1);
    }

    .sec-gart .lhs {
        width: 91px;
        text-align: center;
    }

    .sec-gart .lhs img {
        width: 100%;
    }

    .sec-gart .rhs {
        width: calc(100% - 91px);
        padding: 23px 0px 23px 23px;
    }

    .sec-gart .rhs h2 {
        color: #2c4852;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 7px;
        font-weight: 300;
    }

    .sec-gart .rhs a {
        font-size: 14px;
        font-weight: 300;
        padding: 8px 0px 8px 0;
        color: #0055B4;
    }

    .sec-gart .rhs a:hover {}

    .cta-btn i,
    .cta-blu-arr i {
        background: url(https://www.manageengine.com/log-management/images/home-cta-arrow-24.svg) no-repeat;
        width: 0;
        height: 14px;
        display: inline-block;
        background-size: 14px;
        vertical-align: middle;
        position: relative;
        /* margin:4px 0 0; */
        transition: all .2s ease
    }

    .cta-btn-arr i,
    .cta-btn:hover i {
        width: 14px;
        margin-left: 5px;
    }

    .cta-blu-arr i {
        background: url(https://www.manageengine.com/log-management/images/home-cta-blu-arrow-24.svg) no-repeat;
        width: 15px;
        background-size: 12px;
        margin-left: 6px;
        background-position: 0px 2px;
    }

    .cta-light i,
    .cta-whi i {
        filter: brightness(0)
    }

    .sec-cli {
        padding: 35px 0 8px;
    }

    .sec-cli:after {
        max-width: 1200px;
        height: 15px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: relative;
        box-shadow: 0 12px 15px -6px #00000047;
    }

    .sec-cli h2,
    .sec-cli h2 strong {
        font-size: 16px;
        font-weight: 300;
    }

    .sec-cli h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .sec-cli h2 strong {
        font-weight: 600;
    }

    .sec-cli .inn {
        max-width: initial;
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background: url(https://www.manageengine.com/log-management/images/home-ban-clients-25.png);
        animation: movelogo 1200s 0s ease both infinite;
        max-width: initial;
        transition: all .4s ease;
        background-size: 3000px;
        background-repeat: repeat no-repeat;
        /* height: 36px; */
        padding-bottom: 45px;
        /* box-shadow: 0 14px 24px -22px #33333361; */
        filter: grayscale(1);
    }

    @keyframes movelogo {
        0% {
            background-position: 0 0
        }

        100% {
            background-position: -100000px 0
        }
    }

    .sec-cli .inn:before,
    .sec-cli .inn:after {
        content: '';
        position: absolute;
        width: 150px;
        top: 0;
        bottom: 0;
        height: 100%
    }

    .sec-cli .inn:before {
        left: 0;
        background: linear-gradient(45deg, #fff, #ffffff00);
    }

    .sec-cli .inn:after {
        right: 0;
        background: linear-gradient(45deg, #ffffff00, #fff);
    }

    .sec-fea {
        padding: 80px 0 100px 0
    }

    .tit-com {
        text-align: center;
        margin-bottom: 30px
    }

    .tit-com span {
        text-transform: uppercase;
        color: #0074A1;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px
    }

    .ban-tit p,
    .tit-com p {
        font-size: 28px;
        line-height: 46px;
        font-weight: 300;
        margin: 0;
    }

    .tit-com h2 {
        font-size: 36px;
        line-height: 46px;
        font-weight: 500;
        max-width: 820px;
        margin: 0 auto;
        padding-top: 5px
    }

    .fea-scrn {
        padding: 30px 0
    }

    .fea-scrn h3 {
        font-size: 30px;
        font-weight: 500;
        line-height: 36px;
        padding-bottom: 10px
    }

    .fea-scrn p {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px
    }

    .fea-scrn p a {
        font-size: 16px;
        line-height: 26px
    }

    .fea-scrn ul {
        padding-bottom: 20px
    }

    .fea-scrn ul li {
        font-size: 16px;
        line-height: 28px;
        padding: 0 0 20px 30px;
        position: relative
    }

    .fea-scrn ul li::before {
        content: '';
        position: absolute;
        background: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png) no-repeat -7px -6px;
        background-size: 530px;
        width: 18px;
        height: 18px;
        left: 0;
        top: 5px
    }

    .fea-scrn ul li strong {
        font-weight: 500;
        color: #000
    }

    .pad-lhs {
        padding-left: 50px
    }

    .pad-rhs {
        padding-right: 50px
    }

    .sec-testmo {
        position: relative
    }

    .sec-testmo:after {
        background: #e2f6ff;
        width: 100%;
        height: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: -1
    }

    .sec-testmo .inn,
    .sec-acti .ac {
        background: url(https://www.manageengine.com/log-management/images/home-cli-bg-foot-24.webp) #00364B no-repeat;
        padding: 40px 40px;
        border-radius: 20px;
        background-position: center bottom;
        background-size: 150%
    }

    .sec-testmo .tit-ligh {
        padding-bottom: 10px;
        position: relative
    }

    .tit-ligh h2 {
        font-weight: 500
    }

    .cus-vid {
        padding: 40px 10px 0
    }

    .cus-vid .lhs {
        width: 300px
    }

    .cus-vid .rhs {
        width: calc(100% - 300px);
        padding-left: 60px
    }

    .cus-deta h3 {
        color: #ECB359;
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px
    }

    .cus-deta h4 {
        font-size: 28px;
        color: #fff;
        line-height: 36px;
    }

    .cus-deta p {
        font-size: 18px;
        color: #fff;
        font-weight: 200
    }

    .cus-bio {
        padding: 15px 0 0
    }

    .cus-bio span.custo-name {
        font-size: 20px;
        color: #ECB359;
        line-height: 28px
    }

    .cus-bio p {
        font-size: 15px;
        color: #fff;
        margin-top: 0
    }

    .cus-rat {
        padding-top: 80px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px
    }

    .cus-rat .cal-4 {
        padding: 15px;
        background: #08465E;
        border-radius: 10px;
        padding: 30px 30px 100px 30px;
        position: relative
    }

    .cus-rat-bio i {
        background: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png) no-repeat -60px -41px;
        background-size: 453px;
        width: 110px;
        height: 20px;
        display: inline-block
    }

    .cus-rat-bio span {
        color: #C3DBE4;
        font-size: 13px;
        display: block;
        line-height: 16px;
        padding-top: 7px
    }

    .cus-rat-bio h5 {
        font-size: 18px;
        color: #fff;
        padding: 25px 0 10px
    }

    .cus-rat-bio p {
        font-size: 15px;
        color: #C3DAE3
    }

    .cus-rat-bio h6 {
        color: #C3DBE4;
        font-size: 13px;
        line-height: 24px;
        margin-top: 30px
    }

    .rat-deta {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .af a.cta-rat-more {
        color: #ECB359;
        font-size: 15px;
        display: block;
        border-radius: 0 0 10px 10px;
        background: #002B3C;
        text-align: right;
        padding: 20px 40px 20px 20px;
        position: relative
    }

    .af a.cta-rat-more:hover {
        background: #081f29;
    }

    .sec-how {
        background: linear-gradient(0deg, #fff, #E2F6FF);
        padding: 80px 0 0
    }

    .tab-sub-tit {
        text-align: center;
        padding-bottom: 30px
    }

    .tab-sub-tit h3 {
        font-size: 28px;
        font-weight: 500;
        line-height: 34px;
        padding-bottom: 10px
    }

    .tab-sub-tit span {
        background-color: #e4f3ff;
        background: linear-gradient(1deg, #f2faff, #D6F3FE);
        padding: 4px 15px;
        border-radius: 50px;
        /* box-shadow:0 2px 4px #0000002b; */
        display: inline-block;
        border: 1px solid #98c3d4;
        border-top: 0;
        font-size: 15px;
    }

    .tab-sub-tit span i {
        background: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png) no-repeat -34px -6px;
        background-size: 532px;
        width: 31px;
        height: 17px;
        display: inline-block
    }

    .tab-list-container {
        display: table;
        margin: 0 auto;
        position: relative;
        margin-bottom: 40px;
        padding: 10px;
        border-radius: 50px
    }

    .tab-list {
        width: 100%;
        background: #DFF6FF;
        text-align: center;
        border-radius: 50px;
        padding: 0px 4px 0px !important;
        margin: 0;
        border: 1px solid #A7CFDE;
        box-shadow: inset 0 0 12px #5e9ab06b
    }

    .tab-list li {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        color: #000;
        background: transparent;
        border: .5px solid transparent;
        border-radius: 6px;
        position: relative;
        /* margin-right:10px; */
        padding: 15px 30px;
        cursor: pointer;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
        min-width: 185px;
    }

    .tab-list li:hover {
        color: #0a80ad
    }

    .tab-list li:last-child {
        margin-right: 0
    }

    .tab-list li.active-tab {
        color: #fff
    }

    .tab-list-highlight {
        width: 210px;
        height: 46px;
        background: #05A4E2;
        border-radius: 50px;
        position: absolute;
        left: 16px;
        top: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #fff;
        background: linear-gradient(171deg, #05A4E2, #0B6E94)
    }

    .tab-content {
        display: none;
        text-align: left
    }

    .tb1-tb {
        display: block
    }

    @media(max-width:1200px) {
        .sec-cmng .tit-com h2 {
            font-size: 22px;
            line-height: 32px
        }
    }

    @media(max-width:420px) {
        .tab-list li {
            font-size: 13px;
            padding: 15px 10px;
        }
    }

    .sec-acti {
        margin-top: 70px;
    }

    .sec-acti .ac {
        padding: 60px;
        justify-content: center;
        align-items: center;
    }

    .sec-acti .lhs {
        width: calc(100% - 210px);
        padding-right: 100px;
    }

    .sec-acti .lhs h2 {
        color: #ECB359;
        font-size: 36px;
        font-weight: 400;
        line-height: 46px;
        padding-bottom: 3px;
    }

    .sec-acti .lhs p {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
        margin-bottom: 0;
    }

    .sec-acti .rhs {
        width: 210px;
    }

    .sec-acti .rhs a {
        margin: 0;
    }

    .sec-how-fea {
        padding: 70px 0 80px
    }

    .sec-how-fea .ac {
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px
    }

    .how-fea {
        background-color: #fff;
        padding: 30px 30px 64px 30px;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        text-align: left;
        position: relative;
    }

    .how-fea i {
        background-image: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png);
        background-size: 413px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        margin-bottom: 10px;
        display: inline-block;
        margin-left: 3px;
    }

    .how-fea-icon-1 {
        background-position: -57px -5px
    }

    .how-fea-icon-2 {
        background-position: -100px -6px
    }

    .how-fea-icon-3 {
        background-position: -149px -6px
    }

    .how-fea-icon-4 {
        background-position: -198px -5px
    }

    .how-fea-icon-5 {
        background-position: -248px -6px
    }

    .how-fea-icon-6 {
        background-position: -299px -6px
    }

    .how-fea h3,
    .how-fea h3 a {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #000
    }

    .how-fea p {
        font-size: 15px;
        /* color:#666; */
        margin-bottom: 25px;
        line-height: 25px;
    }

    .how-fea p a {
        color: #0055B4;
        font-weight: 400;
    }

    .af .learn-more {
        color: #0055B4;
        text-decoration: none;
        font-weight: 400;
        padding: 6px 12px 6px 16px;
        font-size: 15px;
        border: 1px solid #0055B4;
        display: inline-block;
        border-radius: 3px;
        position: absolute;
        bottom: 25px;
    }

    .af .learn-more:hover {
        text-decoration: underline;
    }

    .af .learn-more:hover i {
        margin-left: 8px;
    }

    .sec-help .lhs {
        width: 62%;
        padding-right: 40px
    }

    .sec-help .rhs {
        width: 38%;
        padding: 45px 50px 50px;
        background: #012838;
        border-radius: 10px;
        display: flex;
        align-items: center
    }

    .our-help-s1 {
        background: linear-gradient(318deg, #EEFAFF, #D2F1FF);
        display: flex;
        flex-wrap: wrap;
        padding: 40px;
        border-radius: 14px;
        border: 1px solid #A5DEF4
    }

    .our-help-s1 .text {
        width: calc(100% - 235px);
        padding-right: 50px
    }

    .our-help-s1 .text .cta-box {
        margin-top: 20px
    }

    .our-help-s1 .text .cta-box a {
        margin: 0 15px 0 0
    }

    .our-help-s1 .text span {
        text-transform: uppercase;
        color: #0074A1;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px
    }

    .our-help-s1 .text p {
        margin: 10px 0 0;
        font-size: 18px;
        line-height: 26px
    }

    .our-help-s1 .text h2 {
        font-size: 34px;
        line-height: 42px;
        font-weight: 500
    }

    .help-im {
        width: 235px
    }

    .our-help-s2 {
        display: flex;
        flex-wrap: wrap;
        margin: 25px 0
    }

    .lhs-num {
        background: linear-gradient(309deg, #FBFEFF, #E8F8FF);
        padding: 35px;
        border-radius: 14px;
        border: 1px solid #A5DEF4;
        width: 58%;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .num-anal-wid,
    .rhs-num p {
        width: 60%;
        color: #445E68;
        font-size: 16px;
        font-weight: 300
    }

    .num-anal-wid p {
        color: #445E68;
        font-size: 16px;
        font-weight: 300;
        margin: 0;
    }

    .lhs-num .num-anal-wid span,
    .rhs-num span {
        font-size: 55px;
        line-height: 50px;
        font-weight: 500;
        padding-bottom: 10px;
        display: block;
        color: #1B495C
    }

    .lhs-num picture {
        width: 40%;
        padding-left: 15px
    }

    .rhs-num {
        padding: 40px;
        border-radius: 14px;
        border: 1px solid #A5DEF4;
        width: 38%;
        margin-left: 4%
    }

    .rhs-num p {
        width: 100%
    }

    .our-help-s3 {
        background: linear-gradient(309deg, #FBFEFF, #E8F8FF);
        padding: 15px;
        border-radius: 14px;
        border: 1px solid #A5DEF4;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .our-help-s3 picture {
        width: 40%
    }

    .our-help-s3 .help-acc-resu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 60%;
        align-items: center;
        padding: 0 20px 0 40px
    }

    .our-help-s3 .help-acc-resu span {
        font-size: 55px;
        line-height: 50px;
        font-weight: 500;
        color: #1B495C
    }

    .our-help-s3 .help-acc-resu p {
        font-size: 16px;
        color: #445E68;
    }

    .me-form {
        max-width: 500px
    }

    .me-form form ul {
        padding: 0;
        margin: 0
    }

    .me-form form ul li {
        margin-bottom: 10px;
        position: relative;
        list-style-type: none;
        padding: 0;
        float: left;
        width: 100%
    }

    .me-form form ul li:last-child {
        border: 0;
        margin-bottom: 0
    }

    .me-form form ul li input,
    .af .me-form form ul li select {
        height: 50px !important;
        line-height: 27px;
        background-color: #fff;
        display: block;
        width: 100%;
        font-size: 14px;
        color: #000;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        border: #616161 solid 1px;
        border-radius: 3px;
        padding: 8px 10px 8px 40px
    }

    .af .me-form form ul li select {
        -webkit-appearance: none;
        -moz-appearance: none;
        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% - 11px) calc(1em + 6px), calc(100% - 6px) calc(1em + 6px), calc(100% - 2.5em) .5em;
        background-size: 6px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        float: left
    }

    .me-form form ul li input::placeholder,
    .af .me-form form ul li select::placeholder {
        color: #9c9a9a
    }

    .me-form.with-state form ul li select {
        width: 55%;
        float: left;
        padding-right: 20px;
        font-size: 13px
    }

    .me-form.with-state form ul li select.commonselect {
        margin: 0 0 0 2%;
        padding-left: 10px;
        width: 43%
    }

    .me-form .form-sec .dwn-priv,
    .me-form .form-sec .dwn-priv * {
        font-family: Robotoregular;
        color: #fff;
    }

    .me-form .ftit h3 {
        text-align: center;
        font-weight: 200;
        font-size: 21px;
        line-height: 26px;
        padding-bottom: 25px;
        margin: 0;
        color: #fff
    }

    .me-form .ftit h3 span {
        color: #ECB359;
        line-height: 38px;
        font-size: 30px;
        font-weight: 500;
        display: block
    }

    .me-form form ul li input[type=submit]:focus {
        background: #037c3a
    }

    .me-form input[type=submit] {
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        border-width: 0;
        padding: 12px;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        height: auto;
        margin-bottom: 10px;
        width: 100%;
        border-radius: 3px;
        background: #d63520
    }

    .me-form input[type=submit]:hover {
        background: #be2a20;
        box-shadow: 0 8px 12px -8px #000
    }

    .me-form form ul li .ffw-errmsg {
        display: none;
        position: relative;
        color: red;
        padding: 2px 0 0;
        font-size: 11px;
        line-height: 15px;
        text-align: left;
        float: left;
        width: 100%
    }

    .me-form form .ffw-field input:focus,
    .me-form form .ffw-field input:focus-visible {
        outline: 0;
        border-color: #0866e2
    }

    .me-form .f-ic:before {
        content: '';
        position: absolute;
        background-image: url('https://www.manageengine.com/log-management/images/hom-icon-spri-24.png');
        background-repeat: no-repeat;
        background-size: 608px;
        left: 10px;
        top: 13px;
        width: 20px;
        height: 24px;
        opacity: .8
    }

    .me-form .f-ic-name:before {
        background-position: -506px -6px;
        top: 14px
    }

    .me-form .f-ic-email:before {
        background-position: -549px -4px;
    }

    .me-form .f-ic-phone:before {
        background-position: -586px -4px;
    }

    .me-form .f-ic-count:before {
        background-position: -549px -47px;
    }

    .me-form .f-ic-date:before {
        background-position: -508px -47px;
    }

    .me-form .f-ic-company:before {
        background-position: -587px -47px;
    }

    @media screen and (max-width:1100px) {
        .me-form {
            margin: 0 auto;
            display: table
        }
    }

    @media screen and (max-width:480px) {
        .me-form.with-state form ul li select {
            width: 100%
        }
    }

    .success-message {
        display: none;
        text-align: center
    }

    .success-message * {
        color: #fff;
        margin: 0
    }

    .success-message h3 {
        padding-top: 10px;
        font-size: 32px;
        line-height: 35px;
        color: #9eea63;
        font-weight: 500;
        border-bottom: 1px solid #ffffff33;
        padding-bottom: 30px
    }

    .success-message h3 span {
        font-size: 34px;
        font-weight: 500
    }

    .success-message p {
        font-weight: 300;
        font-size: 18px;
        line-height: 29px;
        text-align: center;
        color: #9eb9c4;
        margin-top: 25px;
        padding: 0 10px
    }

    .success-message p a {
        color: #2366e2;
        text-decoration: underline
    }

    .success-message .siem_calc {
        padding: 18px 0;
        width: 100%;
        display: inline-block;
        background: #e82121;
        color: #fff;
        border-radius: 5px;
        font-size: 18px;
        font-weight: 400;
        margin-top: 40px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .success-message .siem_calc:hover {
        background: #bf1919
    }

    .checkmark__circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #7ac142;
        fill: none;
        -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
        animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
    }

    .checkmark {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        stroke-width: 2;
        stroke: #fff;
        stroke-miterlimit: 10;
        -webkit-box-shadow: inset 0 0 0 #7ac142;
        box-shadow: inset 0 0 0 #7ac142;
        -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
        animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
    }

    .checkmark__check {
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
        animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
    }

    #meGDPRMessage,
    #meGDPRMessage *,
    .dwn-priv,
    .dwn-priv *,
    .dwn-priv a {
        font-size: 11px;
        color: #fff;
        line-height: 19px;
        font-weight: 300
    }

    #meGDPRMessage a,
    .dwn-priv a {
        text-decoration: underline;
        color: #2196f3
    }

    #meGDPRMessage strong,
    .dwn-priv strong {
        font-weight: 500
    }

    .dwn-priv {
        width: 100%;
        float: left;
        margin-top: 10px
    }

    #meGDPRMessage .checkmarkgdpr {
        width: 12px !important;
        height: 12px !important
    }

    .misc-field {
        display: none
    }

    @-webkit-keyframes stroke {
        100% {
            stroke-dashoffset: 0
        }
    }

    @keyframes stroke {
        100% {
            stroke-dashoffset: 0
        }
    }

    @-webkit-keyframes scale {

        0%,
        100% {
            -webkit-transform: none;
            transform: none
        }

        50% {
            -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1)
        }
    }

    @keyframes scale {

        0%,
        100% {
            -webkit-transform: none;
            transform: none
        }

        50% {
            -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1)
        }
    }

    @-webkit-keyframes fill {
        100% {
            -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142
        }
    }

    @keyframes fill {
        100% {
            -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142
        }
    }

    .success-message {
        display: none;
        vertical-align: middle;
        color: #000
    }

    .sec-why {
        padding: 120px 0 80px
    }

    .sec-why .lhs {
        width: 35%;
        padding-right: 30px;
    }

    .sec-why .rhs {
        width: 65%;
        padding-left: 100px;
    }

    .sec-why .tit-com {
        text-align: left;
        position: sticky;
        top: 120px
    }

    .sec-why .tit-com p,
    .sec-cmng .tit-com p {
        font-size: 16px;
        line-height: 26px;
        margin: 15px 0 25px
    }

    .cmng-logos {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .cmng-logos a,
    .cmng-logos span {
        background-image: url(https://www.manageengine.com/log-management/images/home-all-integrations-24.png);
        background-size: 685px;
        width: 230px;
        height: 109px
    }

    .cmng-logos a:hover {
        transform: scale(1.1);
    }

    .clogo-1 {
        background-position: 0 0
    }

    .clogo-2 {
        background-position: -223px 0
    }

    .clogo-3 {
        background-position: -445px 0
    }

    .clogo-4 {
        background-position: 0 -107px
    }

    .clogo-5 {
        background-position: -223px -107px
    }

    .clogo-6 {
        background-position: -445px -107px
    }

    .clogo-7 {
        background-position: 0 -212px
    }

    .clogo-8 {
        background-position: -223px -212px
    }

    .clogo-9 {
        background-position: -445px -212px
    }

    .clogo-10 {
        background-position: 0 -316px
    }

    .clogo-11 {
        background-position: -223px -316px
    }

    .clogo-12 {
        background-position: -445px -316px
    }

    .why-box {
        margin-bottom: 30px
    }

    .sec-why .rhs i {
        background-image: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png);
        background-size: 413px;
        background-repeat: no-repeat;
        width: 50px;
        height: 45px;
        display: inline-block
    }

    .ic-why-1 {
        background-position: -4px -143px
    }

    .ic-why-2 {
        background-position: -65px -143px
    }

    .ic-why-3 {
        background-position: -124px -143px
    }

    .ic-why-4 {
        background-position: -184px -143px
    }

    .sec-why .rhs h3 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        margin: 15px 0 10px
    }

    .sec-why .rhs p {
        font-size: 16px;
        line-height: 28px
    }

    .sec-why .rhs p a {
        font-size: 16px;
        line-height: 28px;
        color: #0055B4;
        font-weight: 400;
    }

    .exp-all-box {
        display: grid;
        gap: 25px
    }

    @media screen and (min-width: 600px) {
        .exp-all-box {
            grid-template-columns: repeat(3, 1fr)
        }
    }

    .exp-card {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform .3s ease;
        padding: 30px;
        position: relative
    }

    .exp-card:after {
        width: calc(100% - 60px);
        left: 30px;
        bottom: 0;
        background: #40ACD9;
        height: 4px;
        position: absolute;
        border-radius: 15px
    }

    .exp-cardimg {
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .card-content {
        padding: 20px;
        text-align: left
    }

    .exp-card h3 {
        font-size: 18px;
        margin: 15px 0 10px;
        font-weight: 400
    }

    .exp-card span {
        text-decoration: none;
        font-size: 16px;
        color: #0055B4;
        font-weight: 400;
    }

    .exp-card span i,
    .af .learn-more i {
        font-size: 26px;
        line-height: 22px;
        vertical-align: top;
        font-style: normal;
        color: #0055B4;
    }

    .af .learn-more i,
    .exp-card span i,
    .af a.cta-rat-more i {
        background: none;
        margin-bottom: 0;
        line-height: 18px;
        transition: all 0.4s ease;
        background: url(https://www.manageengine.com/log-management/images/home-cta-blu-arrow-24.svg) no-repeat;
        width: 15px;
        background-size: 12px;
        margin-left: 6px;
        background-position: 0px 7px;
        color: #ffffff00;
        display: inline-block;
    }

    .af a.cta-rat-more i {
        background-image: url(https://www.manageengine.com/log-management/images/home-cta-yel-arrow-24.svg);
        background-position: 0px 6px;
        height: 20px;
    }

    .exp-card span i {
        color: #fff0;
        display: inline-block;
    }

    .fcli {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .exp-card:hover {
        transform: translateY(-10px)
    }

    .sec-cmng {
        padding: 90px 0 70px
    }

    .sec-cmng .ac {
        align-items: center
    }

    .sec-cmng .lhs {
        width: calc(100% - 690px);
        padding-right: 35px
    }

    .sec-cmng .rhs {
        width: 690px
    }

    .sec-cmng .tit-com {
        text-align: left;
        position: sticky;
        top: 120px
    }

    .sec-cmng .tit-com h2 {
        margin-bottom: 30px
    }

    .sec-cmng .tit-com span {
        display: block
    }

    .sec-cmng .lhs img {
        max-width: 200px;
        margin-bottom: 20px
    }

    .sec-solu {
        padding-bottom: 100px
    }

    .sec-solu .tit-com {
        width: 100%;
    }

    .sec-solu .ac {
        background: linear-gradient(45deg, #EEFAFF, #D2F1FF);
        border: 1px solid #C3E8F6;
        padding: 50px;
        border-radius: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .wsm-tab-5-list {
        position: relative
    }

    .wsm-tab-5-list li {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        font-weight: 300;
        line-height: 25px;
        color: #000;
        background: #fff;
        padding: 30px 25px;
        position: relative;
        cursor: pointer;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
        border-radius: 4px;
        margin-bottom: 12px;
        box-shadow: 0 0 6px -2px #00000029
    }

    .wsm-tab-5-list h3 i {
        background-image: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png);
        background-size: 541px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 20px;
        filter: grayscale(1);
    }

    .ic-fot-1 {
        background-position: -202px -54px
    }

    .ic-fot-2 {
        background-position: -238px -54px
    }

    .ic-fot-3 {
        background-position: -276px -54px
    }

    .ic-fot-4 {
        background-position: -311px -54px
    }

    .ic-fot-5 {
        background-position: -356px -54px
    }

    .ic-fot-6 {
        background-position: -391px -54px
    }

    .wsm-tab-5-list li:before {
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        background: #54BBE5;
        bottom: -2px;
        left: 0;
        right: 0;
        transition: all .5s ease
    }

    .wsm-tab-5-list li.active h3 {
        font-weight: 500;
    }

    .wsm-tab-5-list li.active h3 i {
        filter: grayscale(0);
    }

    .wsm-tab-5-list li.active:before {
        background: #54BBE5;
        -webkit-animation: lineBar 12s ease-out;
        animation: lineBar 12s ease-out
    }

    @-webkit-keyframes lineBar {
        to {
            width: 100%
        }
    }

    @keyframes lineBar {
        to {
            width: 100%
        }
    }

    .wsm-tab-5-list li.active .wsm-tab-5-dropdown {
        display: block
    }

    .wsm-tab-5-list li h3 {
        font-weight: 300;
        line-height: 1.3;
        color: #000;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-size: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative
    }

    .wsm-tab-5-list li h3:hover {
        color: #144650
    }

    .wsm-tab-5-list li:hover h3 {
        color: #0055B4
    }

    .wsm-tab-5-list .wsm-tab-5-dropdown {
        display: none;
        margin-top: 20px
    }

    .wsm-tab-5-list .wsm-tab-5-dropdown p,
    .wsm-tab-5-list .wsm-tab-5-dropdown p a {
        font-size: 17px;
        line-height: 28px;
        color: #000;
        opacity: .8;
        margin: 0
    }

    .wsm-tab-5-list .wsm-tab-5-dropdown p a {
        color: #138cd6;
        opacity: 1
    }

    .wsm-tab-5-list .wsm-tab-5-dropdown .wsm-mob-view-img {
        display: none;
        margin-top: 8px
    }

    .wsm-tab-5-content-container {
        position: relative;
        padding: 0 20px
    }

    .wsm-tab-5-content {
        display: none;
        -webkit-animation: fadeRight .6s .4s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeRight .6s .1s cubic-bezier(.25, .46, .45, .94) both;
        position: relative
    }

    .wsm-tab-5-content.active {
        display: block
    }

    @-webkit-keyframes fadeRight {
        from {
            -webkit-transform: translateX(100px);
            transform: translateX(100px);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes fadeRight {
        from {
            -webkit-transform: translateX(100px);
            transform: translateX(100px);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    .wsm-tab-5-content img {
        width: 100%;
        height: auto;
        height: 375px;
        object-fit: cover;
        border-radius: 10px;
    }

    @-webkit-keyframes fadeRight {
        from {
            -webkit-transform: translateX(60px);
            transform: translateX(60px);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes fadeRight {
        from {
            -webkit-transform: translateX(60px);
            transform: translateX(60px);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    .wsm-tab-5-content h2 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 500;
        color: #000
    }

    .wsm-m-lhs,
    .wsm-m-rhs {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        position: relative
    }

    .wsm-m-lhs {
        width: 40%
    }

    .wsm-m-rhs {
        width: 60%;
        padding-left: 60px
    }

    .tab-cont {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 105px 50px 30px;
        background: linear-gradient(357deg, #000000b3 40%, #00000000 86%);
        border-radius: 0 0 10px 10px
    }

    .tab-cont p {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px
    }

    .tab-cont a.cta-tab {
        background: linear-gradient(359deg, #3A6F84, #0c2833c7);
        color: #fff;
        border-radius: 8px;
        border: 1px solid #386d81;
        border-bottom: 0;
        transition: all 1s ease;
    }

    .tab-cont a.cta-tab:hover {
        background: linear-gradient(359deg, #0c2833c7, #3A6F84);
    }

    .tab-scroll-list {
        font-size: 0;
        text-align: center;
        margin: 60px 0 0 0;
        position: sticky;
        top: 48px;
        z-index: 2
    }

    .tab-move {
        display: inline-block;
        background: #fff;
        position: relative
    }

    .tab-scroll-move {
        width: 103px;
        height: 4px;
        background: #40ACD9;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        border-radius: 5px 5px 0 0;
    }

    .tab-scroll-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px
    }

    .tab-scroll-list .ac {
        background: #fff;
        border-bottom: 1px solid #E2EAED
    }

    .tab-scroll-list ul li {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        color: #000;
        padding: 14px 20px;
        position: relative;
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .tab-scroll-list ul li:hover,
    .tab-scroll-list ul li.scroll-act {
        color: #000;
        font-weight: 500
    }

    @media (max-width: 1024px) {
        .tab-scroll-list {
            top: 90px
        }
    }

    @media (max-width: 767px) {
        .tab-scroll-list {
            margin-bottom: 30px
        }

        .tab-scroll-move {
            width: 75px
        }

        .tab-scroll-list ul {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 0
        }

        .tab-scroll-list ul li {
            font-size: 14px;
            line-height: 1.3;
            padding: 20px 10px
        }

        .tab-box-container .tab-box-col {
            width: 100%
        }

        .tab-box h3 {
            font-size: 18px;
            margin-bottom: 10px
        }
    }

    @media (max-width: 480px) {
        .tab-scroll-move {
            width: 67px
        }

        .tab-scroll-list ul li {
            font-size: 12px
        }
    }

    .sec-foot-get {
        background: url(https://www.manageengine.com/log-management/images/home-cli-bg-foot-24.webp) #00364B no-repeat;
        padding: 80px 0;
        text-align: center;
        position: relative;
        background-size: 100%;
        background-position: center bottom
    }

    .sec-foot-get .inn {
        /* border:1px solid #155E7B; */
        /* border-radius:10px; */
        /* background:#053E54; */
        /* padding:50px; */
    }

    .sec-foot-get h2 {
        color: #ECB359;
        font-size: 48px;
        line-height: 60px;
        padding-bottom: 20px
    }

    .sec-foot-get p {
        color: #fff;
        font-size: 24px;
        line-height: 32px;
        font-weight: 300;
        max-width: 800px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .af a.cta-blu {
        color: #fff;
        background: linear-gradient(175deg, #1DC0FF, #0EA2DC, #065473);
        padding: 13px 40px;
    }

    .af a.cta-whi {
        background: #fff;
        color: #000;
        padding: 13px 40px;
    }


    .audio-player {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        max-width: 350px;
        /* background-color: #f0f0f0; */
        padding: 10px 10px 10px 0px;
        border-radius: 8px;
    }

    .af .audio-player button {
        border: none;
        color: #ffffff00;
        padding: 8px 12px;
        border-radius: 50%;
        cursor: pointer;
        outline: none;
        background-image: url(https://www.manageengine.com/log-management/images/hom-icon-spri-24.png);
        background-size: 430px;
        background-repeat: no-repeat;
        width: 50px;
        height: 45px;
        display: inline-block;
        background-position: 0px -91px;
        background-color: #ffffff00;
        /* transition: all 0.4s ease; */
    }

    .af .audio-player button.play {}

    .af .audio-player button.pause {
        background-position: -62px -91px;
    }

    .af .audio-player button .af .audio-player button:active {
        background-color: #0056b3;
    }

    .audio-player .progress {
        flex-grow: 1;
        height: 10px;
        background-color: #15556D;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
    }

    .audio-player .progress .progress-bar {
        width: 0;
        height: 100%;
        background-color: #1686af;
        border-radius: 5px;
    }

    .audio-player .time {
        font-size: 12px;
        color: #9CCFE3;
    }

    @media screen and (max-width:1420px) {
        .sec-ban .ac {
            width: 100%;
            border-radius: 0 0 20px 20px;
        }

        .sec-ban {
            padding-top: 0;
        }
    }

    @media screen and (max-width:1300px) {
        .ban-tit h1 {
            font-size: 42px;
            line-height: 54px;
        }
    }

    @media screen and (max-width:1220px) {
        .ac {
            max-width: 100%;
            padding: 0 50px
        }

        .ban-tit {
            padding: 40px 0
        }
    }

    @media screen and (max-width:1200px) {
        .help-im {
            display: none
        }

        .our-help-s1 .text {
            width: 100%;
            padding-right: 0
        }

        .sec-help .rhs {
            padding: 45px 30px 50px;
        }
    }

    @media screen and (max-width:1100px) {
        .ban-tit {
            width: 100%;
            text-align: center;
        }

        .ban-img,
        .tab-scroll-list {
            display: none
        }

        .me-form .ftit h3 {
            font-size: 16px
        }

        .sec-cmng .lhs {
            width: 100%;
            padding: 0 0 30px
        }

        .sec-cmng .tit-com {
            position: relative;
            top: 0;
            text-align: center
        }

        .sec-cmng .rhs {
            width: 100%
        }

        .cta-box {
            margin-top: 15px;
        }

        .ban-tit h1 {
            padding: 0 0 20px 0;
        }
    }

    @media screen and (max-width:992px) {
        .sec-how-fea .ac {
            grid-template-columns: repeat(2, 1fr)
        }

        .fea-scrn {
            border: 1px solid #d0d0d0;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 30px
        }

        .fea-sc-con {
            width: 100%;
            order: 1
        }

        .fea-sc-im {
            width: 100%;
            order: 2;
            margin-top: 20px;
            padding: 0;
        }

        .pad-lhs {
            padding: 0;
            order: 2
        }

        .sec-help .lhs {
            width: 100%;
            padding: 0 0 40px
        }

        .sec-help .rhs {
            width: 100%
        }

        .sec-help .rhs .demo {
            margin: 0 auto;
        }

        .tit-com h2 {
            font-size: 24px;
            line-height: 32px
        }

        .exp-card {
            padding: 15px
        }

        .exp-card h3 {
            font-size: 15px;
            line-height: 22px
        }

        .exp-card span {
            font-size: 14px
        }

        .tab-cont {
            padding: 25px 30px
        }

        .sec-why .lhs {
            width: 100%;
            padding: 0
        }

        .sec-why .rhs {
            width: 100%;
            padding: 0;
        }

        .wsm-m-lhs {
            width: 100%
        }

        .wsm-m-rhs,
        .wsm-m-lhs li picture,
        .wsm-m-lhs .tab-cont {
            display: none
        }

        .wsm-m-lhs li picture {
            margin-top: 30px
        }

        .wsm-m-lhs li.active picture,
        .wsm-m-lhs li.active .tab-cont {
            display: block
        }

        .tab-cont {
            background: linear-gradient(357deg, #000, #000)
        }

        .sec-acti .lhs h2 {
            font-size: 26px;
            line-height: 36px;
        }

        .fea-scrn h3 {
            font-size: 20px;
            line-height: 30px;
            padding-bottom: 0;
        }
    }

    @media screen and (min-width:550px) and (max-width:800px) {
        .cus-vid .rhs {
            width: 100%;
            padding: 30px 0 0 0;
        }
    }

    @media screen and (max-width:769px) {
        .ban-tit h1 {
            font-size: 40px;
            line-height: 52px
        }

        .cus-rat {
            grid-template-columns: repeat(1, 1fr)
        }

        .cus-rat .cal-4 {
            width: 100%
        }

        .sec-cmng .lhs {
            width: 100%;
            padding: 0 0 30px;
            text-align: center
        }

        .sec-cmng .rhs {
            width: 100%
        }

        .cmng-logos {
            grid-template-columns: repeat(2, 1fr)
        }

        .sec-fea a.cta-md {
            font-size: 13px;
            padding: 5px 14px;
        }

        .sec-acti {
            padding: 0 20px;
        }

        .sec-acti .lhs {
            width: 100%;
            text-align: center;
            padding: 0 0 30px;
        }

        .sec-acti .ac {
            padding: 30px;
        }

        .sec-fea {
            padding: 70px 0 50px 0;
        }
    }

    @media screen and (max-width:700px) {
        .sec-gart .rhs h2 {
            /* font-size:20px; */
            /* line-height:28px; */
        }

        .sec-gart .inn {
            text-align: center;
            padding: 0 76px;
            /* margin-top: -153px; */
        }

        .sec-gart .lhs {
            width: 100%
        }

        .sec-gart .rhs {
            width: 100%;
            padding: 20px 32px;
        }

        .cus-vid .lhs {
            width: 200px
        }

        .ban-tit h1 {
            font-size: 28px;
            line-height: 38px
        }

        .cus-deta h4 {
            font-size: 21px
        }

        .cus-deta h3 {
            font-size: 15px;
            line-height: 25px
        }

        .cus-deta p {
            font-size: 14px
        }

        .lhs-num picture {
            display: none
        }

        .num-anal-wid p,
        .rhs-num p {
            width: 100%;
            margin-top: 0
        }

        .lhs-num,
        .rhs-num {
            width: 48%;
            padding: 20px
        }

        .lhs-num .num-anal-wid span,
        .rhs-num span {
            font-size: 40px
        }

        .our-help-s3 picture {
            display: none
        }

        .our-help-s3 .help-acc-resu {
            width: 100%
        }

        .sec-foot-get h2 {
            font-size: 28px;
            line-height: 30px
        }

        .sec-foot-get p {
            font-size: 16px;
            line-height: 25px
        }

        .fea-scrn h3 {
            font-size: 20px;
            line-height: 30px
        }

        .sec-help .rhs {
            padding: 30px 25px
        }

        .sec-cmng {
            padding: 50px 0
        }

        .sec-why {
            padding: 60px 0
        }

        .why-box:last-child {
            margin-bottom: 0
        }

        .sec-solu {
            padding-bottom: 60px
        }

        .sec-gart .lhs img {
            max-width: 115px;
            margin: 30px 0 0;
        }

        .sec-gart .lhs:before,
        .sec-gart .rhs:after {
            top: 55px;
        }

        .sec-gart .lhs:before {
            left: 15px;
        }

        .sec-gart .rhs:after {
            right: 15px;
        }

        .sec-foot-get {
            padding: 45px 0 38px 0;
        }

        .sec-gart .inn:before,
        .sec-gart .inn:after {
            display: none;
        }

        .ban-tit {
            padding: 50px 0 20px 0;
        }
    }

    @media screen and (max-width:550px) {
        .cus-vid .lhs {
            width: 100%
        }

        .cus-vid .rhs {
            width: 100%;
            padding: 30px 0 0
        }

        .sec-ban .ac {
            padding: 20px 20px 40px;
        }

        .sec-how-fea {
            padding: 40px 0
        }

        .ac {
            padding: 0 20px
        }

        .our-help-s1 .text h2 {
            font-size: 28px;
            line-height: 38px
        }

        .our-help-s1 .text .cta-box a {
            margin: 0 5px 0 0
        }

        .af a.cta-lg {
            margin: 0 5px 15px 0
        }

        .sec-gart .lhs img {
            /* max-width: 250px; */
        }

        .sec-acti .rhs a {
            margin: 0;
        }
    }

    @media screen and (max-width:500px) {
        .sec-how-fea .ac {
            grid-template-columns: 1fr
        }

        .cmng-logos {
            grid-template-columns: repeat(1, 1fr)
        }

        .cmng-logos a,
        .cmng-logos span {
            margin: 0 auto;
            position: relative;
            left: -20px
        }

        .tab-cont {
            background: #000;
            position: relative;
            margin-top: -5px;
        }

        .our-help-s3 .help-acc-resu {
            padding: 0
        }

        .lhs-num .num-anal-wid span,
        .rhs-num span,
        .our-help-s3 .help-acc-resu span {
            font-size: 26px
        }

        .sec-gart .rhs {
            /* width:100%; */
            /* padding: 0px 0px 40px 0px; */
        }

        .ban-tit p {
            font-size: 22px;
            line-height: 40px
        }

        .sec-foot-get {
            padding: 40px 0
        }

        .af.sec-foot-get a {
            margin: 0 0 15px;
            display: block
        }

        .sec-foot-get .inn {
            padding: 50px 30px 35px
        }

        .sec-solu .ac {
            padding: 30px
        }

        .tab-sub-tit span {
            font-size: 12px
        }

        .sec-gart .inn {
            padding: 0 30px;
        }

        .tab-list li {
            min-width: auto;
            font-size: 14px;
        }

        .tab-list-highlight {
            height: 43px;
        }
    }

    @media screen and (max-width:440px) {
        .our-help-s1 .text .cta-box a {
            margin: 0 0 15px 0;
            width: 100%;
            text-align: center;
        }

        .our-help-s1 {
            padding: 30px 30px 20px 30px;
        }
    }

    @media screen and (max-width:400px) {
        .af a.cta-lg {
            margin: 0 0 15px;
            width: 100%
        }

        .af a.cta-md {
            padding: 8px 20px;
        }

        .wsm-tab-5-list li h3 {
            font-size: 14px;
        }

        .sec-gart .inn::before,
        .sec-gart .inn:after {
            display: none;
        }
    }

    .feb-pre-footer .col20 ul li a[href$="#"] {
        display: block
    }

    /* Temp */
    /*--=== FOOTER ===--*/
    .feb-pre-footer {
        background-color: #edf2f5;
        padding: 70px 0 72px;
        float: left;
        width: 100%;
        position: relative;
    }

    .feb-pre-footer.topcol {
        background: #f9f9f9;
    }

    .feb-pre-footer * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Robotoregular';
    }

    .feb-pre-footer ul,
    .feb-pre-footer ol {
        list-style-type: none;
        margin-bottom: 30px
    }

    .feb-pre-footer a,
    .feb-pre-footer a:hover {
        text-decoration: none
    }

    .feb-pre-footer .feb-pre-footer-container {
        max-width: 1240px;
        width: 100%;
        padding: 0 20px;
        margin: 0 auto
    }

    .feb-pre-footer .mt-42 {
        margin-top: 42px
    }

    .feb-pre-footer .col1 {
        float: left;
        width: 40%;
        padding-right: 20px
    }

    .feb-pre-footer .col1 .plogo-base {
        margin-left: -15px
    }

    .feb-pre-footer .col1 .plogo-base ul li {
        float: left;
        width: 127px;
        height: 57px;
        border-radius: 4px;
        text-align: center;
        background-color: #fff;
        margin-left: 15px;
        margin-bottom: 15px
    }

    .feb-pre-footer .col1 .plogo-base ul li i,
    .feb-pre-footer .col1 .plogo-base ul li a {
        height: 57px
    }

    .feb-pre-footer .col1 .plogo-base ul li .icn-plogo1 {
        background-position: -12px -512px;
        width: 87px
    }

    .feb-pre-footer .col1 .plogo-base ul li .icn-plogo3 {
        background-position: -240px -511px;
        width: 60px
    }

    .feb-pre-footer .col1 .vid-sec {
        margin-top: 25px;
        width: 411px;
        height: 231px;
        position: relative;
        display: none;
    }

    .feb-pre-footer .col1 .vid-sec .icn-vid {
        background-position: -9px -579px;
        width: 411px;
        height: 231px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0
    }

    .feb-pre-footer .col20 {
        width: 20%;
        float: left;
        padding-right: 10px;
        padding-top: 4px
    }

    .feb-pre-footer .col20 h4 {
        color: #272727;
        font-size: 19px;
        font-family: 'Robotobold';
        margin-left: 0;
        margin-bottom: 14px
    }

    .feb-pre-footer .col20 ul li {
        line-height: 20px;
        margin-bottom: 12px
    }

    .feb-pre-footer .col20 ul li a {
        color: #323433;
        font-size: 13px;
    }

    .feb-pre-footer .col20 ul li a:hover {
        text-decoration: underline
    }

    .feb-pre-footer .col20 ul li a[href$="#"] {
        display: none
    }

    .feb-pre-footer .col20.col3 {
        padding-left: 30px
    }

    .feb-pre-footer .col20.col4 {
        padding-left: 30px
    }

    .feb-pre-footer .vid-sec-vid {
        border: 0;
        height: 210px;
        border-radius: 5px;
    }

    .feb-pre-footer .col1 h4 {
        color: #272727;
        font-size: 19px;
        font-family: Robotobold;
        margin-left: 0;
        margin-bottom: 14px
    }

    .feb-pre-footer .col1 ul li {
        margin-bottom: 10px
    }

    .feb-pre-footer .col1 ul li a {
        color: #272727;
        font-size: 14px;
        line-height: 25px
    }

    .feb-pre-footer .col1 ul li a:hover {
        text-decoration: underline
    }

    .feb-pre-footer.fir-footer .col1 {
        width: 30%
    }

    .feb-pre-footer.fir-footer .col20 {
        float: right;
        width: 68%
    }

    .feb-pre-footer.fir-footer .col1 .vid-sec {
        margin-top: 0;
        width: 100%
    }

    .feb-pre-footer.fir-footer h2 {
        margin-bottom: 15px;
    }

    .feb-pre-footer.fir-footer p span {
        border-right: solid 1px #9ba3a5;
        display: inline-block;
        padding: 0 0px 0 0px;
        position: relative;
    }

    .feb-pre-footer.fir-footer p span:nth-child(2) {
        border: none;
        margin-left: 10px;
        padding-right: 0
    }

    .feb-pre-footer.fir-footer p span:after {
        background: url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png);
        background-position: -226px -104px;
        background-size: 460px;
        content: "";
        height: 25px;
        left: 0;
        position: absolute;
        top: 0;
        width: 25px
    }

    .feb-pre-footer.fir-footer p span a {
        color: #333;
        font-size: 11px;
    }

    .feb-pre-footer.fir-footer ul li {
        box-shadow: 0px 0px 11px #ccc;
        display: inline-block;
        background: url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png) #fff no-repeat;
        background-position: -4px -4px;
        border-radius: 7px;
        background-size: 460px;
        height: 92px;
        margin: 23px 14px 0 0;
        width: 107px;
    }

    .feb-pre-footer.fir-footer ul li a {
        display: block;
        height: 100%;
        width: 100%;
    }

    .feb-pre-footer.fir-footer ul li:nth-child(2) {
        background-position: -113px -5px
    }

    .feb-pre-footer.fir-footer ul li:nth-child(3) {
        background-position: -223px -5px
    }

    .feb-pre-footer.fir-footer ul li:nth-child(4) {
        background-position: -333px -5px
    }

    .feb-pre-footer.fir-footer ul li:nth-child(5) {
        background-position: -4px -99px
    }

    .feb-pre-footer.fir-footer ul li:nth-child(6) {
        background-position: -113px -99px
    }

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