:root {
    --link-blue: #0052D9;
    --link-blue-hov: #003da0;
    --btn-red: #d00416;
    --btn-red-hov: #dd002c
}
[data-template="me-prd-id360-access-featu-lhs.jsp"] .main--container #lhsTree:before{top:0;height:100%;}
.full-width-wrapper a {
    color: var(--link-blue)
}

.full-width-wrapper {
    display: block;
    color: #000;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.full-width-wrapper * {
    box-sizing: border-box;
    margin: 0;
    font-family: ZohoPuvi,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1
}

.full-width-wrapper ::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.full-width-wrapper ::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.full-width-wrapper a {
    text-decoration: none;
    transition: .3s;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.full-width-wrapper p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: #000
}

.full-width-wrapper li a,.full-width-wrapper p a {
    color: var(--link-blue)
}

.full-width-wrapper h2 a:hover,.full-width-wrapper h3 a:hover,.full-width-wrapper h4 a:hover,.full-width-wrapper h5 a:hover,.full-width-wrapper h6 a:hover {
    color: var(--link-blue)
}

.full-width-wrapper li a:hover,.full-width-wrapper p a:hover {
    color: var(--link-blue-hov);
    text-decoration: underline
}

.blue--box * a {
    color: var(--link-blue);
    text-decoration: underline
}

.blue--box * a:hover {
    color: var(--link-blue)
}

.full-width-wrapper strong {
    font-weight: 600;
    color: inherit
}

.full-width-wrapper ul {
    list-style: none;
}

.full-width-wrapper img {
    width: 100%;
    height: auto
}

.rhs--cont--new div figure>img {
    border: 1px solid #aaa;
    padding: 25px;
    border-radius: 5px
}

.main--container {
    width: 93%;
    max-width: 1400px;
    margin: auto
}

body .wsm--skip--btn {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    background: #e1e5eb;
    z-index: -1;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-decoration: none
}

body .wsm--skip--btn:focus {
    opacity: 1;
    visibility: visible;
    z-index: 99999999999
}

body .wsm--skip--btn span {
    font-size: 16px;
    color: #1f2462
}

.page--header {
    background: linear-gradient(139deg,#002882,#004aeb);
    display: flex;
    align-items: center;
    min-height: 340px;
    padding: 70px 0;
    position: relative;
    box-sizing: border-box
}

.page--header:before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://www.manageengine.com/products/eventlog/images/all-fea-bg-line-25.webp) no-repeat center top;
    background-size: cover
}

.banr--text {
    position: relative;
    max-width: 900px
}

.banr--text h1 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    color: #fff
}

.banr--text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #fff;
    margin-top: 20px
}

