:root {--primary-color: #FFC538;
	--secondary-color: #FFC538;
	--light-color: #fff;
	--dark-color: #000;
	--blue-color: #152D92;
	--me-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;}
html {font-size: 16px;
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: optimizeLegibility}
html {-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;}
body {letter-spacing: 0;
	text-rendering: optimizeLegibility;}
#meMainContent .trudtedHead, #meMainContent .mesolution-wrapper h2, #meMainContent .industriesHead, #meMainContent .customerstories h2, #meMainContent .exploreengage h2, #meMainContent .compliancelogo-sec h2, #meMainContent .freetrials-con h2 {letter-spacing: 0 !important;
	line-height: 1.4 !important;
	font-weight: 700;}
#meMainContent .sol-box h2 {letter-spacing: 0 !important;
	line-height: 1.4 !important;
	font-weight: 700;
	font-size: 22px;}
#meMainContent .sol-keyword {line-height: 1.9 !important;
	letter-spacing: 0 !important;}
#meMainContent .sol-descr {line-height: 1.8 !important;
	letter-spacing: 0 !important;}
#meMainContent .industry-contentwrap h3 {letter-spacing: 0 !important;
	line-height: 1.45 !important;}
#meMainContent .industry-contentwrap p, #meMainContent .exploreengage .explore-list p, #meMainContent .sol-descr, #meMainContent .sol-keyword {line-height: 1.85 !important;
	letter-spacing: 0 !important;
	text-align: justify;
	text-justify: inter-ideograph;}
#meMainContent .compliancelogo-sec p {line-height: 1.85 !important;
	letter-spacing: 0 !important;
	text-align: center !important;}
#meMainContent .sol-box h2, #meMainContent .industry-contentwrap h3, #meMainContent .industry-contentwrap p, #meMainContent .customerstories h2, #meMainContent .exploreengage p, #meMainContent .compliancelogo-sec p {overflow-wrap: break-word;
	word-break: normal;}
#meMainContent .mecommon-btn .btn-text {letter-spacing: 0 !important;}
#meMainContent section * {-webkit-box-sizing: border-box;
	box-sizing: border-box}
#meMainContent li, #meMainContent ol, #meMainContent ul {list-style: none}
#meMainContent a, #meMainContent b, #meMainContent blockquote, body, #meMainContent div, #meMainContent em, #meMainContent embed, #meMainContent figure, #meMainContent footer, #meMainContent form, #meMainContent h1, #meMainContent h2, #meMainContent h3, #meMainContent h4, #meMainContent h5, #meMainContent h6, #meMainContent header, html, #meMainContent i, #meMainContent iframe, #meMainContent img, #meMainContent label, #meMainContent li, #meMainContent menu, #meMainContent nav, #meMainContent ol, #meMainContent p, #meMainContent section, #meMainContent small, #meMainContent span, #meMainContent strong, #meMainContent sub, #meMainContent sup, #meMainContent table, #meMainContent tbody, #meMainContent td, #meMainContent tfoot, #meMainContent th, #meMainContent thead, #meMainContent time, #meMainContent tr, #meMainContent tt, #meMainContent u, #meMainContent ul, #meMainContent video {margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline}
#meMainContent .show, body footer #social {display: block !important}
body {font-family: var(--me-font);
	font-weight: 400;
	color: #000;
	transition: .9s;
	-webkit-transition: .9s}
#meMainContent a {color: #138cd6;
	text-decoration: none;
	border: none}
#meMainContent header {height: auto}
#meMainContent .nav-list>div.show {opacity: 1;
	visibility: visible}
#meMainContent .nav-list>div.header-search.show .head-container, #meMainContent .nav-list>div.header-search.show .suggestion-sec {opacity: 1;
	visibility: visible;
	margin-top: 40px}
#meMainContent .all-product a:hover, #meMainContent .download-btn a, #meMainContent .explore-btn a:hover, #meMainContent .tabs-nav a, #meMainContent .top-links .req-call:hover, #meMainContent nav ul.header-nav li .tab-title a:hover, #meMainContent nav ul.header-nav li a:hover {text-decoration: none}
#meMainContent h3 {padding: 0 0 10px}
#meMainContent section {padding: 80px 0}
#meMainContent h1 {font-size: 3.5rem;
	font-family: var(--me-font);
	font-weight: 700;
	line-height: 1.2}
#meMainContent h1 strong {display: inline-block}
#meMainContent section h2 {font-size: 2rem;
	line-height: 1.2;
	margin: 0 0 18px;
	font-family: var(--me-font);
	font-weight: 700}
#meMainContent h3 {font-size: 2em;
	line-height: 1em;
	margin: 30px 0 20px}
#meMainContent p {margin: 0 0 15px}
#meMainContent footer {line-height: 1.8em}
#meMainContent ul.regional-countries-drop li.showdrop .regional-countries-list {visibility: visible;
	opacity: 1;
	z-index: 2;
	transform: translateY(0);
	transition-delay: 0s, 0s, .3s}
#meMainContent ul.regional-countries-drop>li.showdrop span::after {border-top: none;
	border-bottom: 5px solid #979797}
#meMainContent .footHead.active {padding-bottom: 20px}
#meMainContent .eval-popup .zc-solution-group.active-row select, #meMainContent .form-group.active-row .field-4 span.lbl, #meMainContent .zc-countrylists-group.form-group.active-row span.lbl {opacity: 1}
#meMainContent li, #meMainContent ul {margin: 0}
#meMainContent .active-sec .form-control, #meMainContent .form-control.active-sec {border-color: #fff}
#meMainContent .eval-popup .active-sec .form-control::before, #meMainContent .eval-popup .active-sec.form-control::before {border-top-color: #5488ff;
	border-right-color: #5488ff;
	transition: width .15s ease-out, height .15s ease-out .15s;
	width: 100%;
	height: 100%}
#meMainContent .eval-popup .active-sec .form-control::after, #meMainContent .eval-popup .active-sec.form-control::after {border-bottom-color: #5488ff;
	border-left-color: #5488ff;
	transition: border-color 0 ease-out .3s, width .15s ease-out .3s, height .15s ease-out .45s;
	width: 100%;
	height: 100%}
#meMainContent .events-sec .evt-rigister-btn:hover, #meMainContent .explore-btn a:hover {background: #dd002c}
#meMainContent .form-group.active-row span.lbl {top: -8px;
	background: #fff}
#meMainContent .datepicker>.datepicker_header>a:active, #meMainContent .datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.active, #meMainContent .datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.active {color: #fff;
	background-color: grey}
#meMainContent .nav-list>div.anims.show {transform: translateY(0);
	z-index: 9999999}
#meMainContent .nav-drop.show {opacity: 1;
	transform: translateY(0)}
#meMainContent #cloud li, #meMainContent #itsecurity li {min-width: 215px}
@keyframes slidein {0% {transform: scale(0);
		-webkit-transform: scale(0)}

100% {transform: scale(1);
		-webkit-transform: scale(1)}
}
@keyframes rotate {0% {transform: rotate(0)}

100% {transform: rotate(360deg)}
}
@keyframes rotate {0% {transform: rotate(0)}

100% {transform: rotate(360deg)}
}
#meMainContent ul {list-style: none}
#meMainContent img {max-width: 100%;
	height: auto;
	display: inline-block}
