body {
            font-size: 16px;
            line-height: 28px;
        }

        .heading-menu {
            display: none;
        }

        #adRhsLnkNm {
            display: none;
        }

        .accordion_body ul {
            list-style: disc !important;
        }

        /* -------- banner css ---------*/
        .banner-bg1 {
            background: #355094;
            padding: 30px 0px;
            min-height: 400px;
        }

        .banner_headline {
            font-size: 60px;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            line-height: 1.2;
        }

        .banner__description {
            font-size: 20px;
            color: #fff;
            line-height: 28px;
            margin: 20px 0px 30px;
        }

        .banner {
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn-red {
            padding: 14px 25px;
            background: #fdd100;
            border-radius: 50px;
            margin-right: 10px;
            display: inline-block;
            font-size: 16px;
            color: #333;
            font-weight: 400;
            margin-top: 10px;
        }

        .btn-red:hover {
            background: #e3bc04;
            transition: all 0.3s;
        }

        .swiper-pagination {
            bottom: 10px;
            right: 10px;
            width: unset !important;
            position: absolute;
            left: unset !important;
        }

        #scroll {
            display: none;
        }

        .pt0 {
            padding-top: 0px !important;
        }

        .pb0 {
            padding-bottom: 0px !important;
        }

        p {
            font-size: 16px;
        }

        .row {
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            align-items: initial;
            width: 100%;
            justify-content: center;
        }

        .sec-pTB {
            padding: 60px 0;
        }

        /*--------- section css --------------*/

        #section1,
        #section2 {
            text-align: center;
        }

        h1 {
            font-size: 55px;
        }

        .main_heading {
            line-height: 1.2;
            font-size: 44px;
            font-weight: 600;
        }

        .sub_heading2 {
            margin: 0;
            font-size: 34px;
            font-family: "Zoho_Puvi_Medium";
            margin-bottom: 20px;
            display: inline-block;
            width: 100%;
            line-height: 42px;
        }

        .content {
            margin: 0;
            margin-top: 15px;
        }

        /*--------- box section css --------------*/

        .hglt3 {
            background: #f5f5f5;
        }

        .help-it-section .cell {
            text-align: center;
            background: #fff;
        }

        .help-it-section .cell p {
            line-height: 28px;
        }

        .help-it-section .cell h3 {
            font-size: 24px;
            font-family: "Zoho_Puvi_bold";
            line-height: 28px;
            font-weight: 700;
            margin: 20px 0px 10px;
        }

        .cell {
            padding: 30px;
            border: 1px solid #ececec;
            margin: 15px 15px;
            flex: 1;
        }

        .help-it-section .cell .icon-wrapper img {
            max-width: 60px;
            margin: 5px 0px;
        }

        /*--------- application-infrastructures css --------------*/

        .application-infrastructures [class*="col-"] {
            padding: 15px 25px;
        }

        /*--------- screenshot section css --------------*/

        .no-gutter [class*="col-"] {
            padding: 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .col-1 {
            width: calc(1 / 12 * 100%);
        }

        .col-2 {
            width: calc(2 / 12 * 100%);
        }

        .col-3 {
            width: calc(3 / 12 * 100%);
        }

        .col-4 {
            width: calc(4 / 12 * 100%);
        }

        .col-5 {
            width: calc(5 / 12 * 100%);
        }

        .col-6 {
            width: calc(6 / 12 * 100%);
        }

        .col-7 {
            width: calc(7 / 12 * 100%);
        }

        .col-8 {
            width: calc(8 / 12 * 100%);
        }

        .col-9 {
            width: calc(9 / 12 * 100%);
        }

        .col-10 {
            width: calc(10 / 12 * 100%);
        }

        .col-11 {
            width: calc(11 / 12 * 100%);
        }

        .col-12 {
            width: calc(12 / 12 * 100%);
        }

        [class*="col-"] {
            padding: 15px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .flex-row:after,
        .row:after {
            content: "";
            display: table;
            clear: both;
        }

        .row .col-6>a {
            width: 100%;
            -webkit-box-shadow: 5px 5px 5px 0 #e0e0e0;
            box-shadow: 5px 5px 5px 0 #e0e0e0;
            border: solid 1px #e8e7e7;
            border-radius: 6px;
            transition: all 0.3s;
        }

        .row .col-6>a:hover {
            transform: scale(1.1);
            transition: all 0.3s;
        }

        .observability-solution .row {
            align-items: center;
        }

        .observability-solution .row h2 {
            margin: 0px 0 20px;
        }

        .observability-solution .sec-pTB {
            padding: 30px 0px;
        }

        .observability-solution .sec-pTB:nth-child(even) {
            background: #f7faff;
        }

        .observability-solution .sec-pTB:nth-child(even) .row .col-6>a {
            width: 100%;
            -webkit-box-shadow: 5px 5px 5px 0 #e7e7e7;
            box-shadow: 5px 5px 5px 0 #e7e7e7;
            border: solid 1px #f7fafe;
            border-radius: 6px;
        }

        .disc {
            list-style: disc;
            margin-left: 15px;
        }

        .disc li {
            padding-bottom: 12px;
        }

        .disc li:last-child {
            padding-bottom: 0;
        }

        .img-zoom-container {
            width: 100%;
            height: 100%;
        }

        .ulfaq>li {
            margin-bottom: 16px;
        }

        .ulfaq>li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .ulfaq>li>h3 {
            font-size: 18px;
            margin: 0;
        }

        .accordion_body {
            background: #f9f9f9;
            padding: 12px;
        }

        .accordion_body p {
            margin: 0px;
        }

        .plusminus {
            font-size: 20px;
            position: absolute;
            right: 20px;
            top: 10px;
        }

        .faqh {
            font-size: 18px;
            margin: 0;
            color: #09c;
        }

        .accordion_head.active .faqh {
            background: #f9f9f9;
        }

        /*================== accordian css end */

        /*-----  link section ----------*/

        .flex-row {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .flex-row .col {
            width: 46% !important;
            margin: 15px 15px;
        }

        .observability-link .icon-wrapper,
        .observability-link .icon-wrapper a {
            align-items: center;
            justify-content: left;
            display: flex;
        }

        .observability-link .img-wrapper {
            width: 85px;
            height: 85px;
            display: block;
            line-height: 85px;
            text-align: center;
            background-color: #fff;
            color: #ddd;
            border-radius: 50%;
            transition: 0.5s;
            box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 6%);
            min-width: 85px;
        }

        .observability-link .icon-wrapper h3 {
            font-size: 17px;
            font-weight: 500;
            margin: 0;
            padding-left: 15px;
        }

        .observability-link .flex-row {
            align-items: flex-start;
            background: #f7faff;
            padding: 25px 5px 25px 20px;
        }

        .nav-row {
            display: flex;
            width: 100%;
            gap: 20px;
            background: #f7faff;
            flex-wrap: wrap;
            box-sizing: border-box;
        }

        .nav-row>a {
            width: 48%;
            box-sizing: border-box;
            display: flex;
            gap: 20px;
            padding: 20px;
            align-items: center;
        }

        .nav-row>a>span {
            font-size: 17px;
            font-weight: 500;
            color: #333;
        }

        .nav-row .img-wrapper img {
            max-width: 45px;
        }

        /*---------- accordian css --------------- */

        .add-on {
            font-size: 10px;
            font-weight: 600;
        }

        .red-star {
            color: #e07879;
        }

        .windowsmonoTable td.padd-none {
            padding: 0 !important;
        }

        .bdr-none td {
            border: none !important;
            padding: 15px 0px !important;
        }

        .accordion_head.active {
            background: #f9f9f9;
            color: #405bff !important;
            border-top: 1px solid #405bff;
        }

        .accordion_container {
            width: 100%;
        }

        .accordion_head {
            color: #405bff;
            cursor: pointer;
            font-size: 25px;
            margin: 0 0 1px 0;
            padding: 12px;
            font-family: "Open Sans", sans-serif;
            border-bottom: 1px solid #efefef;
            position: relative;
            border-top: 1px solid #efefef;
            margin-top: -2px;
        }

        .accordion_body {
            background: #f9f9f9;
            padding: 12px;
        }

        .accordion_body p {
            margin: 0px;
            line-height: 28px;
        }

        .plusminus {
            font-size: 22px;
            position: absolute;
            right: 20px;
            top: 10px;
        }

        .faqh {
            font-size: 18px;
            margin: 0;
            font-weight: 600;
            color: #444;
        }

        .adjus-accordian .accordion_head {
            justify-content: left;
            margin: -1px 0px;
        }

        .adjus-accordian .accordion_body {
            background: #fff;
            border: 1px solid #efefef;
        }

        .adjus-accordian .accordion_head.active {
            color: #405bff !important;
            border-top: 1px solid #405bff !important;
        }

        .sec-title {
            margin-bottom: 15px;
            display: inline-block;
        }

        /*---------- btn  css --------------- */
        .sec-hglt1 {
            position: relative;
        }

        .sec-hglt1:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: url(images/banner-bg.png) top center no-repeat;
            opacity: 0.3;
            top: 0;
        }

        .div-trusted {
            display: flex;
            justify-content: center;
            margin-top: 25px;
            flex-wrap: wrap;
        }

        .div-trusted a {
            background: #e9152c;
            color: #fff;
            width: 466px;
            margin: 2px;
            box-sizing: border-box;
            vertical-align: top;
            transition: all 0.3s ease-in-out;
            text-align: left;
            position: relative;
            border-radius: 10px;
        }

        .div-trusted a:nth-child(2) {
            background: #33ae64;
        }

        .div-trusted a:hover {
            opacity: 0.8;
        }

        .div-trusted a h4 {
            margin: 0;
            color: #fff;
            font-weight: 700;
        }

        .div-trusted a span {
            font-size: 12px;
            line-height: 16px;
            display: inline-block;
            margin-top: 10px;
        }

        .div-trusted a img {
            width: 50px;
            position: absolute;
            left: 25px;
            top: 13px;
        }

        .div-trusted a h4 {
            margin-left: 100px;
            line-height: 72px;
        }

        /*--------- Media query --------------*/

        @media screen and (max-width: 768px) {
            .flex-row .cell {
                width: 95% !important;
                margin: 0 auto;
            }

            .banner-ct {
                text-align: center;
            }

            .reasons>li {
                flex: initial;
                width: 95%;
            }

            .nav-row>a {
                width: 100%;
            }

            .observability-solution .row {
                display: block;
            }

            .observability-solution .row .col {
                width: 100%;
            }

            .cell {
                flex: inherit;
            }

            .main_heading {
                line-height: 36px;
                font-size: 32px;
            }

            h1 {
                font-size: 32px;
            }

            .sub_heading2 {
                font-size: 22px;
                line-height: 30px;
            }

            .sec-pTB {
                padding: 20px 0 !important;
            }

            .col-6 {
                width: 100%;
            }

            .banner_headline {
                font-size: 32px;
                line-height: 34px;
            }

            .row .col-6>a:hover {
                transform: scale(1);
            }
        }

        @media (min-width: 1400px) {
            .container {
                max-width: 1315px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1170px;
            }
        }

        @media (max-width: 1200px) {
            .container {
                max-width: 99%;
            }

            .triangle-con {
                -webkit-transform: scale(0.6);
                transform: scale(0.6);
            }

            .y-opm-plus h3 {
                font-size: 15px;
            }
        }
        @media only screen and (max-width: 1025.98px) {
            .promotion-top-banner {
                margin-top: 28px;
            }
        }
.sec-pTB{padding: 50px 0px;}
.lhs-tree{display: none;}
#scroll, #VideosAndLogos{display: none;}
.rhs-cont{width: 100%;padding:0px 0px 40px 0px;}

.feaHead {position: relative;padding-left: 50px; min-height: 55px;}
.feaHead > a > span {display:inline-block;vertical-align: middle;margin-right:10px;    position: absolute;left: 0;top: 0;}
.feaHead > a > span > img {width:30px;}

.feaSubHead {font-size: 22px;text-align: center;margin: 5px 0px 10px;}

.feaImg1{
    display: inline-block;
    height: 32px;
    margin: 5px 10px 0 0;
        margin-bottom: 0px;
    width: 32px;
}
.feaImg1, .resImg {
    background: url(https://www.manageengine.com/latam/it-operations-management/images/opm-feature-common-sprite.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
}
.fea-icon11{background-position:0 -56px}
.fea-sm1{background-position: -299px -120px;}
.fea-sm2{ background-position: -301px -156px;}
.fea-sm3{background-position: -299px -87px;}
.fea-sm4{background-position: -261px -218px;}
.fea-npm5{background-position: -261px -189px;}
.fea-nfm7{background-position: -261px -160px;}
.fea-enm6{background-position: -261px -131px;}

/*  ====== new css ==========*/

.common-box-section .box-wrapper {
    background: #fff;
    border: solid 1px #e8e8e8;
    margin: 0 0 0px !important;
    padding: 20px !important;
    transition: all .5s;
    position: relative;
}
.common-box-section .box-wrapper:hover {
    box-shadow: 0 0 25px #ccc;
    transition: all .5s;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}


.common-box-section .box-wrapper .feaHead a{color: #444; font-weight: 600; font-size: 18px;} 
.common-box-section .box-wrapper .feaHead a:hover{text-decoration: none;}
.common-box-section .box-wrapper .con{font-size:15px;    margin: 15px 0px 15px;}
.common-box-section .box-wrapper .lnk{color:#03a9f5;position:relative; display: inline-block;}
.common-box-section .box-wrapper .lnk a:hover{text-decoration:none}
.common-box-section .box-wrapper .lnk:before{background:#03a9f5;bottom:3px;content:"";height:1px;left:0;position:absolute;transition:all .5s;width:75px;}
.common-box-section .box-wrapper .lnk:hover:before{left:36px;transition:all .5s;width:0;}
.common-box-section .box-wrapper .tilLnk{border:1px solid #000;color:#000;padding:7px 30px;text-transform:uppercase;}
.common-box-section .box-wrapper p{margin: 4px 0 15px;}


.flex-inherit .per30{flex: inherit;}


.tac-btn{display: flex;
align-items: center;
justify-content: center;}

a.more-fea {padding: 10px 15px;border: 1px solid #ddd;    margin: 20px 0px 0px;transition: all 0.3s; } 
a.more-fea:hover{text-decoration: none;     background: #444d5d;color: #fff; transition: all 0.3s; border: 1px solid #444d5d; }

.bg-l-grey a.more-fea{ transition: all 0.3s; background: #444d5d; color: #fff;}
.bg-l-grey a.more-fea:hover{background: #fff; color: #333; transition: all 0.3s; border: 1px solid #ddd;}

.bg-l-grey {background: #f1f1f1;}

.per25 {width: 23%;flex: 1;
    margin: 5px;
    display: inline-grid; }
.per30 {flex: 1;
    margin: 5px;
    display: inline-grid;
    width: 30%;}

.parllex-bg {position:relative;}
.parllex-bg:before{content:"";background: #2b1812 no-repeat top center;background-size:cover;background-attachment: fixed;position:absolute;z-index:-1;width:100%;height:100%;top:0;}
.parllex-bg:after{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:-1;top:0;opacity:.7;top:0;}

/* .icon-padd-left .feaHead {position: relative;padding-left: 40px;} */


.feaImg {
    position: absolute;
    left: -13px;
    top: -25px;
}

.feaImg{background: url(https://www.manageengine.com/latam/it-operations-management/images/opm-feature-common-sprite.png) no-repeat 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 670px;
    width: 50px;
    height: 50px;}

.fea-sec1-icon1{background-position:10px 10px;}
.fea-sec1-icon2{ background-position:-71px 10px;}
.fea-sec1-icon3{ background-position: -145px 8px;}
.fea-sec1-icon4{ background-position: -225px 10px;}


.fea-sec2-icon1{background-position:-309px 10px;}
.fea-sec2-icon2{background-position:-381px 10px;}
.fea-sec2-icon3{background-position:-460px 10px;}
.fea-sec2-icon4{background-position: -654px 7px;background-size: 800px;width: 50px;height: 60px;}
.fea-sec2-icon5{background-position:-620px 10px;}
.fea-sec2-icon6{background-position:10px -56px}

.fea-sec3-icon1{background-position:-70px -56px;}
.fea-sec3-icon2{background-position:-146px -56px;}
.fea-sec3-icon3{background-position: -224px -56px;}
.fea-sec3-icon4{background-position:-303px -56px}
.fea-sec3-icon5{background-position:-383px -58px;}


.fea-sec4-icon1{background-position:-460px -58px}
.fea-sec4-icon2{background-position:-544px -58px;}
.fea-sec4-icon3{background-position:-620px -58px}
.fea-sec4-icon4{background-position:7px -137px;}
.fea-sec4-icon5{background-position:-71px -138px;}

.fea-sec5-icon1{background-position:-146px -138px;}
.fea-sec5-icon2{background-position:-228px -138px;}
.fea-sec5-icon3{background-position:-308px -138px;}
.fea-sec5-icon4{background-position:-377px -136px;}

.fea-sec6-icon3 {background-position: -740px -170px; background-size: 790px;}
.fea-sec6-icon2 {background-position: -542px -136px;}
.fea-sec6-icon1 {background-position: -456px -136px}


.row{display: flex;flex-wrap: wrap;justify-content: center; padding: 0;}

.fea-list-cont {display: block;}
@media screen and (min-width: 1400px){
.media-container-width .container {
max-width: 1398px !important;
}
}


@media screen and (min-width: 1200px){

.media-container-width .container {max-width: 1198px !important;}

}

@media screen and (max-width: 767px){
    .per30, .per25{width: 100%; flex: inherit;}
   .feaHead{min-height: auto;}
}

@media (min-width: 768px) and (max-width: 1023px){

    .st-manage-section .per25{width:46%; flex:inherit;}
    .tab-width .per25{width:46%; flex:inherit;}
    .feaHead{min-height: auto;}
}




@media (min-width: 1400px){
.container {max-width: 1315px;}

}


.fea-nav-list a {
    color: #444;
    font-size: 11px;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
.prd-nav .demo-icon,  .prd-nav .comp-icon, .prd-nav .quote-icon  {background: transparent url("https://www.manageengine.com/latam/images/me-sprite-new.png") no-repeat scroll 0px 0px;}
.prd-nav .demo-icon {
    background-position: -142px 0px;
    height: 25px;
    width: 25px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .quote-icon {
    background-position: -128px 0px;
    height: 25px;
    width: 13px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}