.uni-fea-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:48px}
.banr--text .uni-fea-btn{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:15px;font-weight:400;gap:5px;justify-content:center;line-height:1;min-height:48px;padding:10px 30px;position:relative}
.banr--text .uni-fea-red{background:#d00417;color:#fff}
.banr--text .uni-fea-ghost{border-color:#fffc;color:#fff}
.uni-fea-red:hover{background:#b50314}
.uni-fea-ghost:hover{background:#ffffff1a}
.uni-fea-ico-download,.uni-fea-ico-user{height:18px;position:relative;width:18px}
.uni-table-defa{margin-bottom:15px;overflow-x:auto;}
.uni-table-defa table{border:1px solid #E5E5E5;min-width:500px;width:100%;}
.uni-table-defa table thead{background:#F1F3F9;}
.uni-table-defa table th{color:#000;font-size:16px;font-weight:500;line-height:26px;padding:13px 25px;text-align:left;} 
.uni-table-defa table td{color:#000;font-size:16px;line-height:26px;padding:25px;}
.uni-table-defa table li{margin-bottom:5px;}
.uni-table-defa table ul, .wsm--table--container table ol{margin-top:15px;}
.uni-table-defa table tbody tr:nth-child(even){background:#F9FAFC;}
.uni-table-defa table td:first-child, .wsm--table--container table th:first-child{width:15%}

.head--banner--cta {
    margin-top: 30px
}

.head--banner--cta .wsm--btn--red {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    padding: 13px 54px 13px 34px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 2px;
    background: var(--btn-red);
    border: 1px solid var(--btn-red);
    text-decoration: none;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: all .4s ease
}

.head--banner--cta .wsm--btn--red:hover {
    text-decoration: none;
    background: var(--btn-red-hov)
}

.head--banner--cta .wsm--btn--red::after {
    content: "";
    width: 16px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgOUw3IDE0TTcgMTRMMTIgOU03IDE0TDcgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMSAxN0gxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 8px;
    position: absolute;
    top: 10px
}

.heading-menu {
    display: none
}

body .CS_CTAContainer .double-btn a,body .Country_based_cta .CB_CTA_wrap a {
    padding: 8px 59px 8px 30px;
    font-size: 16px;
    border-radius: 2px
}

body .Country_based_cta .CB_CTA_wrap .CS_CTA_signup:before {
    margin-left: 67px
}

body .CS_CTAContainer .double-btn .CS_CTA_download:before,body .Country_based_cta .CB_CTA_wrap .CS_CTA_download:before {
    margin-left: 89px
}

body .CS_CTAContainer .double-btn .CS_CTA_signup,body .Country_based_cta .CB_CTA_wrap .CS_CTA_signup {
    margin-right: 18px;
    border: 1px solid #fff;
    background: 0 0
}

.ban-cta-group-25 {
    margin-top: 40px
}

.ban-cta-group-25 a {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.ban-cta-group-25 .cta-line-sm-arr:after,.ban-cta-group-25 .cta-red-sm-arr:after {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 10px
}

.ban-cta-group-25 .cta-red-sm-arr:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgOUw3IDE0TTcgMTRMMTIgOU03IDE0TDcgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMSAxN0gxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.ban-cta-group-25 .cta-line-sm-arr:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMThDNCAxNS43OTA5IDUuNzkwODYgMTQgOCAxNEgxNkMxOC4yMDkxIDE0IDIwIDE1Ljc5MDkgMjAgMThWMThDMjAgMTkuMTA0NiAxOS4xMDQ2IDIwIDE4IDIwSDZDNC44OTU0MyAyMCA0IDE5LjEwNDYgNCAxOFYxOFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEyIiBjeT0iNyIgcj0iMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    width: 22px;
    height: 22px
}

.page-content-container {
    padding-top: 50px;
    position: relative
}

.page-content-container::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #e8e8e8;
    position: absolute;
    left: 337px;
    bottom: 0;
    top: 0
}

.page-content-container .lhs--tree--new {
    width: 337px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
    position: sticky;
    top: 58px;
    height: calc(100vh - 100px);
    overflow: auto;
    padding-bottom: 20px
}

.lhs--tree--new::-webkit-scrollbar {
    width: 2px
}

.lhs--tree--new::-webkit-scrollbar-track {
    background: 0 0
}

.lhs--tree--new::-webkit-scrollbar-thumb {
    background: 0 0
}

.lhs--tree--new::-webkit-scrollbar-thumb:hover {
    background: #555
}

.lhs--tree--new:hover::-webkit-scrollbar-thumb {
    background: #888
}

.lhs--tree--new:hover::-webkit-scrollbar-track {
    background: #f1f1f1
}

body .page--header .CS_CTAContainer .double-btn,body .page--header .Country_based_cta .CB_CTA_wrap {
    margin-bottom: 0
}

body .page--header .Country_based_cta {
    margin-top: 38px
}

.ela-reports-list-container {
    padding: 50px 45px;
    background: #eaf0ff;
    border-radius: 4px;
    margin-top: 50px
}

.page-content-container #lhsTree {
    padding: 0!important;
    max-width: 100%;
    position: relative
}

.dwn-ic {
    display: inline-block;
    width: 24px;
    height: 19px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyNCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzFfMjc0MCkiPgo8cGF0aCBkPSJNMTQuOTk5NSA2LjI4NDExQzE0Ljk5OTUgNi40NDk3OSAxNS4xMzM4IDYuNTg0MTEgMTUuMjk5NSA2LjU4NDExSDE3LjgyMjFDMTguMDg5NCA2LjU4NDExIDE4LjIyMzIgNi45MDcyNSAxOC4wMzQyIDcuMDk2MjRMMTIuMjEyNiAxMi45MTc5QzEyLjA5NTQgMTMuMDM1IDExLjkwNTUgMTMuMDM1IDExLjc4ODMgMTIuOTE3OUw1Ljk2NTggNy4wOTYyNkM1Ljc3Njc5IDYuOTA3MjcgNS45MTA2NCA2LjU4NDExIDYuMTc3OTIgNi41ODQxMUg4LjY5OTQ4QzguODY1MTYgNi41ODQxMSA4Ljk5OTQ4IDYuNDQ5NzkgOC45OTk0OCA2LjI4NDExVjAuMjk0MjYzQzguOTk5NDggMC4xMjg1NzggOS4xMzM3OSAtMC4wMDU3MzczIDkuMjk5NDggLTAuMDA1NzM3M0gxNC42OTk1QzE0Ljg2NTIgLTAuMDA1NzM3MyAxNC45OTk1IDAuMTI4NTc4IDE0Ljk5OTUgMC4yOTQyNjRWNi4yODQxMVoiIGZpbGw9IiNEMDA0MTYiLz4KPHBhdGggZD0iTTEyLjAzMzcgMTYuMDAyMkMxMi4xNTM1IDE2LjEyOTUgMTIuMzU2MyAxNi4xMjc4IDEyLjQ3NCAxNS45OTg1TDE1LjEwOSAxMy4xMDM4QzE1LjE2NTggMTMuMDQxMyAxNS4yNDY0IDEzLjAwNTcgMTUuMzMwOCAxMy4wMDU3SDIyLjJDMjIuMzY1NyAxMy4wMDU3IDIyLjUgMTMuMTQwMSAyMi41IDEzLjMwNTdWMTguNzA1N0MyMi41IDE4Ljg3MTQgMjIuMzY1NyAxOS4wMDU3IDIyLjIgMTkuMDA1N0gxLjhDMS42MzQzMSAxOS4wMDU3IDEuNSAxOC44NzE0IDEuNSAxOC43MDU3VjEzLjMwNTdDMS41IDEzLjE0MDEgMS42MzQzMSAxMy4wMDU3IDEuOCAxMy4wMDU3SDkuMDgzMjlDOS4xNjYgMTMuMDA1NyA5LjI0NTAzIDEzLjAzOTkgOS4zMDE3MyAxMy4xMDAxTDEyLjAzMzcgMTYuMDAyMlpNMTcuOTA2MiAxNi4wNTQ2QzE3LjUxODkgMTYuMDU0NiAxNy4yMDUxIDE2LjM2ODMgMTcuMjA1MSAxNi43NTU3QzE3LjIwNTEgMTcuMTQzMiAxNy41MTg4IDE3LjQ1NzkgMTcuOTA2MiAxNy40NTc5QzE4LjI5MzcgMTcuNDU3OSAxOC42MDc0IDE3LjE0MzIgMTguNjA3NCAxNi43NTU3QzE4LjYwNzQgMTYuMzY4MyAxOC4yOTM3IDE2LjA1NDYgMTcuOTA2MiAxNi4wNTQ2Wk0yMC41MzEyIDE2LjA1NDZDMjAuMTQzOCAxNi4wNTQ2IDE5LjgzMDEgMTYuMzY4MyAxOS44MzAxIDE2Ljc1NTdDMTkuODMwMSAxNy4xNDMyIDIwLjE0MzggMTcuNDU3OSAyMC41MzEyIDE3LjQ1NzlDMjAuOTE4NyAxNy40NTc5IDIxLjIzMjQgMTcuMTQzMiAyMS4yMzI0IDE2Ljc1NTdDMjEuMjMyNCAxNi4zNjgzIDIwLjkxODcgMTYuMDU0NiAyMC41MzEyIDE2LjA1NDZaIiBmaWxsPSIjRDAwNDE2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMV8yNzQwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjE5LjAxMTUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwNTczNzMpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-size: cover;
    vertical-align: baseline;
    margin: 5px;
    top: -4px;
    position: relative
}

#lhsTree>li {
    border: none;
    line-height: 38px
}

#lhsTree a {
    font-weight: 400
}

#lhsTree>li#freedload {
    margin-bottom: 18px
}

#lhsTree li#freedload span a {
    font-size: 14px;
    font-weight: 400
}

#freedload img {
    display: none
}

#lhsTree>li#freedload {
    padding-left: 0
}

#lhsTree>li#freedload span {
    padding-left: 0
}

#lhsTree li#freedload span:hover {
    background: 0 0
}

#lhsTree li#freedload span a:hover {
    background: 0 0;
    color: var(--link-blue)
}

.main--container #lhsTree:before {
    content: "";
    width: 1px;
    height: calc(100% - 56px);
    background: #d4d4d4;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 56px;
    z-index: 1
}

#lhsTree>li>ul li {
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

#lhsTree>li>ul .subTreeList li:nth-child(n+6), #lhsTree>li>ul li:nth-child(n+6) {
    display: none
}

#lhsTree li ul li a {
    position: relative
}

#lhsTree .subTreeList li a.feaact:before,#lhsTree li ul li a.feaact:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: var(--link-blue);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

#lhsTree>li>span,#lhsTree>li>span.ifTree {
    font-size: 14px;
    line-height: 31px;
    color: #000;
    position: relative;
    padding: 3px 35px 4px 20px;
    transition: all .4s ease
}

#lhsTree ul>span.lhstree_more {
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    display: block;
    cursor: pointer;
    padding: 7px 15px 7px 45px
}

#lhsTree a {
    color: #000;
    display: block;
    font-size: 14px
}

#lhsTree>li>ul li a {
    font-weight: 400;
    font-size: 14px
}

#lhsTree>li>span,#lhsTree>li>span.ifTree {
    font-weight: 400
}

#lhsTree>li>span.ifTree:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0;
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    position: absolute;
    left: auto;
    top: -5px;
    bottom: 0;
    right: 15px;
    margin: auto;
    transition: .3s linear;
    transform: rotate(45deg)
}