#meMainContent .me-container {max-width: 1400px;
	margin-left: auto;
	margin-right: auto}
#meMainContent .me-text-center {text-align: center}
#meMainContent .mecommon-btn {display: inline-flex;
	align-items: center;
	background-color: #d0162d;
	color: #fff;
	font-family: var(--me-font);
	font-weight: 600;
	border-radius: 999px;
	text-decoration: none;
	font-size: 1.1rem;
	gap: 15px;
	cursor: pointer}
#meMainContent .mecommon-btn .btn-icon, #meMainContent .sol-center-cta .btn-icon {background-color: #fffbe8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .3s ease}
#meMainContent .mecommon-btn .btn-icon svg, #meMainContent .sol-center-cta .btn-icon svg {width: 100%;
	height: 100%;
	stroke: #000;
	stroke-width: 1.2px;
	stroke-linecap: round;
	stroke-linejoin: round}
#meMainContent .mecommon-btn.meprimary-btn {padding: 10px 12px 10px 25px;
	font-size: 1.2rem}
#meMainContent .mecommon-btn.mesecondry-btn {padding: 8px 10px 8px 18px}
#meMainContent .mecommon-btn.meprimary-btn .btn-icon {width: 42px;
	height: 42px}
#meMainContent .mecommon-btn.mesecondry-btn .btn-icon {width: 34px;
	height: 34px}
#meMainContent .mecommon-btn:hover, #meMainContent .solctawrap:hover~.mecommon-btn.mesecondry-btn {background-color: #b01327}
#meMainContent .mecommon-btn:hover .btn-icon, #meMainContent .solctawrap:hover~.btn-icon {transform: translateX(4px)}
#meMainContent .mecommon-btn.finderbtn {margin-top: 30px}
#meMainContent .mehomemainItem .me-container {width: 100%}
#meMainContent .slider-dots .dot.active {background: #f7ab00;
	pointer-events: none}
#meMainContent .trudtedHead {padding-bottom: 30px;
	margin: 0;
	font-size: 1.75rem}
#meMainContent .sliderContainer {position: relative;
	overflow: hidden;
	width: 100%}
#meMainContent .sliderContainer:after, #meMainContent .sliderContainer:before {content: '';
	position: absolute;
	width: 70px;
	height: 100%;
	top: 0;
	z-index: 1}
#meMainContent .sliderContainer:before {left: 0;
	background: linear-gradient(to right, #fff, transparent)}
#meMainContent .sliderContainer:after {right: 0;
	background: linear-gradient(to left, #fff, transparent)}
#meMainContent .trustedby {padding: 80px 0 80px}
#meMainContent .trustedby-logos {margin: 0;
	display: flex;
	align-items: center;
	justify-content: center}
#meMainContent .trustedby-logos li {text-align: center;
	flex: 0 0 auto;
	width: 110px;
	margin: 0 40px;
	filter: grayscale(1)}
#meMainContent .trustedby-logos li:hover {filter: grayscale(0)}
#meMainContent .trustedby-logos li img {width: auto;
	margin: 0 auto}
#meMainContent .trustedby-logos li.tcs-logo img {width: 80px}
#meMainContent .mesolution-wrapper {margin: 80px 0}
#meMainContent .sol-row {display: flex;
	gap: 20px;
	min-height: 600px;
	width: calc(100% - 40px);
	margin-top: 50px}
#meMainContent .sol-column {display: flex;
	flex-direction: column;
	gap: 20px;
	min-height: 600px}
#meMainContent .sol-column:first-child {flex: 0 0 25%}
#meMainContent .sol-column:nth-child(2) {flex: 0 0 50%}
#meMainContent .sol-column:nth-child(3) {flex: 0 0 25%}
#meMainContent .sol-box {background: linear-gradient(180deg, #e5efff 60%, #e5efff82, #fff);
	border-radius: 8px;
	padding: 30px;
	border: 2px solid #146ef4;
	transition: transform .6s ease, height .6s ease;
	position: relative;
	overflow: hidden;
	cursor: pointer}
#meMainContent .homesolutions {display: inline-block;
	width: 50px;
	height: 45px;
	background: url("https://www.manageengine.cn/sites/meweb/images/cn/home-solutions-icons.svg") 0/550px no-repeat;
	position: absolute;
	bottom: 10px;
	right: 20px;
	transition: .6s ease}
#meMainContent .homesolutions.soliam-icon {background-position: 5px 2px}
#meMainContent .homesolutions.solusm-icon {background-position: -75px -2px;
	background-size: 650px}
#meMainContent .homesolutions.soluems-icon {background-position: -124px 2px}
#meMainContent .homesolutions.solitom-icon {background-position: -227px -1px;
	background-size: 650px}
#meMainContent .homesolutions.solsiem-icon {background-position: -250px 2px}
#meMainContent .homesolutions.soladvanced-icon {background-position: -311px 2px}
#meMainContent .homesolutions.sollowcode-icon {background-position: -375px 3px}
#meMainContent .homesolutions.solitmsp-icon {background-position: -441px 2px}
#meMainContent .homesolutions.solcloud-icon {background-position: -601px -1px;
	background-size: 650px}
#meMainContent #solution7 .homesolutions, #meMainContent #solution8 .homesolutions {top: 50px;
	bottom: inherit}
#meMainContent #solution7 .homesolutions {top: 30px}
#meMainContent #solution2 .homesolutions, #meMainContent #solution7 .homesolutions {left: 20px;
	right: inherit}
#meMainContent #solution2 .homesolutions, #meMainContent #solution3 .homesolutions {bottom: 25px}
#meMainContent #solution2, #meMainContent #solution3, #meMainContent #solution7, #meMainContent #solution8 {border: none}
#meMainContent #solution2::before, #meMainContent #solution3:before, #meMainContent #solution7::before, #meMainContent #solution8::before {content: "";
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	pointer-events: none;
	border: 2px solid #146ef4;
	top: 0;
	left: 0;
	border-radius: 10px}
#meMainContent #solution2::after, #meMainContent #solution3::after, #meMainContent #solution7::after, #meMainContent #solution8::after {content: '';
	position: absolute;
	width: 265px;
	height: 265px;
	background: #fff;
	border: 2px solid #146ef4;
	border-radius: 50%;
	z-index: 1}
#meMainContent #solution2::after {right: -145px;
	top: 226px}
#meMainContent #solution3::after {right: 206px;
	top: 226px}
#meMainContent #solution7::after {left: 206px;
	bottom: 226px}
#meMainContent #solution8::after {left: -145px;
	bottom: 226px}
#meMainContent .half-section {display: flex;
	flex-direction: row;
	gap: 20px;
	flex: 1;
	height: 500px}
#meMainContent .sol-column:nth-child(2) .sol-box:first-child, #meMainContent .sol-column:nth-child(3) .sol-box:nth-child(3) {height: 320px}
#meMainContent .sol-column:first-child .sol-box:nth-child(1) {height: 280px}
#meMainContent .sol-column:nth-child(2) .half-section .sol-box {height: 350px;
	width: 50%}
