:root {
    --link-blue: #0052D9;
    --link-blue-hov: #003da0;
    --btn-red: #d00416;
    --btn-red-hov: #dd002c;
}
.full-width-wrapper a {
    color: #0052D9;
}
.full-width-wrapper {
    display: block;
    color: #000;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}
.full-width-wrapper * {
    box-sizing: border-box;
    padding: 0;
    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;
    color: 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(../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
}
.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;
	display: none;
}
.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: calc(100% + 30px);
    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: 118px;
    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
}
.page-content-container #lhsTree .relPrd{display: none;}
.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
}
.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;}

#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) {
    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 60px
}
#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%;
	border: none;
    line-height: 24px;
}
#lhsTree>li .feaact,
#lhsTree>li>ul li:first-child .feaact {
    color: var(--link-blue) !important;
    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
}
#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 li:first-child a:nth-child(3) {
    margin: 0 !important
}
#scroll ul.relPrd {
    width: 100%;
    margin-top: 45px
}
#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
}
#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.twolink 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.twolink .product-quick-name:first-child:after {
    display: none
}
#scroll ul.relPrd li ul li.twolink .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
}
#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(../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: -10px -78px
}
#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: 2px 10px 0 0;
    margin-right: 8px;
    position: relative;
    text-decoration: none
}
.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 p+h2 {
    margin-top: 40px
}
.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
}
.rhs--cont--new ol li,
.rhs--cont--new ul li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 14px;
    padding-left: 18px
}
.rhs--cont--new ol>li {
    padding-left: 10px
}
.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)
}
.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;
}
.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
}
.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
}
.fea-scren-slidslider {
    overflow: hidden;
    background: #f5f6f7;
    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-sliditem {
    display: flex;
    align-items: center
}
.fea-scren-sliditem img {
    max-width: 60%;
    height: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}
.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 {
    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%
}
.consult-box-25 {
    background: linear-gradient(139deg, #002882, #004aeb);
    padding: 50px;
    border-radius: 4px;
    margin: 40px 0
}
.consult-box-25 * {
    color: #fff
}
.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 {
    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: 300
}
.grid-box-three-25 div a {
    margin-top: 20px
}
@media screen and (max-width:1024px) {
    .benefits-grid {
        gap: 20px
    }
    .benefit-card {
        padding: 25px
    }
}
@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
    }
}
/*FOOTER PRICING WITH GETQUOTE FORM - ONLY FOR ELA PAGES*/
.wsm-fea-foot-pri {
    background: #eaf0ff;
    padding: 90px 0;
    margin-top: 30px
}
.wsm-fea-foot-pri h2 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 40px
}
.wsm-fea-foot-pri * {
    box-sizing: border-box;
    font-size: 11px
}
.wsm-fea-foot-pri #meGDPRMessage {
    width: 100%;
    margin: 10px 0 0 0
}
.wsm-fea-foot-pri-cont {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: calc(100% - 400px) 400px;
    padding: 0 20px;
}
.wsm-foot-pri {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}
.wsm-foot-expl,
.wsm-foot-pri-cont {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    border: 1px solid #e5e7eb
}
.wsm-fea-foot-pri-lhs {
    padding-right: 30px;
}
.wsm-fea-foot-pri-lhs a.wsm-cta-red-line-arr {
    color: #d00416;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    border: 1.5px solid #d00416;
    display: inline-block;
    border-radius: 2px;
    height: 44px;
    padding: 11px 40px 6px 16px;
    align-items: center;
    position: relative
}
.wsm-fea-foot-pri-lhs a.wsm-cta-red-line-arr:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBMMy41IDEwIiBzdHJva2U9IiNEMDA0MTYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjUgMTZMMTcuNSAxMEwxMS41IDQiIHN0cm9rZT0iI0QwMDQxNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    display: inline-block;
    transition: all .5s ease;
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    position: absolute
}
.wsm-fea-foot-pri-lhs a.wsm-cta-red-line-arr:hover:after {
    margin-left: 8px
}
.wsm-foot-pri-cont h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px
}
.wsm-foot-pri-cont h4 {
    font-size: 16px;
    line-height: 160%;
    padding-bottom: 30px
}
.wsm-foot-pri-cont ul {
    padding: 30px 0 10px 0;
    border-top: 1px solid #d4d4d4
}
.wsm-foot-pri-cont ul li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 20px 20px
}
.wsm-foot-pri-cont ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #0052d9;
    position: absolute;
    left: 3px;
    top: 8px;
    border-radius: 50%
}
.wsm-fea-foot-form-cont-in {
    display: flex
}
.wsm-fea-foot-form-cont-in input,
.wsm-fea-foot-form-cont-in select {
    width: 100%;
    height: 44px;
    padding: 12px;
    border-radius: 2px;
    border: 1px solid #d4d4d4;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    outline: 0;
    color: #000
}
.wsm-fea-foot-form-cont-in input[type=Submit] {
    border-radius: 2px;
    background: #d00416;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 50px
}
.wsm-fea-foot-form-cont-in ul li {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}
.wsm-fea-foot-form-cont-in ul li {
    display: inline-block;
    width: 100%
}
.wsm-fea-foot-form-cont-in .dwn-priv,
.wsm-fea-foot-form-cont-in .dwn-priv *,
.wsm-fea-foot-pri #meGDPRMessage * {
    font-size: 11px;
    color: #fff;
    line-height: 19px;
    font-weight: 300
}
.wsm-fea-foot-form-cont-in .dwn-priv a {
    text-decoration: underline;
    color: #2196f3
}
.wsm-fea-foot-form-cont-in .dwn-priv strong {
    font-weight: 500
}
.wsm-fea-foot-form-cont-in .dwn-priv {
    margin-top: 15px
}
.wsm-fea-foot-form-cont-in .checkmarkgdpr {
    width: 12px !important;
    height: 12px !important
}
.wsm-fea-foot-form-cont-in ul li .ffw-errmsg {
    display: none;
    font-size: 11px;
    width: 100% !important;
    background: red;
    border: none;
    position: relative;
    top: 0;
    padding: 0;
    font-weight: 400;
    color: #fff
}
.wsm-foot-expl {
    display: grid;
    grid-template-columns: calc(100% - 260px) 260px;
    margin-top: 30px;
    justify-content: center;
    align-items: center
}
.wsm-foot-expl div {
    padding: 0 50px 0 70px;
    position: relative
}
.wsm-foot-expl div:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/ela-fea-bott-expl-ic-25.png) no-repeat;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 50px
}
.wsm-foot-expl div h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding-bottom: 10px
}
.wsm-fea-foot-pri-rhs {
    background: linear-gradient(279deg, #004aeb 26.44%, #002882 100%);
    border-radius: 4px
}
.wsm-fea-foot-form-tit {
    border-radius: 4px 4px 0 0;
    padding: 30px;
    text-align: center;
    color: #fff
}
.wsm-fea-foot-form-tit h2 {
    padding: 0;
    color: #fff
}
.wsm-fea-foot-form-tit p {
    color: #fff
}
.wsm-fea-foot-form-cont {
    padding: 0 30px 30px 30px
}
.fea-demo-tnks-25,
.ffw-additional-data,
.tnkshow .wsm-fea-foot-form-cont,
.tnkshow .wsm-fea-foot-form-tit {
    display: none
}
.fea-demo-tnks-25 h3 {
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px
}
.fea-demo-tnks-25 h3 span {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
    font-weight: 300;
    display: block
}
.tnkshow .fea-demo-tnks-25 {
    padding: 30px;
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c500;
    background: #f1f9ff;
    font-weight: 400;
    color: #454545
}
.ui-datepicker td a,
.ui-datepicker td span {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    line-height: 26px;
    text-align: center;
    transition: all .3s ease
}
.ui-widget.ui-widget-content {
    border: 0 solid #c5c5c5;
    box-shadow: 0 1px 23px -9px #3333339c;
    padding: 8px
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}
.ui-datepicker td a:hover,
.ui-datepicker td span {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}
.ui-widget-header {
    border: 0 solid #f1f9ff;
    border-bottom: 1px solid #e2e2e2;
    background: 0 0;
    color: #333;
    font-weight: 700;
    border-radius: 0 !important
}
.ui-datepicker th {
    font-weight: 600;
    font-size: 13px;
    color: #7b90a0
}
.ui-state-default.ui-state-active {
    border: 1px solid #41a445;
    background: #4caf50;
    color: #fff
}
.me-ic-date {
    right: 8px;
    background-position: -312px -71px;
    background-size: 420px;
    background-repeat: no-repeat
}
@media (max-width:992px) {
    .wsm-fea-foot-pri-lhs {
        display: block;
        margin-bottom: 30px
    }
    .wsm-fea-foot-pri-rhs {
        margin-bottom: 15px
    }
    .wsm-fea-foot-pri-cont {
        display: block
    }
    .wsm-fea-foot-pri {
        padding: 50px 30px
    }
    .wsm-fea-foot-form-cont {
        padding: 0 30px 20px 30px;
        max-width: 500px;
        margin: 0 auto
    }
    .wsm-foot-expl {
        display: block
    }
    .wsm-foot-expl div:before {
        display: none
    }
    .wsm-foot-expl div {
        padding: 0 0 20px 0
    }
    .wsm-fea-foot-pri-lhs {
        padding-right: 0px;
    }
}
@media (max-width:550px) {
    .wsm-foot-pri {
        display: block
    }
    .wsm-foot-pri-cont {
        margin-bottom: 30px
    }
}

.full-width-wrapper .notebox {padding: 2%;}