#lhsTree>li>span.ifTree.dropact:after {
    position: absolute;
    border: none;
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    left: auto;
    top: 5px;
    bottom: 0;
    right: 15px;
    margin: auto;
    transform: rotate(225deg)
}

#lhsTree>li>span.ifTree.dropact:after {
    border-color: var(--link-blue)
}

#lhsTree>li .feaact a {
    color: var(--link-blue);
    background: #f6f9fc
}

#lhsTree>li>ul li a {
    padding: 7px 15px 7px 42px;
    display: inline-block;
    width: 100%
}

#lhsTree>li .feaact,#lhsTree>li>ul li:first-child .feaact {
    color: var(--link-blue);
    border-radius: 2px;
    border-radius: 2px;
    background: rgba(0,82,217,.08)
}

#lhsTree>li>span.ifTree.dropact {
    font-weight: 400;
    color: var(--link-blue)
}

#lhsTree>li>span.ifTree.dropact {
    padding-bottom: 5px
}

#lhsTree>li>span:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    background: var(--link-blue);
    opacity: 0;
    visibility: hidden
}

#lhsTree>li>span.dropact:before {
    opacity: 1;
    visibility: visible
}

#lhsTree .tar {
    text-align: left
}

.subTreeList {
    display: none
}

#lhsTree li span {
    font-size: 14px;
    padding: 3px 35px 4px 20px
}

#lhsTree>li>ul {
    width: 100%;
    padding-left: 0;
	margin-left: 0;
}

#lhsTree li .subTree {
    padding: 8px 15px 8px 60px;
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    font-weight: 400
}

#lhsTree li .subTree:not(.subAct):hover {
    background: #f2f2f2;
    border-radius: 0 2px 2px 0
}

#lhsTree li .subTree:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    position: absolute;
    left: 35px;
    top: 15px;
    transform: rotate(45deg);
    transition: .3s;
    pointer-events: none
}

#lhsTree li .subTree.subAct {
    font-weight: 500
}

#lhsTree li .subTree.subAct:before {
    transform: rotate(135deg);
    left: 38px;
    top: 12px
}

#lhsTree .subTreeList {
    padding: 0;
    list-style: none
}

#lhsTree .subTreeList li a {
    padding-left: 60px;
    position: relative;
    left: 0;
    font-weight: 300;
    color: #404040
}

ul.releated-nav{padding:15px 0 0 0 !important;}
ul.releated-nav li:first-child a:nth-child(3) {
    margin: 0!important
}

#scroll ul.relPrd {
    width: 100%;
    margin-top: 45px;
    padding: 0;
}
#scroll ul.releated-nav{margin-left:0}
#scroll ul.relPrd>li>span {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0
}

#scroll ul.relPrd li,#scroll ul.relPrd li a {
    font-size: 14px;
    font-weight: 400
}

#scroll ul.relPrd li ul li {
    border: 0;
    padding: 0;
    text-indent: 0;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
    transition: .3s;
    list-style-type: none;
    height: 30px;
    overflow: hidden;
}

#scroll ul.relPrd li ul li:hover .product-quick-name {
    color: var(--link-blue);
    text-decoration: underline
}

#scroll ul.relPrd li ul li:nth-child(10) a.product-quick-name:hover {
    color: var(--link-blue)
}

#scroll ul.relPrd li ul li.wsm-ic-log360 a.product-quick-name {
    display: inline
}

#scroll ul.relPrd li ul li:hover {
    height: 55px;
}

#scroll ul.relPrd li a.product-quick-name {
    position: relative
}

#scroll ul.relPrd li ul li:hover .product-quick-name:after {
    width: 20px
}

#scroll ul.relPrd li ul li.wsm-ic-log360 .product-quick-name:first-child:after {
    display: none
}

#scroll ul.relPrd li ul li.wsm-ic-log360 .product-quick-name:nth-child(2):after {
    margin-left: 6px
}

#scroll ul.relPrd li a.product-quick-name::after {
    content: '';
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjI1IDEwTDQuNzUgMTAiIHN0cm9rZT0iIzAwNTJEOSIgc3Ryb2tlLXdpZHRoPSIxLjEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC43NSAxNC41TDE1LjI1IDEwTDEwLjc1IDUuNSIgc3Ryb2tlPSIjMDA1MkQ5IiBzdHJva2Utd2lkdGg9IjEuMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    width: 0;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 5px 0 0 2px;
    transition: all .4s ease
}

#scroll ul.relPrd li a.product-expanded-name {
    font-size: 14px;
    line-height: 1.2;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    padding: 5px 10px 3px 0;
    font-weight: 300
}

#scroll ul.relPrd>li {
    border-bottom: 0;
    list-style-type: none;
}

#lhsTree li a:hover,#lhsTree ul>span.lhstree_more:hover,#lhsTree>li>span:hover {
    background: #f2f2f2;
    border-radius: 0 2px 2px 0;
    color: #000
}

#lhsTree>li .feaact:hover {
    background: rgba(0,82,217,.08);
    color: var(--link-blue)
}

#scroll ul.relPrd li ul li:first-child a.product-quick-name:hover {
    color: var(--link-blue)!important
}

#scroll ul.relPrd li ul .wsm-lhs-prd-ic {
    padding-left: 30px;
    position: relative
}

#scroll ul.relPrd li ul .wsm-lhs-prd-ic:before {
    content: "";
    background: url(https://www.manageengine.com/products/eventlog/images/fea-page-lhs-product-icons-25.png) no-repeat;
    background-size: 23px;
    width: 23px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 5px
}

#scroll ul.relPrd li ul .wsm-ic-adap:before {
    background-position: -1px 0
}

#scroll ul.relPrd li ul .wsm-ic-adssp:before {
    background-position: -1px -29px;
    top: 1px
}

#scroll ul.relPrd li ul .wsm-ic-erp:before {
    background-position: -1px -59px
}

#scroll ul.relPrd li ul .wsm-ic-ela:before {
    background-position: -1px -87px
}

#scroll ul.relPrd li ul .wsm-ic-m365:before {
    background-position: -1px -120px
}

#scroll ul.relPrd li ul .wsm-ic-dsp:before {
    background-position: -1px -151px
}

#scroll ul.relPrd li ul .wsm-ic-rmp:before {
    background-position: -1px -179px
}

#scroll ul.relPrd li ul .wsm-ic-spmp:before {
    background-position: -1px -207px;
    top: 3px
}

#scroll ul.relPrd li ul .wsm-ic-ad360:before {
    background-position: -1px -240px;
    top: 3px
}

#scroll ul.relPrd li ul .wsm-ic-log360:before {
    background-position: -1px 0
}

#scroll ul.relPrd li ul .wsm-ic-adf:before {
    background-position: 0 -301px;
    top: 4px
}

#scroll ul.relPrd li ul .wsm-ic-admp:before {
    background-position: 0 -329px;
    top: 2px
}

.page-content-container .rhs--cont--new {
    width: calc(100% - 342px);
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-left: 40px;
    padding-bottom: 70px
}

.page-content-container .breadcrumb--container {
    display: inline-block;
    margin-bottom: 30px
}