#meMainContent .sol-column:first-child .sol-box:nth-child(2), #meMainContent .sol-column:first-child .sol-box:nth-child(3) {height: 200px}
#meMainContent .sol-column:nth-child(3) .sol-box:first-child {height: 300px}
#meMainContent .sol-column:nth-child(3) .sol-box:nth-child(2) {height: 400px}
#meMainContent .sol-box h2 {margin: 0 0 10px 0;
	font-size: 1.375rem;
	line-height: 1.3}
#meMainContent #solution7.sol-box h2 {margin-top: 65px}
#meMainContent #solution8.sol-box h2 {margin-top: 110px}
#meMainContent .sol-keyword {color: #636363;
	font-size: 15px;
	line-height: 1.4;
	margin: 13px 0 0;
	transition: all ease .5s;
	-webkit-transition: all ease .5s}
#meMainContent .sol-descr {color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	margin: 15px 0 0;
	opacity: 0}
#meMainContent .sol-box .mecommon-btn.mesecondry-btn {font-size: .85rem;
	opacity: 0;
	padding: 4px 10px 4px 14px;
	margin-top: 15px;
	gap: 10px;
	position: relative}
#meMainContent .sol-box .mecommon-btn.mesecondry-btn .btn-icon {width: 24px;
	height: 24px}
#meMainContent .sol-box .solbg-img {position: absolute;
	height: auto;
	transition: all ease .3s;
	opacity: 0;
	visibility: hidden}
#meMainContent .solbg-img.advancedbgicon, #meMainContent .solbg-img.cloudbgicon, #meMainContent .solbg-img.iambgicon, #meMainContent .solbg-img.itombgicon, #meMainContent .solbg-img.lowcodebgicon, #meMainContent .solbg-img.uesmbgicon, #meMainContent .solbg-img.usmbgicon {transform: translateY(100%);
	bottom: 0;
	right: 0}
#meMainContent .solbg-img.itmspbgicon, #meMainContent .solbg-img.siembgicon {transform: translateY(-100%)}
#meMainContent .solbg-img.iambgicon {width: 40%}
#meMainContent .solbg-img.lowcodebgicon {width: 35%}
#meMainContent .solbg-img.cloudbgicon {width: 45%}
#meMainContent .solbg-img.advancedbgicon {width: 67%;
	right: -20px;
	bottom: -30px}
#meMainContent .solbg-img.itombgicon {width: 75%}
#meMainContent .solbg-img.uesmbgicon {width: 34%;
	left: 0;
	right: auto}
#meMainContent .solbg-img.usmbgicon {width: 45%}
#meMainContent .solbg-img.siembgicon {top: 0;
	left: 0;
	width: 21%}
#meMainContent .solbg-img.itmspbgicon {right: -35px;
	top: -35px;
	width: 50%}
#meMainContent .center-circle {position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 220px;
	height: 220px;
	background: #0152f6;
	border-radius: 50%;
	z-index: 10;
	transition: all .3s ease;
	box-shadow: 4px 5px 6px #00000052}
#meMainContent .sol-center-cta {position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-family: var(--me-font);
	font-weight: 600;
	color: #fff;
	font-size: 1.4rem;
	width: 100%;
	height: 100%;
	line-height: 1.4;
	border-radius: 100%;
	padding-top: 20%}
#meMainContent .sol-center-cta .btn-icon {width: 55px;
	height: auto;
	margin: 10px auto 0;
	border: 1px solid #fff;
	background: #d00416}
#meMainContent .sol-center-cta .btn-icon svg {stroke: #fff;
	transform: scale(.7) rotate(-44deg);
	transition: all ease .5s}
#meMainContent .sol-column:nth-child(2) {position: relative}
#meMainContent .solctawrap {position: absolute;
	inset: 0}
#meMainContent .solFinder-row {display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #0152f6;
	border-radius: 10px;
	padding: 52px 95px;
	width: 80%;
	margin: 0 auto}
#meMainContent .solFinder-row .solFinderboxes {flex-shrink: 0}
#meMainContent .solFinder-row .solFinder-con {background-color: #fff;
	border-radius: 6px;
	padding: 40px 80px 40px 40px;
	border: 1px solid #3d82ff;
	width: calc(57% - 30px);
	position: relative;
	overflow: hidden}
#meMainContent .solFin-img {position: absolute;
	right: -22px;
	bottom: -39px;
	width: 190px}
#meMainContent .solFinder-row .solFinder-con h2 {font-size: 1.8rem}
#meMainContent .solFinder-row .solFinder-con p {line-height: 1.6;
	margin-bottom: 0;
	font-size: 1.1rem}
#meMainContent .solFinderdp {width: calc(43% - 30px)}
#meMainContent .me-form {display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
	color: var(--dark-color);
	background-color: var(--light-color);
	background-image: none;
	border-radius: 6px;
	box-shadow: none;
	position: relative;
	border: 1px solid transparent;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
	text-align: left}
#meMainContent .me-form:first-of-type {margin-bottom: 35px}
#meMainContent .me-form.errorbox {border-color: #fc0202}
#meMainContent .me-form.parentActive {border-bottom-left-radius: 0;
	border-bottom-right-radius: 0}
#meMainContent .finderLabel {display: block;
	padding: 20px 40px 20px 20px;
	position: relative;
	cursor: pointer;
	min-height: 60px}
#meMainContent .finderLabel.inactivetab {pointer-events: none;
	opacity: .5}
#meMainContent .me-form:has(.finderLabel.inactivetab) {cursor: not-allowed}
#meMainContent .finderLabel:after {display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-right: 2px solid #0f5ae7;
	border-bottom: 2px solid #0f5ae7;
	position: absolute;
	right: 17px;
	transform: translate(-50%, -50%) rotate(45deg);
	top: 47%;
	transition: transform .3s ease}
#meMainContent .finderLabel.open:after {transform: translate(-50%, -50%) rotate(225deg)}
#meMainContent .solFinder-dropdown {position: absolute;
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	background: #fff;
	z-index: 1;
	-webkit-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 9%);
	-moz-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 9%);
	box-shadow: 0 15px 30px 0 rgb(0 0 0 / 9%);
	border-radius: 0 0 5px 5px;
	display: none}
#meMainContent .solFinder-dropdown::-webkit-scrollbar {display: block}
#meMainContent .solFinder-dropdown li {margin: 0;
	color: #000;
	cursor: pointer;
	padding: 12px 20px;
	border: none;
	font-size: 1em;
	line-height: 1.4}
#meMainContent .solFinder-dropdown li:hover {background: #0a7ce2;
	color: #fff}
#meMainContent .labelSticker {pointer-events: none;
	font-size: 13px;
	color: #6b6a6a;
	padding: 0;
	transition: .5s;
	-webkit-transition: .5s;
	border-radius: 5px;
	display: block;
	font-family: var(--me-font);
	font-weight: 500;
	position: absolute;
	top: 20px;
	left: 20px}
#meMainContent .labelSticker.actlab {top: -23px;
	color: #fff;
	padding: 0;
	left: 0}
#meMainContent .industries-sec {background: linear-gradient(180deg, #222 40.87%, #000 100%);
	padding: 80px 0 0;
	position: relative;
	z-index: 1;
	color: #fff}
#meMainContent .industriesHead {color: #fff;
	text-align: center}
