html {
	overflow-x: hidden;
	scroll-behavior: smooth
}
#scroll {
	padding: 0
}
a,
body,
div,
h1,
h2,
h3,
html,
i,
img,
p,
span {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%
}
.heading-menu {
	display: none
}
.af {
	color: #102336;
	font-family: ZohoPuvi;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #102336
}
a,
p,
span {
	line-height: inherit;
	font-size: inherit;
	color: inherit;
	font-weight: inherit
}
h1,
h2,
h3 {
	margin: 0;
	padding: 0
}
.af a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a:hover {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a,
.af div,
.af h1,
.af h2,
.af p,
.af span {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.af div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.af {
	width: 100%;
	display: inline-block;
	float: none
}
.ac {
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	width: 90%
}
a {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.af div {
	position: relative
}
body {
	position: relative
}
body:before {
	content: "";
	width: 100%;
	height: 900px;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbffe0), to(#fff));
	background: -o-linear-gradient(top, #cbffe0, #fff);
	background: linear-gradient(to bottom, #cbffe0, #fff);
	z-index: -1
}
/* ANIMATED CTA threat-intelligence.html */
.idm-btn-dwn-ani {
	background: #E9142B;
	padding: 12px 53px 12px 30px;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	position: relative;
	text-decoration: none
}
.idm-btn-dwn-ani span {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}
.idm-dwn-cta-ani-24 {
	width: 14px;
	height: 15px;
	border-bottom: 2px solid #fff;
	display: inline-block;
	position: absolute;
	margin: 8px 0 0 10px;
	pointer-events: none
}
.idm-dwn-cta-ani-24:before,
.idm-dwn-cta-ani-24:after {
	content: '';
	position: absolute;
	-moz-animation: dwncta-bounce 3s infinite;
	-webkit-animation: dwncta-bounce 3s infinite;
	animation: dwncta-bounce 3s infinite
}
.idm-dwn-cta-ani-24:before {
	height: 0;
	width: 0;
	border: none;
	border-top: 7px solid #fff;
	border-left: 7.2px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0);
	left: 0;
	top: 3px
}
.idm-dwn-cta-ani-24:after {
	width: 4.5px;
	height: 8px;
	background: #fff;
	display: inline-block;
	top: -4px;
	left: 5px
}
@-moz-keyframes dwncta-bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-moz-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	60% {
		-moz-transform: translateY(-3px);
		transform: translateY(-3px)
	}
}
@-webkit-keyframes dwncta-bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	60% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px)
	}
}
@keyframes dwncta-bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-moz-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	60% {
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px)
	}
}
.idm-btn-dwn-ani:link,
.idm-btn-dwn-ani:visited {
	border: none;
	overflow: hidden;
	transition: all .3s ease-in-out
}
.idm-btn-dwn-ani::before {
	background: #fff;
	content: "";
	height: 155px;
	opacity: 0;
	position: absolute;
	top: -50px;
	transform: rotate(35deg);
	width: 50px;
	transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1)
}
.idm-btn-dwn-ani::after {
	background: #fff;
	content: "";
	height: 120px;
	opacity: 0;
	position: absolute;
	top: -27px;
	transform: rotate(71deg);
	transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 8rem
}
.idm-btn-dwn-ani::before {
	left: -50%
}
.idm-btn-dwn-ani::after {
	left: -100%
}
.idm-btn-dwn-ani:hover,
.idm-btn-dwn-ani:active {
	transform: translateY(-3px);
	color: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	text-decoration: none;
}
.idm-btn-dwn-ani:hover::before {
	left: 120%;
	opacity: .5s
}
.idm-btn-dwn-ani:hover::after {
	left: 200%;
	opacity: .6
}
/* new update for interlinking start */
.ban .lhs p a,
.fiveReasonsContent p a {
	cursor: pointer;
	color: #138cd6;
}
.ban .lhs p a:hover,
.about-text a:hover,
.fiveReasonsContent p a:hover {
	text-decoration: underline;
}
/* end */
.ban {
	padding: 10px 0 96px;
	margin-bottom: 25px;
	overflow: hidden
}
.ban .lhs {
	float: left;
	width: calc(100% - 500px);
	padding-right: 15px;
	padding-top: 80px
}
.ban .lhs h1 {
	font-size: 50px;
	font-weight: 600;
	color: #000;
	margin-bottom: 16px;
	line-height: 62px
}
.ban .lhs p {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	padding-bottom: 22px;
	color: #000;
	margin-bottom: 18px
}
.spri {
	background: url(/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-banner-sprite.png) no-repeat;
	background-size: 703px
}
.ban .rhs {
	float: right;
	position: relative;
	width: 500px
}
.ban-img {
	position: absolute;
	display: inline-block
}
.lhs h1 span {
	display: block;
	font-weight: 100
}
.ban-img {
	position: absolute;
	display: inline-block
}
.ban-img-main {
	width: 588px;
	height: 459px;
	background-position: -16px -487px;
	top: 50px
}
.ban-img-1 {
	width: 357px;
	height: 222px;
	background-position: -10px -195px;
	bottom: 0;
	left: 100px;
	z-index: 2
}
.ban-img-2 {
	width: 84px;
	height: 79px;
	background-position: -3px -84px;
	bottom: 80px;
	left: 341px
}
.ban-img-3 {
	width: 145px;
	height: 166px;
	background-position: -103px -8px;
	bottom: 4px;
	right: 46px;
	z-index: 3
}
.ban-img-4 {
	width: 259px;
	height: 182px;
	background-position: -263px -6px;
	top: 118px;
	left: 102px
}
.ban-img-5 {
	width: 295px;
	height: 245px;
	background-position: -394px -205px;
	right: 62px;
	top: 25px
}
.ban-img-6 {
	width: 66px;
	height: 62px;
	background-position: -8px -5px;
	top: 38px;
	left: 100px
}
.line {
	display: inline-block;
	width: 412px;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: -1px;
	left: 100px
}
@media screen and (max-width :1150px) {
	.ban-img-main {
		transform: scale(.8)
	}
	.ban .lhs h1 {
		font-size: 40px;
		line-height: 52px
	}
	.ban {
		padding-bottom: 50px
	}
}
@media screen and (max-width :1050px) {
	.ban .lhs h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.ban .lhs p {
		font-size: 20px;
		line-height: 32px
	}
	.ban .lhs {
		float: left;
		width: calc(100% - 385px)
	}
	.ban .rhs {
		width: 385px
	}
	.ban-img-main {
		transform: scale(.7);
		left: -50px;
		top: 0
	}
}
@media screen and (max-width :992px) {
	.ban .rhs {
		display: none
	}
	.ban .lhs {
		width: 100%;
		text-align: center;
		padding-right: 0
	}
}
body .ac .hfp-page-form {
	float: none
}
body .hfp-page-form * {
	margin: 0;
	padding: 0;
	background: 0 0;
	border: none;
	font-size: inherit;
	font-weight: inherit;
	color: inherit
}
body .hfp-page-form :hover {
	background: 0 0;
	color: inherit;
	padding: 0;
	margin: 0;
	box-shadow: none;
	transform: none
}
body .af .hfp-page-form a:hover,
body .hfp-page-form a:hover {
	background: 0 0;
	color: inherit;
	box-shadow: none
}
body .hfp-page-form .d-thanks,
body .hfp-page-form .m-thanks {
	display: none
}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr {
	background: #fff;
	height: 12px !important;
	width: 12px !important
}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
	width: 3px !important;
	height: 6px !important;
	border: 1px solid #000;
	border-width: 0 1.5px 1.5px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	content: '';
	position: absolute;
	top: 0 !important;
	left: 3px !important
}
@media screen and (max-width:992px) {}
.about-text {
	background: #fff;
	padding: 60px 60px 60px 340px;
	border-radius: 10px;
	box-shadow: 0 0 19px rgb(67 129 92 / 23%);
	overflow: hidden
}
.about-text h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 300
}
.about-text h2 span {
	font-weight: 500;
	display: block;
	font-size: 32px;
	color: #ec513c
}
.about-text p {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	margin-top: 20px
}
.about-text:before {
	content: "";
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-banner-sprite.png') no-repeat -16px -1001px;
	background-size: 703px;
	width: 231px;
	height: 301px;
	position: absolute;
	left: 45px;
	top: 50%;
	transform: translateY(-50%)
}
.about-text:after {
	content: "";
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-banner-sprite.png') no-repeat -323px -985px;
	background-size: 703px;
	width: 270px;
	height: 308px;
	position: absolute;
	left: 0;
	top: 30%;
	transform: translateY(-50%)
}
@media screen and (max-width :992px) {
	.about-text {
		padding: 40px 35px
	}
	.about-text:after,
	.about-text:before {
		display: none
	}
	.about-text h2 {
		font-size: 26px
	}
	.about-text h2 span {
		font-size: 28px
	}
}
.ss-section {
	padding: 100px 0 90px 0
}
.ss-row {
	display: table;
	width: 100%
}
.ss-text-side {
	display: table-cell;
	width: 46%;
	vertical-align: middle
}
.ss-img-side {
	display: table-cell;
	width: 54%;
	vertical-align: middle
}
.ss-img-side img {
	width: 100%;
	height: auto
}
.flexslider {
	width: 100%;
	max-width: 100%;
	overflow: visible;
	max-height: initial
}
.ss-text-side h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000;
	line-height: 40px;
	margin-bottom: 20px
}
.ss-text-side h2 span {
	font-size: 30px;
	font-weight: 200;
	display: block
}
.ss-text-side p {
	font-size: 16px;
	line-height: 26px;
	color: #010101
}
.ss-section .ac {
	max-width: 1350px
}
.ss-odd-row .ss-text-side {
	padding-left: 50px;
	padding-right: 50px
}
.ss-odd-row .ss-img-side {
	right: -20px
}
.ss-even-row .ss-text-side {
	padding-left: 50px;
	padding-right: 50px
}
.ss-even-row .ss-img-side {
	left: -20px
}
.ss-odd-row {
	padding-bottom: 100px
}
.dots {
	display: table;
	margin: 15px auto auto auto
}
.dots li {
	float: left;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #c2c1be69;
	border-radius: 30px;
	color: transparent;
	cursor: pointer
}
.dots li.active {
	background: #de960a;
	cursor: default;
	pointer-events: none
}
.slides li {
	display: none
}
.slides li.active {
	display: block;
	opacity: 0;
	animation: fadeIn .5s ease-in 1 both
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateX(50px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}
@media screen and (max-width :1100px) {
	.ss-section {
		padding: 50px 0 50px 0
	}
	.ss-odd-row .ss-text-side {
		padding-left: 0;
		padding-right: 20px
	}
	.ss-odd-row .ss-img-side {
		right: 0
	}
	.ss-even-row .ss-text-side {
		padding-left: 20px;
		padding-right: 0
	}
	.ss-even-row .ss-img-side {
		left: 0
	}
}
@media screen and (max-width :992px) {
	.ss-section {
		padding: 50px 0 50px 0
	}
	.ss-odd-row .ss-text-side {
		padding-left: 0;
		padding-right: 20px
	}
	.ss-odd-row .ss-img-side {
		right: 0
	}
	.ss-even-row .ss-text-side {
		padding-left: 20px;
		padding-right: 0
	}
	.ss-even-row .ss-img-side {
		left: 0
	}
	.fea-lhs {
		margin-top: 50px
	}
	.ss-odd-row .ss-text-side {
		width: 100%;
		padding: 0 0 30px 0
	}
	.ss-odd-row .ss-img-side {
		width: 100%
	}
	.ss-even-row .ss-img-side {
		width: 100%
	}
	.ss-even-row {
		display: grid;
		width: 100%
	}
	.ss-even-row .ss-img-side {
		order: 2
	}
	.ss-even-row .ss-text-side {
		width: 100%;
		order: 1;
		padding: 0;
		padding-bottom: 30px
	}
	.ss-odd-row {
		padding-bottom: 50px
	}
	.ss-text-side,
	.ss-img-side {
		display: block;
	}
	.slides li.active {
		animation: none;
		opacity: 1
	}
}
@media screen and (max-width :767px) {
	.ss-text-side h2 {
		font-size: 28px
	}
	.ss-text-side h2 span {
		font-size: 26px
	}
}
.fea-wrapper {
	padding: 70px 0
}
.fea-wrapper {
	display: inline-block
}
.fea-lhs {
	width: 385px;
	float: left;
	padding-top: 250px
}
.fea-lhs:before {
	content: "";
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-inner-sprite.png') no-repeat 0 0;
	background-size: 276px;
	width: 239px;
	height: 246px;
	position: absolute;
	left: 0;
	top: 0
}
.fea-lhs h3 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 600;
	color: #000;
	padding-bottom: 18px;
	position: relative;
	margin-bottom: 10px
}
.fea-lhs h3 span {
	display: block;
	font-size: 24px;
	font-weight: 100;
	line-height: 25px
}
.fea-lhs h3:before {
	content: "";
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-inner-sprite.png') no-repeat -1px -644px;
	background-size: 276px;
	width: 272px;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0
}
.fea-lhs p {
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
	color: #000
}
.fea-rhs {
	width: calc(100% - 385px);
	float: right;
	padding-top: 20px
}
.fea-row {
	display: table;
	width: 100%;
	border-spacing: 15px 8px
}
.fea-row li {
	display: table-cell;
	background: #fff;
	box-shadow: 0 0 12px 2px rgb(161 161 161 / 29%);
	width: 50%;
	border-radius: 8px;
	position: relative;
	padding: 85px 35px 45px 35px;
	font-size: 16px;
	font-weight: 300
}
.feature-section .ac {
	max-width: 1230px
}
.feature-section {
	position: relative
}
.feature-section:Before {
	content: "";
	width: 52%;
	height: 100%;
	background: #59e5b3;
	border-radius: 50px 0 0 50px;
	position: absolute;
	right: 0
}
.fea-row li:before {
	content: "";
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-icon-sprite.png') no-repeat -5px -6px;
	background-size: 186px 44px;
	width: 37px;
	height: 35px;
	position: absolute;
	top: 38px
}
.fea-row li:nth-of-type(2):before {
	background-position: -50px -7px
}
.fea-row-2 li:first-of-type:before {
	background-position: -91px -5px
}
.fea-row-2 li:nth-of-type(2):before {
	background-position: -132px -7px
}
@media screen and (max-width :1100px) {
	.fea-lhs {
		margin-top: 50px
	}
}
@media screen and (max-width :992px) {
	.feature-section:Before {
		display: none
	}
	.fea-wrapper {
		padding: 0
	}
	.fea-lhs {
		margin-top: 0;
		width: 100%;
		text-align: center;
		padding-top: 0
	}
	.fea-rhs {
		margin: 0;
		width: 100%
	}
	.fea-lhs:before {
		display: none
	}
	.fea-lhs h3 {
		padding-bottom: 0
	}
	.fea-lhs h3:before {
		left: 0;
		right: 0;
		margin: AUTO;
		display: none
	}
}
@media screen and (max-width :600px) {
	.fea-row {
		display: block
	}
	.fea-row li {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px
	}
	.fea-rhs {
		padding-top: 30px
	}
	.fea-lhs h3 {
		font-size: 28px
	}
}
.fiveReasonsSection {
	margin: 75px 0 0;
	background: #f7fbfa;
	padding: 90px 0
}
.fiveReasonsSection h2 {
	text-align: center;
	font-size: 36px;
	line-height: 44px;
	margin: 0 0 78px;
	font-weight: 500;
	color: #000
}
.fiveReasonsSection h2 span {
	display: block;
	font-weight: 100;
	font-size: 30px
}
.fiveReasonsWrapper {
	display: table;
	width: calc(100% - 40px);
	margin: 0 auto
}
.fiveReasonsBox {
	width: 12.1%;
	height: 545px;
	float: left;
	margin-right: 2.1%;
	position: relative;
	border-top: 4px solid;
	border-bottom-left-radius: 20px;
	box-shadow: 0 0 16px 2px #afb0b040;
	cursor: pointer;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.fiveReasonsBox.animated {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.fiveReasonsBox:last-of-type {
	margin-right: 0
}
.fiveReasonsBox::before {
	position: absolute;
	font-size: 60px;
	font-weight: 500;
	top: -35px;
	right: 11px;
	transition: .3s;
	opacity: .3
}
.fiveReasonsBox.active::before {
	font-size: 70px;
	top: -38px
}
.fiveReasonsBox::after {
	content: "";
	position: absolute;
	background: url(/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-inner-sprite.png) no-repeat;
	background-size: 276px;
	bottom: 0;
	right: 0;
	background-position: -8px -1097px;
	transition: .3s;
	filter: grayscale(1);
	opacity: .4
}
.fiveReasonsBox.active::after {
	opacity: 1;
	mix-blend-mode: luminosity
}
.fiveReasonsBox.active {
	width: 39.25%;
	-webkit-box-shadow: none;
	box-shadow: none
}
.fiveReasonsBox.active .fiveReasonTitle {
	opacity: 0
}
.fiveReasonsBox.active .fiveReasonsContent {
	opacity: 1;
	z-index: 1;
	transition-delay: 0s
}
.fr1 {
	border-color: #fcd197;
	margin-top: 93px
}
.fr1::before {
	content: "01";
	color: #fcd197
}
.fr1 .fiveReasonTitle {
	color: #3b2f1e;
	left: -130px;
	top: 172px
}
.fr1::after {
	background-position: -17px -259px;
	height: 101px;
	width: 101px
}
.fr2 {
	border-color: #67b7fd;
	margin-top: 50px
}
.fr2::before {
	content: "02";
	color: #67b7fd
}
.fr2 .fiveReasonTitle {
	color: #010101;
	left: -102px;
	top: 149px
}
.fr2::after {
	background-position: -143px -250px;
	width: 108px;
	height: 109px
}
.fr3 {
	border-color: #5de4fc
}
.fr3::before {
	content: "03";
	color: #5de4fc
}
.fr3::after {
	background-position: -13px -382px;
	width: 101px;
	height: 101px;
}
.fr2::after {
	background-position: -143px -250px;
	width: 108px;
	height: 109px
}
.fr3 .fiveReasonTitle {
	color: #203438;
	left: -104px;
	top: 138px
}
px .fr3::after {
	background-position: -13px -382px;
	width: 101px;
	height: 101px
}
.fr4 {
	border-color: #fd7c69;
	margin-top: 50px
}
.fr4::before {
	content: "04";
	color: #fd7c69
}
.fr4 .fiveReasonTitle {
	color: #2c1e1c;
	left: -38px;
	top: 70px
}
.fr4::after {
	background-position: -140px -385px;
	height: 101px;
	width: 100px
}
.fr5 {
	border-color: #43e9c2;
	margin-top: 93px
}
.fr5::before {
	content: "05";
	color: #43e9c2
}
.fr5 .fiveReasonTitle {
	color: #1f3530;
	left: -46px;
	top: 83px
}
.fr5::after {
	background-position: -13px -498px;
	width: 101px;
	height: 102px
}
.fr1.active {
	background: #fff1de
}
.fr1.active::before {
	opacity: 1
}
.fr2.active {
	background: #e3f2ff
}
.fr2.active::before {
	opacity: 1
}
.fr3.active {
	background: #cbf7ff
}
.fr3.active::before {
	opacity: 1
}
.fr4.active {
	background: #fddbd6
}
.fr4.active::before {
	opacity: 1
}
.fr5.active {
	background: #d1fbf1
}
.fr5.active::before {
	opacity: 1
}
.fiveReasonsBox.active:after {
	transform: scale(1.3);
	bottom: 15px;
	right: 16px
}
.fiveReasonTitle {
	position: absolute;
	display: block;
	transform: rotate(-90deg);
	white-space: nowrap;
	font-size: 18px;
	font-weight: 400;
	transition: .3s;
	opacity: 1
}
.fiveReasonsContent {
	padding: 54px 40px 0 40px;
	transition: .3s;
	opacity: 0;
	position: relative;
	z-index: -1;
	overflow: hidden;
	height: calc(100% - 54px)
}
.fiveReasonsContent h3 {
	font-size: 22px;
	line-height: 35px;
	font-weight: 500;
	margin: 0;
	color: #010101;
	margin-bottom: 10px
}
.fiveReasonsContent p {
	font-size: 15px;
	line-height: 27px;
	color: #010101
}
@media screen and (max-width :1300px) {
	.fiveReasonsBox {
		height: 677px
	}
}
@media screen and (max-width :1000px) {
	.fiveReasonsBox,
	.fiveReasonsBox.active {
		width: calc(50% - 20px);
		margin: 10px;
		margin-bottom: 60px
	}
	.fiveReasonsSection {
		margin: 50px 0 20px;
		padding-bottom: 0
	}
	.fiveReasonsSection h2 {
		font-size: 30px
	}
}
@media screen and (max-width :767px) {
	.fiveReasonsBox,
	.fiveReasonsBox.active {
		width: calc(100%);
		height: auto;
		padding-bottom: 30px;
		margin: 0;
		margin-bottom: 70px
	}
	.fiveReasonsBox.active:after {
		display: none
	}
	.fiveReasonsBox::after {
		display: none
	}
	.fiveReasonsContent {
		padding: 20px
	}
}
/* .fiveReasonsContent a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
} */
.fiveReasonsBox::before {
	color: #59e5b3
}
.fiveReasonsBox.active::before {
	color: #e7be08;
	border-width: 5px
}
.fiveReasonsBox.active {
	background: #fffbe9;
	border-color: #e7be08
}
.fiveReasonsBox {
	border-color: #59e5b3
}
.custom-footer {
	background-color: #141e1a;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	padding: 70px 0;
	position: relative
}
.custom-footer:before {
	content: "";
	width: 368px;
	height: 262px;
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-footer.png');
	position: absolute;
	background-size: 487px;
	background-position: right top;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}
.custom-footer:after {
	content: "";
	width: 368px;
	height: 262px;
	background: url('/sites/meweb/images/se/log-management/images/security-and-risk-posture-management-footer.png');
	position: absolute;
	background-size: 487px;
	background-position: right top;
	right: 0;
	top: 50%;
	transform: rotateY(180deg) translateY(-50%)
}
.custom-footer h3 {
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 500;
	position: relative;
	z-index: 1
}
.custom-footer p {
	font-size: 48px;
	line-height: 58px;
	margin: 0;
	font-weight: 200;
	position: relative;
	z-index: 1
}
.custom-footer a {
	position: relative;
	z-index: 1;
	background: #e61d00;
	border: none;
	padding: 18px 45px;
	cursor: pointer;
	margin-top: 40px;
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: 300;
	transition: .3s ease-in;
	color: #fff;
	display: inline-block;
	border-radius: 0
}
.custom-footer a:hover {
	background: #a91111
}
@media screen and (max-width:992px) {
	.custom-footer::after,
	.custom-footer::before {
		display: none
	}
}
@media screen and (max-width:767px) {
	.custom-footer h3 {
		font-size: 28px;
		line-height: 38px
	}
	.custom-footer p {
		font-size: 24px;
		line-height: 30px
	}
	.custom-footer {
		padding: 40px 0
	}
}
.ban-img {
	opacity: 0
}
.ban-img-main {
	opacity: 1
}
.ban-img-1,
.ban-img-5 {
	animation: anim-1 .5s ease-in 1s 1 both
}
@keyframes anim-1 {
	0% {
		opacity: 0;
		transform: translateY(80px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
.ban-img-2,
.ban-img-6 {
	transform: scale(0);
	animation: anim-2 .5s ease-in 2.5s 1 both, anim-spin 10s linear 3s infinite both
}
@keyframes anim-2 {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@keyframes anim-spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}
.ban-img-3 {
	animation: anim-2 .5s ease-in 3.5s 1 both, anim-shake 5s linear 4s infinite both
}
@keyframes anim-shake {
	0% {
		transform: translateY(0)
	}
	25% {
		transform: translateY(-10px)
	}
	50% {
		transform: translateY(0)
	}
	75% {
		transform: translateY(10px)
	}
	100% {
		transform: translateY(0)
	}
}
.ban-img-4 {
	animation: anim-3 6s ease-in 5s infinite both
}
@keyframes anim-3 {
	0% {
		opacity: 0;
		transform: translateY(100px)
	}
	10% {
		opacity: 1;
		transform: translateY(0)
	}
	50% {
		opacity: 1;
		transform: translateY(0)
	}
	60% {
		opacity: 0;
		transform: translateY(-100px)
	}
	100% {
		transform: translateY(-100px)
	}
}
.animated .about-text:after {
	animation: search 10s linear infinite both
}
@keyframes search {
	0% {
		transform: translateX(0) translateY(0)
	}
	20% {
		transform: translateX(30px) translateY(0)
	}
	40% {
		transform: translateY(30px) translateX(0)
	}
	60% {
		transform: translateX(-30px) translateY(0)
	}
	80% {
		transform: translateY(-30px) translateX(0)
	}
	100% {
		transform: translateY(0) translateX(0)
	}
}
@media screen and (min-width :1025px) {
	.animate {
		transition: all .8s ease-in-out;
		opacity: 0
	}
	.animate.animated {
		opacity: 1
	}
	.fadeInUp {
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	.fadeInUp.animated {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.fadeInLeft {
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	.fadeInLeft.animated {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	.fadeInRight {
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	.fadeInRight.animated {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	.fadeInRight {
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	.fadeInRight.animated {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	.graphori.animated {
		animation: graphver .5s ease-in-out 1.5s both;
		transform-origin: bottom
	}
	.delay-2 {
		transition-delay: .6s
	}
	.delay-3 {
		transition-delay: .8s
	}
	.delay-4 {
		transition-delay: 1.2s
	}
}
.shake {
	-webkit-animation: shake-horizontal .8s cubic-bezier(.455, .03, .515, .955) both;
	animation: shake-horizontal .8s cubic-bezier(.455, .03, .515, .955) both;
	animation-delay: 1s
}
@-webkit-keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	80% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
	90% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}
}
@keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	80% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
	90% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}
}
@media screen and (max-width : 1250px) {
	.custom-footer:before,
	.custom-footer:after {
		display: none;
	}
}
@media screen and (max-width : 992px) {
	.fiveReasonsBox,
	.fiveReasonsBox.active {
		width: 100%;
		margin: 10px;
		margin-bottom: 60px;
		height: 100%;
		padding-bottom: 50px;
	}
	.fiveReasonsBox:after {
		display: none;
	}
}
.about-text h2 span a {
	color: #ec513c;
}
.about-text a {
	color: #138cd6;
}
.fiveReasonsBox.active h3 {
	text-decoration: underline;
	color: #1b73e6;
}