.breadcrumb--container p {
    margin: 0;
    padding: 0
}

.breadcrumb--container a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--link-blue);
    padding: 5px 10px 5px 5px;
    margin-right: 8px;
    position: relative;
    text-decoration: none
}

.breadcrumb--container a:first-child {
    padding-left: 0;
}

.breadcrumb--container p a {
    text-decoration: none
}

.breadcrumb--container a:after {
    pointer-events: none;
    content: "";
    width: 5px;
    height: 10px;
    border-right: 1px solid;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 0;
    margin: auto;
    transform: rotate(25deg);
    color: #000
}

.breadcrumb--container a:last-child {
    pointer-events: none;
    color: #000;
    padding-right: 0;
    margin-right: 0
}

.breadcrumb--container a:last-child:after {
    display: none
}

.breadcrumb--container a:hover,.breadcrumb--container p a:hover {
    color: var(--link-blue-hov);
    text-decoration: underline
}

.banr--text .breadcrumb--container {
    top: -55px;
    position: relative;
    display: block
}

.banr--text .breadcrumb--container * {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none
}

.banr--text .breadcrumb--container :hover {
    color: #fff
}

.banr--text .breadcrumb--container span,.breadcrumb--container a:last-child {
    opacity: .5
}

.banr--text .breadcrumb--container a:last-child {
    color: #fff;
    opacity: .5
}

.banr--text .breadcrumb--container a:after {
    color: #fff
}

.rhs--cont--new h2 {
    font-size: 26px;
    line-height: 1.6;
    font-weight: 500;
    color: #000;
    padding-bottom: 15px;
    margin-top: 60px
}

.rhs--cont--new * ~ h2 {
    margin-top: 45px;
}

.rhs--cont--new p+h2 {
    margin-top: 40px
}

.fea-scren-slidlist .fea-scren-sli-cont h3,.rhs--cont--new>h3 {
    font-size: 20px;
    line-height: 1.6;
    color: #000;
    font-weight: 500;
    padding-bottom: 10px;
    margin-top: 30px
}

.rhs--cont--new h2+h3 {
    margin-top: 10px
}

.rhs--cont--new h2+div figure {
    padding-top: 15px
}

.rhs--cont--new h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000
}

.rhs--cont--new h5 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px
}

.rhs--cont--new li h4,.rhs--cont--new li h5 {
    display: inline-block;
    font-size: inherit;
    font-weight: 500
}

.rhs--cont--new figure+h3 {
    margin-top: 50px
}

.rhs--cont--new ol,.rhs--cont--new ul,.rhs--cont--new>p {
    margin-bottom: 15px
}

.rhs--cont--new .breadcrumb--container+h2,.rhs--cont--new>h2:first-child {
    margin-top: 0
}

.rhs--cont--new figure {
    margin-bottom: 30px;
    padding-top: 5px
}

.rhs--cont--new figure figcaption {
    text-align: center;
    margin-top: 15px;
    font-size: 13px;
    line-height: 23px;
    font-style: italic
}

.rhs--cont--new figure figcaption strong {
    font-weight: 400;
    font-size: inherit;
    line-height: inherit
}

.rhs--cont--new figure picture {
    border: 1px solid #e5e8ec;
    display: block;
    max-width: 900px;
    padding: 10px
}

.rhs--cont--new figure.medium-image {
    max-width: 700px
}

.rhs--cont--new figure.medium--image {
    max-width: 700px
}

#scroll .rhs--cont--new ul {
    padding: 0;
    padding-left: 22px;
    list-style: none;margin-left: 0;
}

.rhs--cont--new ol li,.rhs--cont--new ul li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    padding-left: 18px;
    padding-bottom: 10px;
    list-style: none !important;
}

#scroll .rhs--cont--new ol>li {
    padding-left: 10px;    list-style-type: decimal !important;
}
#scroll .rhs--cont--new ol>li>ul{margin-top: 12px;}
.rhs--cont--new li ol,.rhs--cont--new li ul {
    margin-top: 10px
}

.rhs--cont--new ol li:last-child,.rhs--cont--new ul li:last-child {
    margin-bottom: 0
}

.rhs--cont--new ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px
}

.rhs--cont--new .tick--list li {
    padding-left: 30px
}

.rhs--cont--new .tick--list li:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgc3Ryb2tlPSIjMDA1MkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSAxMEwxMSAxNEw5IDEyIiBzdHJva2U9IiMwMDUyRDkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat;
    width: 21px;
    height: 21px;
    background-size: contain;
    top: 2px
}

.list-anch-link li:hover {
    cursor: pointer;
    text-decoration: underline
}

.list-anch-link li {
    color: var(--link-blue)
}

.dotted-list li {
    margin-bottom: 10px;
}

.blue--box {
    background: #eaf0ff;
    padding: 35px;
    margin-top: 50px;
    border-radius: 4px
}

.blue--box h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500
}

.blue--box p {
    margin-bottom: 18px
}

.blue--box h4+* {
    padding: 10px 0 0 0!important
}

.blue--box p * {
    font-size: inherit
}

.blue--box p:first-child {
    font-size: 18px;
    line-height: 28px
}

.blue--box p:last-child {
    margin-bottom: 0
}

.blue--box ol,.blue--box ul {
    margin-bottom: 0;
    padding-left: 0
}

.blue--box h4+ul {
    padding: 20px 0 0 0!important;
    margin: 0
}

.blue--box ul+h4 {
    padding-top: 30px
}

#scroll .rhs--cont--new .blue--box ol,#scroll .rhs--cont--new .blue--box ul {
    padding-left: 0
}

.middle--cta--wrap {
    margin-top: 30px;
    text-align: center
}

.middle--cta--wrap .wsm--btn--blue,.middle-cta-wrap .wsm--btn--blue {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid var(--link-blue);
    color: var(--link-blue);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    border-radius: 2px
}

.middle--cta--wrap .wsm--btn--blue:hover,.middle-cta-wrap .wsm--btn--blue:hover {
    background: var(--link-blue);
    color: #fff
}

.banr--text p a {
    color: #fff;
    text-decoration: underline
}

.banr--text p a:hover {
    color: #c8daff
}

.icon--box--double {
    display: flex;
    gap: 80px;
    padding-top: 20px
}

.w--50 {
    width: 50%
}

.w--50:first-child {
    padding-right: 10px
}

.icon--box--double .w--50>div {
    position: relative;
    padding-left: 75px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%
}

.icon--box--double .ic-box-ic {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #d8d8e9;
    background: linear-gradient(100deg,#fafbff -.66%,#f2f7ff 52.81%,#f1f3fd 99.05%);
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 3px
}

.ic-box-ic:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.icon--box--double h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px
}

.icon--box--double .w--50>div:last-child {
    margin-bottom: 0
}

.icon--box--double .w--50>div p {
    margin-bottom: 0
}

.double--list {
    display: flex;
    width: 100%
}

.double--list ul {
    margin-bottom: 0;
    padding-bottom: 0
}