#meMainContent .industriesHead+p {line-height: 1.6}
#meMainContent .industrytab-mob {display: none}
#meMainContent .industry-tab {width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 60px}
#meMainContent .industry-tab li {padding: 12px 40px;
	font-family: var(--me-font);
	font-weight: 500;
	color: #90c5fa;
	cursor: pointer;
	font-size: 1.1rem;
	transition: background .4s ease;
	border-radius: 5px 5px 0 0}
#meMainContent .industry-tab li.nhstrusts-uk {display: none;}
#meMainContent .industry-tab li.industab-active, #meMainContent .industry-tab li:hover {background: #014dff;
	color: #fff}
#meMainContent .industry-contentsec {border-top: 1px solid #757575;
	position: relative;
	overflow: hidden}
#meMainContent .industry-contentsec:before {content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 49%;
	background: linear-gradient(270deg, #014dff -18.04%, #0d0d0d 74.19%);
	border-top-right-radius: 80% 100%;
	border-bottom-right-radius: 80% 100%;
	height: 1000px;
	transform: translate(0, -50%)}
#meMainContent .industry-contentwrap {display: none;
	padding: 80px 0;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
	position: relative;
	min-height: 515px}
#meMainContent .industry-contentwrap.induscon-active {display: flex}
#meMainContent .industry-imgcon {width: 45%;
	flex-shrink: 0}
#meMainContent .industry-imgcon .industry-imgs {max-width: 500px;
	width: 100%;
	display: block;
	margin: 0 auto}
#meMainContent .industry-imgcon .industry-imgs.govindustry-img {max-width: 420px}
#meMainContent #industry-energy .industry-imgcon .industry-imgs {max-height: 350px;}
#meMainContent #industry-nhstrusts .industry-imgcon .industry-imgs, #meMainContent .industry-imgcon .industry-imgs.manuf-img {max-width: 330px;}
#meMainContent .industry-imgcon .industry-imgs.healthcare-img {max-width: 400px}
#meMainContent .industry-imgcon h3 {font-size: 1.6rem;
	font-family: var(--me-font);
	font-weight: 600;
	margin: 0;
	padding: 0;
	line-height: 1.5}
#meMainContent .industry-imgcon p {line-height: 1.6;
	margin: 30px 0 40px}
#meMainContent .customerstories {overflow: hidden;
	position: relative}
#meMainContent .customerstories .me-container .quotesimg {width: 100%;
	display: block}
#meMainContent .customerstories-container:not(.slick-initialized) {display: flex;
	visibility: hidden;
	opacity: 0;
	min-height: 500px}
#meMainContent .customerstories-container.slick-initialized {opacity: 1;
	visibility: visible;
	min-height: inherit}
#meMainContent .customerstories-container .slick-list {overflow: hidden}
#meMainContent .customerstories-container .slick-track {display: flex}
#meMainContent .customerstories-container .slick-slide {margin: 0 12px;
	transition: transform .4s ease, opacity .4s ease;
	outline: 0;
	height: 500px}
#meMainContent .testi-card {width: 800px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	cursor: pointer}
#meMainContent .testimonials-img {width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block}
#meMainContent .testi-overlay {width: 100%;
	max-width: 400px;
	background: linear-gradient(160deg, rgba(37, 99, 235, .94) 0, rgba(37, 99, 235, .85) 100%);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	padding: 40px;
	height: calc(100% - 80px);
	position: absolute;
	left: 40px;
	top: 40px}
#meMainContent .testi-logo {display: flex;
	justify-content: flex-start}
#meMainContent .testi-logo img {width: 120px;
	height: 45px;
	object-fit: contain}
#meMainContent .testi-quote {color: #fff;
	line-height: 1.5;
	margin-top: 25px;
	flex: 1;
	position: relative;
	padding-top: 25px}
#meMainContent .testi-quote:before {position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 70%;
	height: 2px;
	background: #9bc3ff;
	display: block}
#meMainContent .testi-quote strong {font-family: var(--me-font);
	font-weight: 600;
	display: block;
	line-height: 1.3}
#meMainContent .testi-quote strong.numberbig-con {font-size: 2.5rem}
#meMainContent .testi-quote strong.conbig-con {font-size: 1.5rem;
	padding: 2px 0;
	line-height: 1.4}
#meMainContent .testi-actions {display: flex;
	flex-direction: column;
	gap: 10px}
#meMainContent .testi-link {display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	transition: opacity .2s ease}
#meMainContent .testi-icon-arrow {display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid #fff}
#meMainContent .testi-link:hover>span {background: rgba(255, 255, 255, .15)}
#meMainContent .arrowline {width: 12px;
	height: 1px;
	background: #fff;
	border-radius: 3px;
	position: relative}
#meMainContent .arrowline::after, #meMainContent .arrowline::before {content: "";
	position: absolute;
	width: 7px;
	height: 1px;
	background: #fff;
	border-radius: 3px;
	right: -1px}
#meMainContent .arrowline::before {top: -2.5px;
	transform: rotate(45deg)}
#meMainContent .arrowline::after {top: 2px;
	transform: rotate(-45deg)}
#meMainContent .testi-nav {display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin: 50px 0}
#meMainContent .testi-nav-arrow {width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #000;
	background: 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease;
	position: relative}
#meMainContent .testi-nav-arrow:after, #meMainContent .testi-nav-arrow:before {content: "";
	position: absolute;
	width: 13px;
	height: 2px;
	background: #000;
	border-radius: 3px}
#meMainContent .testi-nav-arrow.testi-nav-prev:before {transform: translate(-50%, 0) rotate(-45deg);
	top: 37%;
	left: 47%}
#meMainContent .testi-nav-arrow.testi-nav-prev:after {top: 58%;
	left: 47%;
	transform: translate(-50%, 0) rotate(45deg)}
#meMainContent .testi-nav-arrow.testi-nav-next:before {transform: translate(-50%, 0) rotate(45deg);
	top: 37%;
	left: 56%}
#meMainContent .testi-nav-arrow.testi-nav-next:after {top: 58%;
	left: 56%;
	transform: translate(-50%, 0) rotate(-45deg)}
#meMainContent .testi-nav-arrow:hover {border-color: #333;
	background: #f0f0f0}
#meMainContent .testi-dots {display: flex;
	align-items: center;
	gap: 8px}
#meMainContent .testi-dot {width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d9d9d9;
	cursor: pointer;
	transition: all .3s ease}
#meMainContent .testi-dot.active {width: 50px;
	border-radius: 4px;
	background: #b5dcfe}
#meMainContent .customerstories-container .slick-slide {outline: 0}
#meMainContent .customerstories-container .slick-slide:focus {outline: 0}
#meMainContent .exploreengage {background: linear-gradient(180deg, #fff 20.32%, #d1e9fe 99.98%);
	padding-top: 0}
#meMainContent .sliderexplore-container {display: flex;
	justify-content: space-between;
	margin-top: 50px}
#meMainContent .sliderexplore-container .sliExp-innerbox {width: 49%}
#meMainContent .explore-list {display: flex;
	flex-wrap: wrap;
	gap: 20px}
#meMainContent .explore-list li {border-radius: 6px;
	border: 1px solid #fff;
	box-shadow: 0 4px 59.8px 1px rgba(77, 77, 104, .22);
	padding: 30px 40px 80px 30px;
	width: calc(50% - 10px);
	position: relative;
	transition: all .5s;
	background: #000;
	color: #fff}