.one--line--banner {
    background: linear-gradient(139deg,#002882,#004aeb);
    border-radius: 10px;
    padding: 45px 44px 50px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    position: relative
}

.one--line--banner h2 {
    display: inline-block;
    margin: 0;
    max-width: 627px;
    padding: 0;
    font-size: 27px;
    line-height: 38px;
    color: #fff;
    font-weight: 600;
    position: relative
}

.one--line--banner .one--line--banner--cta {
    display: inline-block;
    border-radius: 2px;
    background: var(--btn-red);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    padding: 9px 30px;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.one--line--banner:before {
    content: "";
    background: url(../images/all-fea-bg-line-25.webp) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: 0 -28px
}

.one--line--banner .one--line--banner--cta:hover {
    text-decoration: none;
    background: var(--btn-red-hov)
}

.one--line--banner.two--cta {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    text-align: center
}

.one--line--banner.two--cta h2 {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.one--line--banner.two--cta .one--line--banner--cta {
    border: 1px solid var(--btn-red)
}

.one--line--banner.two--cta .one--line--banner--cta:nth-of-type(2) {
    background: 0 0;
    border: 1px solid #fff
}

.one--line--banner.two--cta .one--line--banner--cta:nth-of-type(2):hover {
    background: #1d1949
}

.one--line--banner p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 5px
}

.rhs--cont--new * {
}

.rhs--cont--new h6 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.rhs--cont--new>table {
    min-width: 500px;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 3px;
    padding: 0;
    border: 1px solid #000
}

.rhs--cont--new>table th {
    background: #F2F2F2;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 15px;
    vertical-align: middle;
    text-align: left
}

.rhs--cont--new>table td {
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 15px
}

.rhs--cont--new>table th,.rhs--cont--new>table td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.rhs--cont--new>table th:first-child {
    border-radius: 2px 0 0 0
}

.rhs--cont--new>table th:last-child {
    border-right: 0;
    border-top-right-radius: 2px
}

.rhs--cont--new>table td:last-child {
    border-right: 0
}

.rhs--cont--new>table tr:last-child td {
    border-bottom: 0
}

.rhs--cont--new>table~* {
    margin-top: 20px;
}

.faq--wrapper {
    border-bottom: 1px solid #bfbfbf
}

.faq--wrapper h3 {
    margin: 0;
    padding: 0
}

.faq--wrapper .faq--que {
    background: 0 0;
    border: none;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 24px 10px;
    padding-right: 70px;
    cursor: pointer;
    position: relative;
    transition: .3s
}

.faq--wrapper .faq--ans {
    display: none;
    padding: 0 40px 5px 10px
}

.faq--wrapper .faq--ans ol,.faq--wrapper .faq--ans p,.faq--wrapper .faq--ans ul {
    margin-bottom: 20px
}

.faq--section h2 {
    padding-bottom: 0
}

.faq--wrapper.opened .faq--ans {
    display: block
}

.faq--wrapper .faq--que:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMUwxMiAxNEwxNSAxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s ease
}

.faq--wrapper.opened .faq--que:before {
    transform: rotate(180deg);
    top: -1px
}

.faq--wrapper:not(.opened) .faq--que:hover {
    background: #dedfe54a
}

.lable-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.lable-list a {
    padding: 6px 19px 6px 38px;
    font-size: 15px;
    line-height: 25px;
    background: #fafbff;
    border: 1px solid #e7eef6;
    border-radius: 40px;
    position: relative;
    text-align: left
}

.lable-list a:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBvZbfcdpAEMZ3F4dn0oFUQIQeE5EZiwqCK4jdQVyB3UFwBYkrgFQAnmTII7JTgC4d4Fd7fOvdQ8Jg62T+DP5mYDRi7353u9/uAPAGQthRUfL/DJFTZkjdhgiZZb74Nwl/7gyJP+aBbeAAGGJPiKEmd7NxaAi2kAMQjhSAuhlxVzZ8fzMJUJ/1nYQF9g5HcZq3trpJu2NGmh7dDIvTrhxCNuY7nLKAgPl0q5sg8C8BDKsAKnk3Q+ITF0v4ZefC+1SkNAdNJ+xLBK3y8WCd+PhznlomvbZbaNleNZow1LT41jyAM4Va2tSmyxXwHgdlDzyToQafZr/D4Yt1pfuk8AR84oUsB0rQjIEvSK3J0GLCr1z0h1g3XC7+s3XD60lwdLAGwNn0etVF/SjJzxGw7QVI5+O7wmHrAKpsWrtuDuiWNcN9A1YgdQD9TerwnZmvbv6G/U0AqkVNam8gnpcR0RM/9tqJOVQYIcwsUlsm7rFEtHyAxU0+JPmxFPFHXYriTv7NMp4BPDXZk8R5TTj39Y2DRB0z1YmqEzT7E47BI02N3CplpEO3NdtbImnKmjULRYlh/cCetL/ZVQEx+qUzyheoqZKiD+piXoHwpfueF7YSoO5Th1krLtsGIs7oq7N0EEpt8vK0OiCjT+IqwikUfaAugg210ow8P21QGYgwlj44qhvvr0JKkEXoYTFldfqCNhnzZbb0F2dTPQINXTUW7HAAnAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 19px;
    top: 0;
    bottom: 0;
    margin: auto
}

.lable-list a:hover {
    color: var(--link-blue)
}

.other--features--list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 20px
}

.other--features--list>div {
    width: 50%;
    padding: 36px 40px
}

.other--features--list>div:nth-child(odd) {
    padding-left: 0;
    border-right: 1px solid #d4d4e6
}

.other--features--list>div {
    border-top: 1px solid #d4d4e6
}

.other--features--list>div:first-child,.other--features--list>div:nth-child(2) {
    padding-top: 0;
    border-top: none
}

.other--features--list h3,.other--features--list h5 {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    padding-left: 25px;
    padding-bottom: 10px;
    margin: 0
}

.other--features--list h3:before,.other--features--list h5:before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHMSURBVHgBvVfLUcMwEH0J3IEORAfpAHcQjtxiKkg6sEsIFcRUEDoIVEA6SDpIjtyCFsuT9SJpZefzZnawrV099ivlBv1wb+XFirHyY2WPK2BqZWflwGSGC6MQhFyKLhsNImsUzhF7H6PtWeXsJ+xbaeWLvW+dJIEIlwh7dnAEnCymu3B7qlh0IE0lX0oDGWpjZeOeqVLf0a7YLeoQ+5A7+wbk5QRHbx8Qqf6M/ZdznI6K7ZfxhWHE6KK9OcR5YVIVJfET+oP6eINjjUiMY4a8EnOkIxO2TUHNoAyZKfSWCcGg9jJkWyIwXk0CKXnwDD9WzHYV0CmZzs7t97chnzI+NB59oz2FeHo2iBdXxXTzIdLGWaNDs3vl3jO0o/OK+Fw+sOd9syk/5gqP0UjokOexvErIwjXNglp9HnItryHSf2d3Cb2dJLmWV+lQGVKcJyhx8gxxVKH95OT6gI61lUfUp80n0tHSvUU/nHyAxA6JpFtDX0iP1+x5YuXOs/4GP2jsjsQ3fjBsoUC7b/larYB+71JBIa46kGukS3jSFrveGrR7NBOElfubs2+UBt4ZlJqz3GRKdLt9nhVyGu3Q4yfMAP1gUFcw5Y5C2zmcv4wo44/Yh+HpAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 7px
}

.other--features--list .lm--link {
    display: inline-block;
    margin-top: 20px;
    color: var(--link-blue)
}

.other--features--list .lm--link:hover {
    text-decoration: underline
}

.rhs--cont--new .ic-ext-link {
    display: inline-block;
    vertical-align: baseline;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgB7ZfLUcMwEIZXGg/DjXSAXADgI3g4JBVQQpIO0gFJB3RA6AAqwAfGXJ1QgE0HTgNeVo49tjUWWIqSE/8l1vOTtKvVhoGi4D4dFwWM1XoEyL5ifw09ur5LF8BgBANUz8O6QPZMn+KXYatt7C/bNVdhOmNQjhssBJx7Lej7XwN4Tx1D2ikDI1F3UYKrndaVOa3ohT7zDhQhTz79J3WSLdUFYZoX2pNiU+hp8yqbigqasTOcbCI/AwMlOtuH3490sKKvjbcdiXb6lhhCdaqgy7osN9UBK/1zOAJUOmVlPi34KFD1JjgHD4U6BZtAnYFNoU7ANtCDwUZQbG4MQTMPTgGFJsLRAkYUAddWYNvjbUc446O2haoyAge3qXABNQbDOeRNzLWHShnZmB4Q6Zl+ME6FzWOyNxM5Wny5snIuG6jMVGozUaq0c/5I6MTayQDlZycDq/oHD8qNLdWZm3MOUVNkU3lVwLH2gYc9NFCIyoz4JsxSbLwuA8ZeAYsduBDjF4A4g2rHMgBtYuF7+zacY5PQC+q4ANMsXSdEZR04l7+ljZMPP+IcJ2oK6lJybsmQrKrcle5P2yGSNq2BtX4A69brDyRPLUoAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-left: 5px
}

.table--container {
    overflow: auto;
    margin: 30px 0
}

.table--container table {
    width: 100%;
    min-width: 500px;
    border: 1px solid #e5e5e5
}

.table--container table thead {
    background: #f1f3f9
}

.table--container table td,.table--container table th {
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300
}

.table--container table th {
    font-weight: 500;
    padding: 10px 20px
}

.table--container tbody tr:nth-child(2n) {
    background: #f9fafc
}

.ss-sli-with-tip-fea-25 {
    width: 100%;
    border: 1px solid #aaa;
    padding: 10px;
    margin: 40px 0 70px 0;
    position: relative;
    border-radius: 2px
}

.rhs--cont--new h2~.ss-sli-with-tip-fea-25 {
    margin-top: 10px
}

.fea-scren-slidslider {
    overflow: hidden;
    border-radius: 8px
}

.fea-scren-slidlist {
    list-style: none;
    margin: 0;
    padding: 0
}

#scroll .rhs--cont--new .fea-scren-slidlist {
    padding: 0;
    margin: 0 0 40px 0
}

#scroll .rhs--cont--new .fea-scren-slidlist li:before {
    display: none
}

.rhs--cont--new .fea-scren-slidlist li {
    float: left;
    padding: 0
}

.fea-scren-slidlist .fea-scren-sli-cont {
    padding: 20px 20px 30px
}

.fea-scren-slidlist .fea-scren-sli-cont h3,.fea-scren-slidlist .fea-scren-sli-cont h3 a {
    margin-top: 0;
    color: #000
}

.fea-scren-slidlist .fea-scren-sli-cont h3 a:hover {
    color: var(--link-blue)
}

.fea-scren-sliditem {
    display: flex;
    align-items: center;
    position: relative
}

.fea-scren-sliditem img {
    max-width: 60%;
    height: auto
}

.fea-tip-cont-25 {
    flex: 1;
    position: absolute;
    inset: 0;
    inset: 0
}

.fea-tip-cont-25 h4 {
    font-size: 24px;
    color: #333;
    margin: 0 0 15px
}

.fea-tip-cont-25 p {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
    margin: 0
}

.ss-sli-with-tip-fea-25 .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
    list-style: none;
    width: auto;
    display: table;
    box-sizing: border-box;
    padding: 3px 2px!important;
    background: #fff;
    height: 15px
}

.cus-saya-sli-25 .dots li,.ss-sli-with-tip-fea-25 .dots li {
    -moz-transition: background .5s,opacity .5s;
    -webkit-transition: background .5s,opacity .5s;
    background: #d4d4d4;
    border-radius: 8px;
    cursor: pointer;
    float: left;
    height: 10px;
    list-style: none;
    padding: 0;
    text-indent: -999em;
    transition: background .5s,opacity .5s;
    width: 10px;
    margin: 0 2.5px
}

.cus-saya-sli-25 .dots li.active,.ss-sli-with-tip-fea-25 .dots li.active {
    background: var(--link-blue);
    opacity: 1;
    width: 15px
}

.cus-saya-sli-25 .dots {
    bottom: -24px;
    left: 0;
    position: absolute;
    padding-left: 0!important
}

.tip-fea-25-com {
    position: relative;
    display: inline-block
}

.tip-fea-25-tool {
    background: #1a1a1a;
    color: #fff;
    padding: 7px 22px 12px 15px;
    border-radius: 2px;
    width: 210px;
    margin: -25px 0 0 24px;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.6);
    position: relative;
    transform: scale(.9);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tip-fea-25-tool.tip-fea-25show {
    transform: scale(1);
    opacity: 1
}

.tip-fea-25-tool:before, .list-tip-show .tip-big:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #1a1a1a;
    transform: rotate(45deg);
    margin: 5px 0 0 -20px
}

.tip-fea-25-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    opacity: .3;
    cursor: pointer
}

.tip-fea-25-close:hover {
    opacity: 1
}

.tip-fea-25-close:after,.tip-fea-25-close:before {
    position: absolute;
    left: 5px;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #fff
}

.tip-fea-25-close:before {
    transform: rotate(45deg)
}

.tip-fea-25-close:after {
    transform: rotate(-45deg)
}

.tip-fea-25-tool p {
    font-size: 12px;
    line-height: 18px
}

.tip-fea-25blink {
    width: 14px;
    height: 14px;
    background: #f5633d;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 0 0 rgba(232,76,61,.7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1)
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

.tip-fea-25-lhs .tip-fea-25-tool {
    margin: -25px 0 0 -2px;
    padding: 7px 15px 12px 22px
}

.tip-fea-25-lhs .tip-fea-25-tool:before {
    right: -4px
}

.tip-fea-25-lhs .tip-fea-25-close {
    left: 8px;
    right: auto
}

.tip-fea-25-lhs .tip-fea-25blink {
    float: right;
    right: -24px;
    top: -14px
}

.tip-fea-25-top .tip-fea-25-tool {
    margin: 9px 0 0 -10px
}

.tip-fea-25-top .tip-fea-25-tool:before {
    margin: -10px 0 0 -4px
}

.tip-fea-25-bot .tip-fea-25-tool {
    margin: -25px 0 0 -2px
}

.tip-fea-25-bot .tip-fea-25-tool:before {
    bottom: -4px;
    left: 12px;
    margin: 0
}

.tip-fea-25-bot .tip-fea-25blink {
    top: 8px;
    left: 8px
}

.tip-fea-25-1 {
    left: 20%;
    top: 20%
}

.list-tip-show .list-tip-show-inn {
    display: inline-block;
    position: relative
}

.list-tip-show .list-tip-show-inn span:hover~.tip-big {
    opacity: 1
}

.list-tip-show .tip-big {
    background: #1a1a1a;
    color: #fff;
    padding: 7px 22px 12px 15px;
    border-radius: 2px;
    width: 250px;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.6);
    position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1;
    right: -260px;
    top: -10px;
    font-size: 14px;
    line-height: 22px;
    opacity: 0
}