#meMainContent .explore-list li h3 {font-size: 1.25rem;
	font-family: var(--me-font);
	font-weight: 700;
	padding: 0;
	margin: 15px 0}
#meMainContent .explore-list li p {line-height: 1.5;
	margin: 0;
	font-size: 15px}
#meMainContent .explore-list li img {position: absolute;
	right: 20px;
	bottom: 20px;
	filter: contrast(12) invert(1);
	width: 18px}
#meMainContent .explore-list li:hover {border-color: #777c8e}
#meMainContent .explore-list li:hover img {animation: arrowmoving 2.5s infinite linear;
	transition: transform ease .5s}
@keyframes arrowmoving {0% {transform: translate(0, 0) scale(1)}

25% {transform: translate(14%, -9%) scale(1.1)}

50% {transform: translate(0, 0) scale(1)}

75% {transform: translate(14%, -9%) scale(1.1)}

100% {transform: translate(0, 0) scale(1)}
}
#meMainContent .explore-list li .overLink {position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 0}
#meMainContent .explore-icons {display: inline-block;
	width: 55px;
	height: 55px;
	background: url("https://www.manageengine.cn/sites/meweb/images/cn/explore-engage-icon.svg") 0/235px no-repeat}
#meMainContent .explore-icons.npr-icon {background-position: 2px -3px;
	background-size: 260px}
#meMainContent .explore-icons.blogs-icon {background-position: -67px 3px}
#meMainContent .explore-icons.marketplace-icon {background-position: -128px 3px}
#meMainContent .explore-icons.events-icon {background-position: -194px 3px}
#meMainContent .explore-list li:hover .explore-icons {animation: iconZoom 1.3s linear}
@keyframes iconZoom {0% {transform: scale(1)}

50% {transform: scale(1.2)}

100% {transform: scale(1)}
}
#meMainContent .compliancelogo-sec {text-align: center}
#meMainContent .compliancelogo-sec p {line-height: 1.5}
#meMainContent .compliance-logos {margin: 60px 0}
#meMainContent .compliance-logos img {width: 100%}
#meMainContent .compliance-cta {color: #0345f0;
	font-family: var(--me-font);
	font-weight: 700}
#meMainContent .compliance-cta .complianceArrow {display: inline-block;
	position: relative;
	left: 0;
	transition: all ease .5s;
	font-size: inherit}
#meMainContent .compliance-cta:hover .complianceArrow {left: 6px}
#meMainContent .certifications-container {display: flex;
	justify-content: center;
	gap: 35px;
	padding: 0;
	margin: 0;
	list-style: none;
	flex-wrap: nowrap}
#meMainContent .certifications-container .certifications-lists {flex: 0 0 auto;
	display: flex;
	align-items: center;
	transition: transform ease .5s}
#meMainContent .certifications-container .certifications-lists:hover {transform: scale(1.15)}
#meMainContent .certifications-container .certifiedlogos {background: url("https://www.manageengine.cn/sites/meweb/images/cn/mecompliance-sprite-logos.png") no-repeat;
	background-size: 1400px;
	width: 100px;
	height: 100px;
	display: inline-block}
#meMainContent .certifications-container .certifiedlogos.clogo1 {background-position: 2px 0;
	width: 145px;
	height: 80px;
	background-size: 1040px}
#meMainContent .certifications-container .certifiedlogos.clogo2 {background-position: -143px 0;
	width: 145px;
	height: 80px;
	background-size: 1040px}
#meMainContent .certifications-container .certifiedlogos.clogo3 {background-position: -598px 0;
	width: 80px;
	height: 80px;
	background-size: 1050px}
#meMainContent .certifications-container .certifiedlogos.clogo4 {background-position: -809px -8px;
	width: 80px;
	height: 80px;
	background-size: 1250px}
#meMainContent .certifications-container .certifiedlogos.clogo5 {background-position: -825px -2px;
	width: 80px;
	height: 90px;
	background-size: 1170px}
#meMainContent .certifications-container .certifiedlogos.clogo6 {background-position: -812px 0;
	width: 80px;
	height: 80px;
	background-size: 1050px}
#meMainContent .certifications-container .certifiedlogos.clogo7 {background-position: -903px 0;
	width: 80px;
	height: 80px;
	background-size: 1060px}
#meMainContent .certifications-container .certifiedlogos.clogo8 {background-position: -972px 0;
	width: 80px;
	height: 80px;
	background-size: 1050px}
#meMainContent .certifications-container .certifiedlogos.clogo9 {background-position: -283px 0;
	width: 145px;
	height: 80px;
	background-size: 1010px}
#meMainContent .certifications-container .certifiedlogos.clogo10 {background-position: -429px 0;
	width: 145px;
	height: 80px;
	background-size: 1010px}
#meMainContent .me-button.finderbtn {background: #da4f3f;
	color: #fff;
	margin-top: 30px}
#meMainContent .me-button.finderbtn:hover {background: #f84531}
#meMainContent .me-carousel-item .mesecondry-btn {font-size: .9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-top: 18px;}
#meMainContent .me-carousel-item .mesecondry-btn .btn-icon {width: 26px;
	height: 26px}
#meMainContent .me-carousel-item.carousel-item2 h2 {margin: 30px 0;
	font-family: var(--me-font);
	font-size: 1.75rem;
	line-height: 1.4;}
#meMainContent .me-carousel-item.carousel-item2 {background: url(https://www.manageengine.cn/sites/meweb/images/cn/itcon-canada-bg.jpg) left top / cover no-repeat, linear-gradient(180deg, #FFF4B4 0%, #FFF4B4 70%, #FEF4AD 100%);
	cursor: pointer;}
#meMainContent .carousel-item2 .itcon26-img {width: 50%;
	height: auto;
	display: block;}
#meMainContent .carousel-item2 .itcon-venues .iconConwrap {display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;}
#meMainContent .carousel-item2 .itcon-venues .iconConwrap img {width: 20px;
	height: auto;
	flex-shrink: 0;
	margin-top: 2px;}
#meMainContent .carousel-item2 .itcon-venues .iconConwrap p {margin: 0;
	font-family: var(--me-font);
	font-size: 1.1rem;
	color: #000;
	line-height: 1.4;}
#meMainContent .me-carousel-item.carousel-item3 .mesecondry-btn {font-size: 1rem;}
#meMainContent .me-carousel-item.carousel-item4 .mesecondry-btn {margin-top: 40px;}
#meMainContent .freetrials-wrapper {border-radius: 10px;
	background: #0045d3;
	display: flex;
	padding: 50px 120px;
	color: #fff;
	position: relative}
#meMainContent .freetrials-img {flex: 0 0 32%}
#meMainContent .freetrials-con {display: flex;
	align-items: center;
	flex: 1 0 0;
	gap: 60px}
#meMainContent .freetrials-img img {position: absolute;
	left: 120px;
	bottom: 0;
	width: 300px;
	height: auto}
#meMainContent .freetrials-con h2 {margin: 0}
#meMainContent .testimonials-popup.showVideo {opacity: 1;
	visibility: visible;
	display: block}
#meMainContent .testimonials-popup.showVideo .modal {transform: scale(1)}
#meMainContent .slick-slider {position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent}
#meMainContent .slick-list {position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0}
#meMainContent .slick-list.dragging {cursor: pointer;
	cursor: hand}
#meMainContent .slick-slider .slick-list, #meMainContent .slick-slider .slick-track {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)}
#meMainContent .slick-track {position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto}
#meMainContent .slick-track:after, #meMainContent .slick-track:before {display: table;
	content: ''}
#meMainContent .slick-track:after {clear: both}
#meMainContent .slick-slide {display: none;
	float: left;
	height: 100%;
	min-height: 1px}
#meMainContent .slick-initialized .slick-slide {display: block}
#meMainContent .customerstories-slider {margin: 50px 0 0}
#meMainContent .slick-dots {display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 40px 0}
#meMainContent .slick-dots li {width: 8px;
	height: 8px;
	background: #d9d9d9;
	border-radius: 50px;
	cursor: pointer;
	transition: width .45s cubic-bezier(.4, 0, .2, 1), background .3s ease;
	overflow: hidden}
#meMainContent .slick-dots li.slick-active {width: 40px;
	background: #f7ab00}
#meMainContent .slick-dots li button {display: none}
#meMainContent .mehomeSliderTrack .slick-list {height: 100%}
#meMainContent .mehomeSliderTrack .slick-track {display: flex;
	height: 100%}
#meMainContent .mehomeSliderTrack .slick-slide {float: none}
#meMainContent .mehomeSliderTrack .slick-dots {position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 0 25px}
@media only screen and (max-width:1500px) {
#meMainContent .me-carousel-item.carousel-item2 h2 {margin: 20px 0;
		font-size: 1.5rem;
		;}
#meMainContent .me-container {max-width: 1200px}
#meMainContent .center-circle {width: 200px;
		height: 200px}
#meMainContent #solution2::after, #meMainContent #solution3::after, #meMainContent #solution7::after, #meMainContent #solution8::after {width: 245px;
		height: 245px}
#meMainContent #solution2::after {right: -135px;
		top: 236px}
#meMainContent #solution8::after {left: -135px;
		bottom: 236px}
#meMainContent #solution3::after {right: 166px;
		top: 236px}
#meMainContent #solution7::after {left: 166px;
		bottom: 236px}
#meMainContent .solFinder-row {width: 100%}
#meMainContent .industry-imgcon br, #meMainContent .me-carousel-item br {display: none}
#meMainContent .certifications-container {gap: 30px;
		flex-wrap: wrap}
#meMainContent .freetrials-wrapper {padding: 50px 60px}
#meMainContent .freetrials-img img {left: 60px}
}
@media only screen and (max-width:1400px) {
#meMainContent #itsecurity .col1 .sub-heading br {display: none}
}
@media only screen and (min-width:1220px) {
#meMainContent .sol-box:hover {background: #0052f6}
#meMainContent .d-sol-box .homesolutions, #meMainContent .sol-box:hover .homesolutions {opacity: 0;
		transition: none}
#meMainContent .sol-box:hover h2 {color: #fff}
#meMainContent .sol-box:hover .solbg-img {opacity: 1;
		visibility: visible;
		transform: translateY(0)}
#meMainContent .sol-column:nth-child(2) .half-section:nth-child(2) .sol-box:hover .solbg-img {transform: translateY(0)}
#meMainContent .sol-box:hover .sol-keyword {display: none}
#meMainContent .sol-box:hover .mecommon-btn.mesecondry-btn, #meMainContent .sol-box:hover .sol-descr {opacity: 1}
#meMainContent .center-circle:hover .btn-icon {transform: scale(1.05)}
#meMainContent .center-circle:hover .sol-center-cta .btn-icon svg {animation: proArrowMove 2s infinite linear}
}
@keyframes proArrowMove {0% {transform: scale(.7) rotate(-44deg) translate(0, 0)}

25% {transform: scale(.7) rotate(-44deg) translate(8px, 3px)}

50% {transform: scale(.7) rotate(-44deg) translate(0, 0)}

75% {transform: scale(.7) rotate(-44deg) translate(8px, 3px)}

100% {transform: scale(.7) rotate(-44deg) translate(0, 0)}
}
@media print,
screen and (max-width:1300px) {
#meMainContent .me-container {max-width: 90%}
#meMainContent .sol-box h2 {font-size: 1.275rem}
#meMainContent .sol-keyword {margin: 10px 0 0;
		font-size: 14px;}
#meMainContent #solution3::after {right: 58%}
#meMainContent #solution7::after {left: 58%}
#meMainContent .freetrials-img {flex: 0.7 0 0}
#meMainContent .freetrials-wrapper {padding: 30px 60px}
#meMainContent .freetrials-con {flex-direction: column;
		align-items: flex-start;
		gap: 20px}
}
@media only screen and (max-width:1282px) {
#meMainContent #header-mainsec .nav-list>div.anims.show {width: 0}
#meMainContent h1 {font-size: 3rem}
#meMainContent .mecommon-btn.meprimary-btn {font-size: 1.125rem}
}
@media only screen and (max-width:1250px) {
#meMainContent .me-carousel-item .mesecondry-btn {margin-top: 18px;}
}
@media only screen and (max-width:1219px) {
#meMainContent .sol-box .mecommon-btn.mesecondry-btn, #meMainContent .sol-box h2 br, #meMainContent .sol-box:after, #meMainContent .sol-descr, #meMainContent .sol-row {display: none}
#meMainContent .sol-box {width: calc(50% - 10px);
		height: auto !important;
		padding: 20px}
#meMainContent .center-circle {position: relative;
		transform: none;
		top: 0;
		left: 0;
		margin: 45px auto 0 auto;
		background: 0 0;
		box-shadow: none;
		height: auto;
		width: auto;
		display: flex;
		justify-content: center;
		align-items: center}
#meMainContent .sol-center-cta {position: static;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #d00417;
		padding: 8px 10px 8px 18px;
		font-size: 1.1rem;
		gap: 15px;
		border-radius: 999px;
		width: auto;
		height: auto}
#meMainContent .sol-center-cta .btn-icon {width: 34px;
		height: 34px;
		margin: 0;
		background-color: #fffbe8;
		border: 0}
#meMainContent .sol-center-cta .btn-text {display: block}
#meMainContent .sol-center-cta .btn-icon svg {stroke: #000;
		transform: scale(1)}
#meMainContent .sol-box h2 {margin-top: 10px !important;
		padding-left: 100px;
		font-size: 1.3rem}
#meMainContent .sol-keyword {margin: 0;
		padding-left: 100px}
#meMainContent .homesolutions {left: 35px !important;
		transform: translate(0, -50%) scale(1.5);
		top: 50% !important}
}
@media only screen and (max-width:1200px) {
#meMainContent .solFinder-row {padding: 50px}
#meMainContent .solFin-img {width: 37%}
#meMainContent .me-carousel-item {padding: 50px}
#meMainContent .explore-list li {padding: 20px 30px 50px 30px}
#meMainContent .freetrials-img img {left: 50px}
}
@media only screen and (max-width:1100px) {
#meMainContent .freetrials-con h2 br {display: none}
}
@media only screen and (max-width:1025px) {
#meMainContent .me-carousel-item.carousel-item4 .mesecondry-btn {margin-top: 18px;}
#meMainContent .me-carousel-item.carousel-item4 {background: url(https://www.manageengine.cn/sites/meweb/images/cn/homeslider4-bg.png) left bottom / contain no-repeat, #CBE1FF;}
#meMainContent .carousel-item4 .itconaus26-img {width: 70%;}
#meMainContent .carousel-item2 .itcon26-img {width: 25%;}
#meMainContent .me-carousel-item.carousel-item2 h2 {font-size: 1.3rem;
		margin: 15px 0;}