.ss-sli-with-tip-fea-25 .arrows {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%
}

.rhs--cont--new .ss-sli-with-tip-fea-25 .arrows span:after {
    left: 0;
    right: 0;
    margin: auto;
    top: 16px
}

.ss-sli-with-tip-fea-25 .arrows span {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: var(--link-blue);
    opacity: .4;
    color: #ffffff00;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    transition: all .4s ease
}

.ss-sli-with-tip-fea-25 .arrows span:hover {
    opacity: 1
}

.ss-sli-with-tip-fea-25 .arrows span.prev {
    left: -25px;
    transform: rotate(180deg)
}

.ss-sli-with-tip-fea-25 .arrows span.next {
    right: -25px
}

.consult-box-25 {
    background: linear-gradient(139deg,#002882,#004aeb);
    padding: 50px;
    border-radius: 4px;
    margin: 40px 0;position: relative;
}
.consult-box-25:after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://www.manageengine.com/log-management/images/all-fea-bg-line-25.webp) no-repeat center top;
    background-size: 100% 100%;
}
.consult-box-25 * {
    color: #fff;
	z-index: 1;
    position: relative;
}

.consult-box-25 h3 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 20px
}

.consult-box-25 p {
    color: #fff
}

.consult-box-25 div {
    margin-top: 40px
}

.cta-group-25 {
    gap: 20px;
    display: flex;
    flex-wrap: wrap
}

.rhs--cont--new .cta-group-25 a:hover:after {
    margin-left: 10px
}

.consult-box-25 a {
    color: #fff;
    font-weight: 500
}

.cta-line-sm-arr,.cta-line-sm-arr-dark,.cta-red-sm-arr {
    padding: 13px 54px 13px 34px;
    color: #fff;
    border-radius: 2px;
    position: relative
}

.full-width-wrapper .cta-red-sm-arr {
    color: #fff;
    font-weight: 500
}

.cta-red-sm-arr {
    background: var(--btn-red);
    border: 1px solid var(--btn-red)
}

.cta-red-sm-arr:hover {
    background: var(--btn-red-hov)
}

.cta-line-sm-arr {
    border: 1px solid #fff;
    font-weight: 500
}

.full-width-wrapper .cta-line-sm-arr-dark {
    border: 1px solid #000;
    color: #000;
    font-weight: 500
}

.cta-line-sm-arr-dark:after,.cta-line-sm-arr:after,.cta-red-sm-arr:after,.ss-sli-with-tip-fea-25 .arrows span:after {
    content: "";
    width: 16px;
    height: 18px;
    background: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84089 9.05672L11.6912 5.02836L7.84089 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6912 5.02832L1.10293 5.02832" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 13px;
    transition: all .4s ease;
    margin-left: 8px
}

.cta-line-sm-arr-dark:after {
    filter: brightness(0)
}

.cus-says-wit-cta-box-25 {
    border-radius: 4px;
    background: #eaf0ff;
    padding: 50px;
    margin: 30px 0 0 0;
    display: inline-block;
    width: 100%
}

.cus-says-wit-cta-box-25 h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 30px
}

.cus-saya-sli-25 {
    margin-bottom: 50px;
    position: relative;
    min-height: 200px
}

#scroll .rhs--cont--new .cus-saya-sli-25 ul {
    padding: 0
}

.rhs--cont--new .cus-saya-sli-25 li {
    float: left;
    padding: 0
}

.cus-saya-sli-25 li::before {
    display: none
}

.cus-saya-sli-25 p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300
}

.cus-saya-sli-25 .cus-name {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 500
}

.cus-saya-sli-25 .cus-desg {
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 40px
}

.blue-box-card-25 {
    padding: 15px 0 20px 0
}

.benefits-intro {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #000
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px
}

.benefit-card {
    background-color: #eaf0ff;
    padding: 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    transition: all .4s ease
}

.benefit-card:hover {
    box-shadow: 0 4px 10px 7px rgb(0 0 0 / 4%);
    transform: translateY(-2px)
}

.benefit-card h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #000
}

.benefit-card .fcli {
    position: absolute;
    inset: 0
}

.benefit-card p {
    margin-bottom: 15px
}

.full-width-wrapper .learn-more {
    font-weight: 500;
    font-size: 16px;
    color: var(--link-blue);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color .3s ease;
    line-height: 24px
}

.learn-more a {
    color: var(--link-blue);
    font-size: 16px;
    font-weight: 500
}

.learn-more:hover {
    color: var(--link-blue-hov)
}

.learn-more::after {
    content: '';
    margin-left: 3px;
    transition: transform .3s ease;
    color: var(--link-blue);
    font-weight: 600;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDEyTDUgMTIiIHN0cm9rZT0iIzAwNTJEOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTlMMTkgMTJMMTIgNSIgc3Ryb2tlPSIjMDA1MkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 22px
}

.benefit-card:hover .learn-more::after,.learn-more:hover::after {
    transform: translateX(4px)
}

.learn-more.wsm--btn--blue:hover {
    background: 0 0;
    color: var(--link-blue)
}

.grid-box-three-25 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    margin: 20px 0 50px
}

.grid-box-three-25 div {
    flex: 1;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 30px
}

.grid-box-three-25 div p {
    font-weight: 500
}

.grid-box-three-25 div a {
    margin-top: 20px
}