#meMainContent .me-carousel-item.carousel-item2 .mesecondry-btn {margin-top: 12px;}
#meMainContent .carousel-item2 .itcon-venues .iconConwrap p {font-size: 1rem;}
#meMainContent .sliderexplore-container {flex-direction: column;
		gap: 20px}
#meMainContent .sliderexplore-container .sliExp-innerbox {width: 90%;
		margin: 0 auto}
#meMainContent .me-carousel-item {height: 420px}
#meMainContent .me-carousel-item br {display: block;}
#meMainContent .me-carousel-item.carousel-item1 {background-size: 38%, cover, cover;}
#meMainContent .me-carousel-item.carousel-item3 {background-size: 28%, cover, cover;}
}
@media only screen and (max-width:1024px) {
#meMainContent h1 {font-size: 3rem}
#meMainContent .mehomemainItem .me-container {max-width: 100%}
}
@media only screen and (max-width:992px) {
#meMainContent .sol-box {width: 100%}
#meMainContent .solFinder-row {flex-direction: column;
		width: 85%;
		justify-content: center}
#meMainContent .solFinder-row .solFinderboxes {width: 100%;
		text-align: center}
#meMainContent .solFinder-row .solFinder-con {margin-bottom: 35px;
		padding: 40px 40px 0}
#meMainContent .solFinder-row .solFinder-con br {display: none}
#meMainContent .solFin-img {position: relative;
		bottom: -90px;
		margin-top: -90px;
		padding-top: 30px;
		width: 200px;
		right: auto;
		left: 0}
#meMainContent .mecommon-btn {justify-content: center}
#meMainContent .me-carousel-item h2 {font-size: 1.625rem}
#meMainContent .customerstories-container .slick-slide {margin: 0 10px}
#meMainContent .industrytab-wrap {position: relative;
		width: 450px;
		margin: 50px auto 30px}
#meMainContent .industrytab-mob {margin: 0;
		display: block;
		padding: 25px 40px;
		cursor: pointer;
		color: #fff;
		background: #000;
		border-radius: 10px}
#meMainContent .industrytab-mob span {color: #90c5fa;
		font-family: var(--me-font);
		font-weight: 600;
		font-size: 1.1rem;
		display: block;
		margin: 0;
		position: relative;
		cursor: pointer;
		padding-right: 30px}
#meMainContent .industrytab-mob span:after {position: absolute;
		content: '';
		transform: translate(-50%, -50%);
		right: 0;
		top: 50%;
		transition: all ease .5s;
		border-top: 8px solid #fff;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent}
#meMainContent .industrytab-mob.industrytabactive {border-radius: 10px 10px 0 0}
#meMainContent .industrytab-mob.industrytabactive span:after {transform: translate(-50%, -50%) rotate(180deg)}
#meMainContent .industry-tab {display: none;
		position: absolute;
		z-index: 111;
		background: #000;
		padding: 15px 40px;
		top: 70px;
		border-radius: 0 0 10px 10px}
#meMainContent .industry-tab li {border-radius: 0;
		color: #fff;
		border-bottom: 1px solid #292929;
		margin-bottom: 20px;
		padding: 0 0 20px}
#meMainContent .industry-tab li:last-child {border: none;
		margin: 0}
#meMainContent .industry-tab li.industab-active, #meMainContent .industry-tab li:hover {background: 0 0;
		color: #90c5fa}
#meMainContent .testi-overlay {max-width: 320px}
#meMainContent .testi-quote strong.conbig-con.waisl-discon br {display: none}
#meMainContent .industry-contentwrap {flex-direction: column;
		text-align: center;
		padding: 40px 0 120px}
#meMainContent .industry-imgcon {width: 100%}
#meMainContent .industry-imgcon br {display: block}
#meMainContent .industry-imgcon .industry-imgs {margin: 0 auto 60px}
#meMainContent .industries-sec {background: linear-gradient(180deg, #222 50.87%, #fff 100%)}
#meMainContent .industry-contentsec::before {height: 100%;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: 1150px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 100% 80%;
		border-bottom-left-radius: 100% 80%;
		background: linear-gradient(0deg, #014dff -18.04%, #0d0d0d 74.19%)}
#meMainContent .freetrials-wrapper {flex-direction: column;
		padding: 130px 35px 35px}
#meMainContent .freetrials-con, #meMainContent .freetrials-img {flex: 1 0 0;
		text-align: center;
		align-items: center}
#meMainContent .freetrials-img img {transform: translate(-50%, -50%);
		left: 50%;
		top: 0;
		width: 230px}
#meMainContent .freetrials-con h2 br {display: block}
}
@media only screen and (max-width:768px) {
html {font-size: 14px}
#meMainContent section {padding: 40px 0}
#meMainContent .sol-column, #meMainContent .sol-row {height: auto;
		min-height: auto}
#meMainContent .sol-row {flex-direction: column}
#meMainContent .sol-column {flex: 1}
#meMainContent .floading-btn:hover {right: 10px;
		border-radius: 50%}
#meMainContent .floading-btn span, #meMainContent .freetrials-con h2 br {display: none}
#meMainContent .free-trials {padding-top: 140px}
}
@media only screen and (min-width:769px) {
#meMainContent .free-trials {margin-top: 0px}
}
@media only screen and (max-width:760px) {
body {overflow-x: hidden}
}
@media only screen and (max-width:750px) {
#meMainContent .mef_foot_cols .mef_foot_title.active::after {transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg)}
}
@media only screen and (max-width:650px) {
#meMainContent .form-group.zc-survey.active-row {height: 75px;
		padding-top: 35px;}
#meMainContent h1 {font-size: 2.5rem}
#meMainContent .solFinder-row {padding: 20px 20px 30px;
		width: 100%}
#meMainContent .solFinder-row .solFinder-con {padding: 30px}
#meMainContent .explore-list {flex-direction: column}
#meMainContent .explore-list li, #meMainContent .sliderexplore-container .sliExp-innerbox {width: 100%}
#meMainContent .compliancelogo-sec p br, #meMainContent .customerstories h2 br, #meMainContent .floading-btn img, #meMainContent .industry-imgcon br, #meMainContent .me-carousel-item p br {display: none}
#meMainContent .floading-wrapper {position: fixed;
		bottom: 0;
		left: 0;
		background: #1baa50;
		width: 100%;
		text-align: center;
		z-index: 999;
		box-sizing: border-box;
		display: block}
#meMainContent .floading-btn {position: relative;
		background: 0 0;
		padding: 12px 0;
		opacity: 1;
		visibility: visible;
		pointer-events: visible;
		float: left;
		width: 50%;
		border-radius: 0;
		transition: none;
		right: auto;
		display: block;
		align-items: unset}
#meMainContent .floading-btn span {display: block;
		width: 100% !important;
		opacity: 1;
		visibility: visible;
		white-space: normal;
		padding: 0 !important;
		line-height: 1.5}
#meMainContent .floading-btn.callback-btn, #meMainContent .floading-btn.downloadBtn {top: auto}
#meMainContent .floading-btn.callback-btn:after {content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		border-radius: 0;
		background: #fff}
#meMainContent .floading-btn:hover {right: 0;
		border-radius: 0}
#meMainContent .industry-contentsec::before {border-bottom-right-radius: 600px 480px;
		border-bottom-left-radius: 600px 480px}
#meMainContent .customerstories-container .slick-slide {height: 450px}
#meMainContent .sliderexplore-container {margin-top: 30px}
#meMainContent .testi-overlay {left: 30px;
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 30px}
#meMainContent .testi-logo {justify-content: center}
#meMainContent .testi-quote {text-align: center}
#meMainContent .testi-actions {flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		column-gap: 10px}
#meMainContent .testi-quote strong.conbig-con br {display: none}
#meMainContent .testi-quote:before {transform: translate(-50%, 0);
		left: 50%}
}
@media only screen and (max-width:600px) {
#meMainContent .industrytab-wrap {width: 100%}
}
@media only screen and (max-width:500px) {
#meMainContent .floading-btn br {display: block}
}
@media only screen and (max-width:480px) {
#meMainContent .sol-column, #meMainContent .sol-row {gap: 15px}
#meMainContent .sol-box {padding: 15px}
#meMainContent .testi-dot.active {width: 40px}
#meMainContent .testi-nav {gap: 16px}
#meMainContent .testi-nav-arrow {width: 38px;
		height: 38px}
}
@media only screen and (max-width:400px) {
#meMainContent .mecommon-btn.meprimary-btn {font-size: 1.1rem}
}
@media only screen and (max-width:390px) {
#meMainContent .me-carousel-item {padding: 30px}
}
#meMainContent .exploreengage .sliderexplore-container {display: grid;
	grid-template-columns: 1.1fr 1.4fr 0.9fr;
	gap: 24px;
	align-items: stretch;
	margin-top: 50px}
#meMainContent .explore-col {min-width: 0;
	height: 100%}
#meMainContent .explore-col-image img {width: 100%;
	height: 100%;
	min-height: 280px;
	max-height: 480px;
	object-fit: cover;
	border-radius: 8px;
	display: block}
#meMainContent .explore-col-cards .explore-list {gap: 16px;
	height: 100%}
#meMainContent .explore-col-cards .explore-list li {padding: 18px 16px 48px 16px;
	background: #000;
	color: #fff}
#meMainContent .explore-col-cards .explore-list li h3 {font-size: 1rem;
	margin: 10px 0}
#meMainContent .explore-col-cards .explore-list li p {font-size: 13px;
	line-height: 1.5}
#meMainContent .explore-col-cards .explore-list li>img {right: 14px;
	bottom: 14px;
	width: 16px}
#meMainContent .explore-col-news {background: linear-gradient(160deg, rgba(22, 22, 25, .96), rgba(12, 12, 14, .96));
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 14px;
	padding: 26px 22px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, .28);
	height: 100%;
	display: flex;
	flex-direction: column;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px)}
#meMainContent .explore-col-news h3 {font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 4px;
	color: #fff;
	padding-left: 14px;
	position: relative}
#meMainContent .explore-col-news h3::before {content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	border-radius: 3px;
	background: #d0162d}
#meMainContent .news-list {list-style: none;
	padding: 14px 0 0;
	margin: 8px 0 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, .08)}
#meMainContent .news-list li {position: relative;
	display: flex;
	align-items: center;
	padding: 6px 0 6px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	transition: background .25s ease}
#meMainContent .news-list li::before {content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 72%;
	width: 0;
	border-radius: 3px;
	background: #d0162d;
	transition: width .25s ease}
#meMainContent .news-list li:hover {background: rgba(208, 22, 45, .05)}
#meMainContent .news-list li:hover::before {width: 3px}
#meMainContent .news-cat {display: inline-block;
	font-size: .7rem;
	line-height: 1;
	font-weight: 600;
	color: #d0162d;
	background: rgba(208, 22, 45, .12);
	border: 1px solid rgba(208, 22, 45, .35);
	border-radius: 20px;
	padding: 4px 10px;
	margin-bottom: 9px}
#meMainContent .news-list a {display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #f2f3f5;
	text-decoration: none;
	font-size: .92rem;
	line-height: 1.55;
	font-weight: 500;
	transition: color .3s}
#meMainContent .news-list a:hover {color: #d0162d}
#meMainContent .news-excerpt {display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #b8bcc2;
	font-size: .82rem;
	line-height: 1.5;
	margin-bottom: 8px}
#meMainContent .news-cat, #meMainContent .news-date, #meMainContent .news-excerpt {display: none}
#meMainContent .news-date {display: none;
	font-size: .76rem;
	color: #9aa0a6;
	letter-spacing: .02em}
#meMainContent .news-more {display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 16px;
	color: #d0162d;
	font-weight: 600;
	text-decoration: none;
	font-size: .9rem;
	transition: gap .3s, color .3s}
#meMainContent .news-more:hover {gap: 10px;
	color: #ff7a55}
#meMainContent .news-more svg {width: 16px;
	height: 16px;
	stroke: currentColor}
@media only screen and (max-width: 1100px) {
#meMainContent .exploreengage .sliderexplore-container {grid-template-columns: 1fr 1fr}
#meMainContent .explore-col-news {grid-column: 1 / -1}
}
@media only screen and (max-width: 768px) {
#meMainContent .exploreengage .sliderexplore-container {grid-template-columns: 1fr;
		gap: 20px;
		width: 100%;
		margin: 50px auto 0}
#meMainContent .explore-col-image img {height: auto;
		aspect-ratio: 1 / 1;
		max-height: 320px;
		min-height: auto}
#meMainContent .explore-col-cards .explore-list li {width: 100%;
		padding: 20px 16px 20px 16px}
#meMainContent .explore-col-news {grid-column: auto}
#meMainContent .explore-col-cards .explore-list li>img {right: 14px;
		top: 30px;
		width: 16px}
}
#meMainContent .explore-carousel {position: relative;
	overflow: hidden;
	border-radius: 8px;
	height: 100%;
	min-height: 280px;
	max-height: 480px;
	background: #eceff3}
#meMainContent .explore-carousel__track {display: flex;
	height: 100%;
	transition: transform .55s cubic-bezier(.22, .61, .36, 1);
	will-change: transform}
#meMainContent .explore-col-image .explore-carousel img {width: 100%;
	height: 100%;
	min-height: 0;
	max-height: none;
	object-fit: cover;
	border-radius: 0;
	display: block}
#meMainContent .explore-slide {position: relative;
	flex: 0 0 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-decoration: none}
#meMainContent .explore-carousel__dots {position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 6}
#meMainContent .explore-carousel__dot {width: 9px;
	height: 9px;
	border: none;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
	cursor: pointer;
	transition: background .3s}
#meMainContent .explore-carousel__dot.active {background: #2e63d1}
@media only screen and (max-width: 768px) {
#meMainContent .explore-carousel {height: auto;
		aspect-ratio: 1 / 1;
		max-height: 320px;
		min-height: auto}
}