@media screen and (max-width: 1024px) {
    .benefits-grid {
        gap:20px
    }

    .benefit-card {
        padding: 25px
    }

    .ss-sli-with-tip-fea-25 .arrows, .list-tip-show .tip-big {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .benefits-grid {
        grid-template-columns:1fr
    }

    .benefit-card {
        padding: 20px
    }

    .grid-box-three-25 div {
        flex: auto
    }

    .cus-says-wit-cta-box-25 {
        padding: 25px
    }
}

@media screen and (max-width: 480px) {
    .benefit-card {
        padding:15px
    }

    .consult-box-25 {
        padding: 25px
    }

    .consult-box-25 .cta-group-25 a:after,.cus-says-wit-cta-box-25 .cta-group-25 a:after,.middle--cta--wrap .learn-more::after {
        display: none
    }

    .consult-box-25 .cta-group-25 a,.cus-says-wit-cta-box-25 .cta-group-25 a {
        padding: 13px 15px
    }
}

@media screen and (max-width: 1200px) {
    .page--header {
        padding-top:66px;
        padding-bottom: 50px
    }

    .page-content-container::before {
        left: 300px
    }

    .page-content-container .lhs--tree--new {
        width: 300px
    }

    .page-content-container .rhs--cont--new {
        padding-left: 40px
    }

    .icon--box--double {
        gap: 20px
    }

    .one--line--banner {
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 40px
    }

    .one--line--banner::before {
        display: none
    }

    .other--features--list>div {
        width: 100%;
        border: 0;
        padding: 0
    }

    .other--features--list>div:nth-child(odd) {
        border: none
    }

    .other--features--list {
        gap: 30px
    }

    .other--features--list>div:nth-child(3),.other--features--list>div:nth-child(4) {
        border: 0
    }
}

@media screen and (max-width: 1025px) {
    .page-content-container .lhs--tree--new {
        top:100px
    }

    .banr--text .breadcrumb--container {
        top: -30px
    }
}

@media screen and (max-width: 992px) {
    .page--header {
        text-align:center
    }

    .banr--text h1 {
        font-size: 30px;
        line-height: 38px
    }

    .banr--text p,.head--banner--cta {
        margin-top: 15px
    }

    .banr--text .cta-group-25 {
        justify-content: center
    }

    .fea-tip-cont-25,.page-content-container::before {
        display: none
    }

    .head--banner--cta {
        margin-top: 20px
    }

    .page-content-container .lhs--tree--new {
        display: none
    }

    .page-content-container .rhs--cont--new {
        width: 100%;
        padding: 0 0 70px;
        border: 0
    }

    .rhs--cont--new h2 {
        margin-top: 50px;
        padding-bottom: 10px
    }

    #scroll .rhs--cont--new h2 {
        font-size: 24px;
        line-height: 34px
    }

    .rhs--cont--new>h3 {
        line-height: 1.3
    }

    .icon--box--double {
        flex-wrap: wrap;
        gap: 15px
    }

    .w--50 {
        width: 100%
    }

    .double--list {
        flex-wrap: wrap;
        gap: 15px
    }

    .one--line--banner h2 {
        margin-top: 0;
        font-size: 24px;
        line-height: 34px
    }
}

.prdLogo a:focus {
    outline: 1px solid var(--link-blue);
    border-radius: 2px
}

.page-content-container .rhs--cont--new a:focus-visible {
    outline: 1px solid var(--link-blue);
    border-radius: 2px
}

#header-mainsec li a:focus-visible,#header-topsec li a:focus-visible {
    outline: 1px solid var(--link-blue);
    border-radius: 2px
}

.lhs--tree--new li a:focus-visible,.wsm--btn--red:focus-visible {
    outline: 1px solid var(--link-blue);
    border-radius: 2px
}

.res--intrested--container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px
}

h2+.res--intrested--container {
    margin-top: 20px
}

.res--in--left {
    width: 44%;
    background: #f3f8fd;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    padding-top: 40px
}

.res--in--left h3 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 500;
    margin-top: auto
}

.res--in--left a {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    padding: 7px 20px;
    margin: 15px 0 30px;
    border-radius: 5px;
    background: linear-gradient(0deg,#b94141 0,#e73131 52%,#ed4c4c 100%)
}

.res--in--left img {
    max-width: 80%!important;
    max-height: 200px;
    width: auto;
    height: auto;
    margin: auto;
    margin-bottom: 0;
    margin-top: auto
}

.res--in--ryt {
    width: 56%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.res--in--box {
    padding: 22px;
    padding-left: 128px;
    border: 1px solid #e0e8f0;
    margin-bottom: 10px;
    position: relative;
    border-radius: 4px;
    transition: .3s linear
}

.res--in--box:last-child {
    margin-bottom: 0
}

.res--in--box i {
    display: inline-block;
    width: 80px;
    height: calc(100% - 20px);
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #f3f8fd;
    border-radius: 2px;
    pointer-events: none
}

.res--in--box h3,.res--in--box h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px
}

.res--in--box a {
    color: var(--link-blue)
}

.res--in--box a:hover {
    text-decoration: underline
}

.res--in--box i:before {
    content: "";
    background: url(../images/res-interested-sprite-2025.png) no-repeat -61px -20px;
    background-size: 216px;
    width: 33px;
    height: 38px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.res--in--box .res--data--sheet:before {
    width: 32px;
    height: 38px;
    background-position: -12px -18px
}

.res--in--box .res--best--practice:before {
    width: 41px;
    height: 38px;
    background-position: -111px -21px
}

.res--in--box .res--case--study:before {
    width: 29px;
    height: 38px;
    background-position: -169px -17px
}

.res--in--box .res--guide:before {
    width: 34px;
    height: 38px;
    background-position: -12px -73px
}

.res--in--box:hover {
    box-shadow: 0 2px 10px #0000001f;
    transform: translateY(-2px)
}

@media screen and (max-width : 1050px) {
    .res--in--left,.res--in--ryt {
        width:100%
    }

    .res--in--ryt {
        padding: 0;
        padding-top: 20px
    }
}

/* ADSSP*/
.rhs--cont--new .ctaContainer {
    margin: 70px 0 70px;
    padding: 40px 100px;
    border-radius: 4px;
    background: linear-gradient(139deg, #002882, #004aeb);
}

.rhs--cont--new .ctaContainer h2 {
    margin-top: 0;
    color: #fff
}

.rhs--cont--new .ctaContainer .cta-foot-red-ani-24 {
    padding: 12px 53px 12px 30px;
}

.rhs--cont--new .ctaContainer .dwn-cta-ani-24 {
    margin: 8px 0 0 10px;
}

.rhs--cont--new .otherFeaCol1 a, .rhs--cont--new .otherFeaCol2 a {
    color: var(--link-blue);
}

.rhs--cont--new ol>li .img-zoom img {
    border-radius: 5px;
    margin-top: 15px;
}

.rhs--cont--new .otherFeaCol1 {
    padding-right: 20px;
}

.rhs--cont--new .otherFeaCol1 h4, .rhs--cont--new .otherFeaCol2 h4 {
    padding-bottom: 8px;
}

.rhs--cont--new .otherFeaHead {
    font-size: 20px;
    margin: 20px 0;
    line-height: 24px;
    font-weight: 500;
}

.prdLogo a:focus {
    outline: 1.5px solid #4859FE;
    border-radius: 2px;
}

.page-content-container .rhs--cont--new a:focus {
    outline: 1.5px solid #4859FE;
    border-radius: 2px;
}

#header-topsec li:focus-within, #header-mainsec li:focus-within {
    outline: 1.5px solid #4859FE;
    border-radius: 2px;
}

.lhs--tree--new li a:focus, .wsm--btn--red:focus {
    outline: 1.5px solid #4859FE;
    border-radius: 2px;
}

.rhs--cont--new .navigation {
    margin-top: 20px;
    padding-top: 20px
}

.rhs--cont--new .navigation a {
    font-weight: 400;
}

.rhs--cont--new .normalcontlist {
    margin-top: 20px;
}

.screenshot .per30 {
    max-width: 200px;
}

.screenshot .per30 strong {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    display: block;
    line-height: 24px;
    padding-top: 5px;
}