.main *,
.main ::after,
.main ::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
#scroll {
  padding: 0;
}
.heading-menu {
  display: none
}
img {
  width: 100%;
  height: auto
}
.main {
  font-family: 'ZohoPuvi';
  font-weight: 300;
  color: #102336
}
.main h1,
.main h2,
.main h3,
.main p {
  color: inherit;
  line-height: 1.4
}
.main .my-container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
  z-index: 1
}
.main .lr-container {
  display: table;
  width: 100%
}
.main .lhs {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 1
}
.main .rhs {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 1
}
.main a {
  text-decoration: none
}
.intro h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 25px;
  color: #373426
}
.main p {
  font-size: 16px;
  line-height: 1.8
}
.main strong {
  font-weight: 500
}
.sprite span,
.banner .sprite .ban1::before,
.banner .sprite .ban1::after,
.banner .sprite .ban3::after,
.banner .sprite .ban4::after,
.banner .sprite .ban4::before,
.sec2 .lhs h2::after,
.sec2 .sprite .man::before {
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-sprite.png) no-repeat;
  background-size: 541px;
  position: absolute
}
.sec2 .ic1::before,
.sec2 .ic2::before,
.sec2 .ic3::before,
.sec2 .ic4::before,
.sec2 .ic5::before {
  background: url(/sites/meweb/images/se/log-management/images/ediscovery-hfp-mob-sprite.png) no-repeat;
  background-size: 264px;
  content: '';
  position: absolute;
  top: 6px;
  left: -60px
}
.banner {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff6e0), to(#fff));
  background: -o-linear-gradient(top, #fff6e0 10%, #fff);
  background: linear-gradient(to bottom, #fff6e0 10%, #fff);
  padding: 80px 0 150px
}
.banner .my-container {
  max-width: 1200px;
  width: 90%
}
.banner h1 {
  font-size: 44px;
  font-weight: 600;
  line-height: 66px;
  color: #102336;
  margin-bottom: 20px;
  padding-right: 80px
}
.banner p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 40px
}
.banner .lhs {
  width: calc(100% - 430px);
  padding-right: 180px;
  padding-left: 65px
}
.banner .rhs {
  float: right;
  width: 400px;
  height: 346px;
  position: relative;
  top: -20px;
  right: 50px
}
/* 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
}
/*.banner a{background-color:#e8132a;font-size:18px;font-weight:400;line-height:18px;color:#fff;padding:14px 52px 14px 30px;border-radius:4px;display:inline-block;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative}
  .banner a::after{content:"";position:absolute;right:calc(50% - 62px);background:url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -6px -43px;background-size:250px;width:14px;height:18px}
  .banner a:hover{background-color:#fc1933;-webkit-box-shadow:4px 8px 15px rgba(213,51,54,0.4);box-shadow:4px 8px 15px rgba(213,51,54,0.4)}
  .banner a .dwn-cta-ani::after{width:4px}*/
.banner .sprite .ban1 {
  background-position: -34px -1137px;
  width: 500px;
  height: 410px
}
.banner .sprite .ban2 {
  background-position: -41px -280px;
  width: 348px;
  height: 155px;
  position: absolute;
  left: 50px;
  top: 80px;
  z-index: 2;
  animation: shake-tile 1.5s ease-in-out alternate infinite;
  -webkit-animation: shake-tile 1.5s ease-in-out alternate infinite
}
.banner .sprite .ban3 {
  background-position: -41px -103px;
  width: 302px;
  height: 159px;
  left: 75px;
  top: 150px;
  z-index: 1;
  position: absolute;
  animation: shake-tile 1.5s ease-in-out .2s alternate infinite;
  -webkit-animation: shake-tile 1.5s ease-in-out .2s alternate infinite
}
.banner .sprite .ban4 {
  background-position: -41px -14px;
  width: 294px;
  height: 71px;
  left: 75px;
  top: 287px;
  z-index: 0;
  position: absolute;
  animation: shake-tile 1.5s ease-in-out .4s alternate infinite;
  -webkit-animation: shake-tile 1.5s ease-in-out .4s alternate infinite
}
@keyframes shake-tile {
  from {
    transform: translateX(-8px)
  }
  to {
    transform: translateX(8px)
  }
}
@-webkit-keyframes shake-tile {
  from {
    transform: translateX(-8px)
  }
  to {
    transform: translateX(8px)
  }
}
.rhs h2,
.lhs h2 {
  font-size: 30px;
  line-height: 39px;
  margin-bottom: 15px
}
.odd .lhs {
  padding-left: 50px
}
.int .my-container {
  max-width: 1250px
}
.intro {
  border-radius: 10px;
  padding: 70px 100px 230px;
  margin: 0 20px;
  margin-bottom: 120px;
  opacity: 1;
  position: relative;
  background: #fff2e2;
  border: 1px solid #ffd369;
  text-align: center
}
.animated.intro {
  -webkit-animation: fadeUp 1s ease-in both;
  animation: fadeUp 1s ease-in both
}
.intro h2 span {
  color: #e00b0b
}
.intro p {
  font-size: 19px;
  font-weight: 300;
  line-height: 34px;
  color: #102336
}
.center-img {
  width: 70%;
  margin: auto;
  margin-top: -350px;
  margin-bottom: 80px;
  opacity: 1;
  position: relative;
  z-index: 1
}
.animated.center-img {
  -webkit-animation: fadeUp 1s ease-in both;
  animation: fadeUp 1s ease-in both
}
.sec1 {
  margin-top: 250px
}
.sec1 .odd,
.sec1 .even {
  margin-bottom: 80px
}
.head {
  text-align: center;
  font-size: 35px;
  line-height: 53px;
  color: #102336;
  padding: 0 180px;
  margin-bottom: 90px;
  font-weight: 600
}
.sec1 .even .lhs {
  position: relative;
  width: 60%;
  left: -100px
}
.sec1 .even .rhs {
  width: 70%
}
.sec1 .odd .lhs {
  width: 40%
}
.sec1 .odd .rhs {
  position: relative;
  right: -100px
}
.mid-ban {}
.mid-ban a {}
.mid-ban img {
  width: 100%;
}
.animated .lhs {
  -webkit-animation: fadeInLeft 1.2s ease-in-out both;
  animation: fadeInLeft 1.2s ease-in-out both
}
.animated .rhs {
  -webkit-animation: fadeInRight 1.2s ease-in-out both;
  animation: fadeInRight 1.2s ease-in-out both
}
.sec2 {
  margin-bottom: 100px
}
.sec2 .my-container {
  max-width: 1400px;
  position: relative
}
.sec2 .my-container::before {
  content: "";
  position: absolute;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -35px -52px;
  background-size: 250px;
  width: 71px;
  height: 70px;
  right: 85px;
  top: -30px
}
.sec2 .lr-container {
  background-color: #fffae2;
  padding: 54px 80px;
  padding-bottom: 300px;
  overflow: hidden
}
.sec2 .lhs {
  width: 500px;
  vertical-align: top
}
.sec2 .lhs h2 {
  font-size: 34px;
  font-weight: 300;
  padding-left: 40px;
  display: inline-block;
  position: relative
}
.sec2 .lhs h2::after {
  content: '';
  background-position: -380px -936px;
  width: 86px;
  height: 66px;
  bottom: -70px;
  right: -12px
}
.sec2 .lhs h2 strong {
  display: block;
  font-weight: 500
}
.sec2 .sprite .man {
  background-position: -194px -452px;
  width: 348px;
  height: 653px;
  bottom: auto;
  left: 30px
}
.sec2 .sprite .building {
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-building.png) no-repeat 0 0;
  background-size: 760px 542px;
  width: 760px;
  height: 542px;
  left: -270px
}
.sec2 .rhs {
  width: calc(100% - 500px);
  padding-right: 100px
}
.sec2 ul {
  padding-left: 60px
}
.sec2 ul li:not(:last-child) {
  margin-bottom: 30px
}
.sec2 ul li h3 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 18px;
  position: relative
}
.sec2 ul li p {
  font-size: 18px
}
.sec2 .ic1::before {
  background-position: -7px -13px;
  width: 42px;
  height: 46px
}
.sec2 .ic2::before {
  background-position: -62px -15px;
  width: 41px;
  height: 41px
}
.sec2 .ic3::before {
  background-position: -115px -17px;
  width: 42px;
  height: 37px
}
.sec2 .ic4::before {
  background-position: -170px -15px;
  width: 38px;
  height: 42px
}
.sec2 .ic5::before {
  background-position: -221px -10px;
  width: 39px;
  height: 52px
}
.sec3 {
  margin-bottom: 70px;
  padding-right: 30px
}
.sec3 .my-container {
  background: #fff;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 6px 31px 0 rgba(130, 149, 156, 0.18);
  z-index: 1;
  border: .5px solid #fdf8e0;
  margin-top: -320px;
  padding: 60px
}
.sec3 .lhs {
  width: 400px
}
.sec3 .rhs,
.sec3 .lhs {
  opacity: 1
}
.sec3 .rhs {
  width: calc(100% - 400px)
}
.sec3 .lhs h2 {
  font-size: 30px;
  line-height: 45px;
  color: #000;
  font-weight: 200;
  padding-right: 70px;
  padding-left: 80px;
  position: relative
}
.sec3 .lhs h2 span {
  font-weight: 600;
  font-size: 40px
}
.sec3 .lhs h2::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-sprite.png) no-repeat 0 -553px;
  background-size: 541px 1554px;
  width: 207px;
  height: 208px;
  z-index: -1;
  top: -43px
}
.box {
  background: #fff;
  box-shadow: 0px 0px 8px 1.98px rgb(51 51 51 / 5%);
  padding: 30px 42px 30px 0;
  margin-bottom: 10px;
  border-radius: 3px;
  position: relative;
  transition: 1.5s;
  opacity: 1;
  transform: none
}
.box1 {
  border-left: 4px solid #e0cafe;
  transition-delay: 0
}
.box2 {
  border-left: 4px solid #fed7c6;
  transition-delay: 1s
}
.box3 {
  border-left: 4px solid #c7feef;
  transition-delay: 2s
}
.box4 {
  border-left: 4px solid #c6eefe;
  transition-delay: 3s;
  margin-bottom: 0
}
.box .head-link {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 15px;
  line-height: 28px;
  display: inline-block
}
.box p {
  font-size: 15px;
  line-height: 25px;
  font-weight: 300
}
.bcont {
  position: relative;
  padding-left: 140px
}
.bcont::before {
  content: "";
  position: absolute;
  left: 40px;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -13px -284px;
  background-size: 250px;
  width: 54px;
  height: 64px
}
.box2 .bcont::before {
  background-position: -73px -228px;
  height: 67px;
  width: 56px;
}
.box3 .bcont::before {
  background-position: -142px -235px;
  width: 64px;
  height: 60px
}
.box4 .bcont::before {
  background-position: -1px -203px;
  width: 57px;
  height: 66px;
}
@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
@keyframes fadeInLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
@keyframes fadeInRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
@-webkit-keyframes fadeUp {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
@keyframes fadeUp {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
  }
  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1
  }
}
.combine-box-outer {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: absolute;
  margin-top: 65px;
  left: 0;
  right: 0
}
.combine-box {
  box-shadow: 0 0 60px 7px rgba(61, 81, 91, 0.1);
  border-radius: 5px;
  background-color: #fff;
  float: left;
  width: 435px;
  height: 360px;
  padding: 40px 50px;
  color: #102336
}
.combine-box h3 {
  font-family: 'Zoho_Puvi_SemiBold', sans-serif;
  font-size: 21px;
  line-height: 36px;
  margin: 18px 0 20px
}
#scroll .combine-box ul {    padding: 0;
    list-style-type: none;}
.combine-box li {
  font-family: 'Zoho_Puvi_Regular', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 20px;
  padding-left: 48px;
  position: relative
}
.combine-box li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat 0 -2px;
  background-size: 250px 308px;
  width: 26px;
  height: 22px
}
.combine-box-1 {
  margin-right: 30px
}
.combine-box-1.is-shown {
  animation: fade-in .6s linear .4s both, slide-up .6s cubic-bezier(0.26, 0.67, 0.48, 0.91) .4s both
}
.combine-box-2.is-shown {
  animation: fade-in .6s linear .6s both, slide-up .6s cubic-bezier(0.26, 0.67, 0.48, 0.91) .6s both
}
.search-icon {
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -35px 0;
  background-size: 250px;
  width: 38px;
  height: 37px;
  display: block
}
.insights-icon {
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -97px -6px;
  background-size: 250px;
  width: 56px;
  height: 24px;
  display: block
}
@media (max-width: 1350px) {
  .sec1 .even .lhs {
    left: 0
  }
  .sec1 .odd .rhs {
    right: 0
  }
  .sec1 .rhs {
    padding-left: 30px !important
  }
}
@media screen and (max-width:1280px) {
  .banner .lhs {
    padding-left: 0
  }
  .sec3 {
    padding-right: 0
  }
  .sec3 .my-container {
    width: 90%
  }
  .sec2 .rhs {
    padding-right: 0
  }
  .sec2 .lhs .sprite {
    transform: scale(.8)
  }
  .sec2 .sprite .man {
    top: 20px
  }
  .sec2 .sprite .building {
    left: -230px
  }
}
@media (max-width: 1200px) {
  .banner .lhs {
    padding-right: 60px
  }
  .intro {
    padding: 60px 100px 300px
  }
  .combine-box {
    width: calc(50% - 15px);
    height: auto;
    min-height: 350px
  }
  .combine-box-outer {
    max-width: 100%;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 60px
  }
  .sec1 {
    margin-top: 200px
  }
}
@media (max-width: 1130px) {
  .sec2 .lhs {
    width: 400px
  }
  .sec2 .rhs {
    width: calc(100% - 400px)
  }
  .sec2 .lhs .sprite {
    transform: scale(.65)
  }
  .sec2 .sprite .building {
    left: -270px
  }
  .sec2 .sprite .man {
    left: 20px
  }
}
@media screen and (max-width:1024px) {
  .sec3 {
    padding-right: 0;
    margin-top: 50px
  }
  .sec3 .lhs {
    width: 100%;
    float: none;
    display: block
  }
  .sec3 .rhs {
    float: none;
    width: 100%;
    display: block;
    margin-top: 50px
  }
  .sec3 .my-container {
    margin-top: 50px;
    width: 90%;
    padding: 40px
  }
  .sec3 .lhs h2 {
    padding: 0;
    text-align: center
  }
  .sec3 .lhs h2::before {
    display: none
  }
  .box .head-link {
    line-height: 30px
  }
  .sec2 .lr-container {
    padding: 54px 80px
  }
}
@media (max-width: 992px) {
  .main h2 {
    font-size: 26px;
    line-height: 36px
  }
  .sprite,
  .banner .rhs,
  .intro-icon1,
  .intro-icon2,
  .sec2 .lhs h2::after {
    display: none
  }
  .banner {
    padding-bottom: 60px
  }
  .banner .lhs {
    display: block;
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0
  }
  .banner h1 {
    padding: 0 100px
  }
  .int .my-container {
    max-width: 1200px
  }
  .sec1 {
    margin-top: 70px
  }
  .intro {
    padding: 40px;
    margin: 0 20px;
    margin-bottom: 40px
  }
  .combine-box-outer {
    position: relative;
    width: 100%;
    max-width: 100%
  }
  .search-icon,
  .insights-icon {
    display: block
  }
  .sec1 {
    margin-bottom: 80px
  }
  .sec1 .lr-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    background-color: #fffdf4;
    border: 1px solid #fbf2cd;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 40px;
    row-gap: 40px;
    overflow: hidden
  }
  .sec1 .lr-container.even {
    background-color: #f9fdff;
    border: 1px solid #d2f2fd
  }
  .sec1 .lr-container.even .lhs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .sec1 .even .lhs,
  .sec1 .even .rhs,
  .sec1 .odd .lhs,
  .sec1 .odd .rhs {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .sec2 {
    margin-bottom: 80px
  }
  .sec2 .lr-container {
    display: block
  }
  .sec2 .lhs,
  .sec2 .lhs {
    display: block;
    width: 100%
  }
  .sec2 .rhs {
    width: 100%;
    text-align: center;
    float: none
  }
  .sec2 .lr-container {
    padding: 54px 80px
  }
  .sec2 .lhs h2 {
    display: block;
    font-size: 30px;
    text-align: center;
    padding-left: 0;
    margin-bottom: 40px
  }
  .sec2 ul li h3 {
    padding-bottom: 10px
  }
  .head {
    padding: 0 100px;
    margin-bottom: 70px
  }
}
.animated .box {
  opacity: 1;
  transform: translateY(0)
}
@media screen and (max-width:991px) {
  .main .lhs {
    opacity: 1
  }
  .main .rhs {
    opacity: 1
  }
  .box {
    opacity: 1;
    transform: translateY(0px)
  }
}
@media (max-width: 767px) {
  .banner .lhs {
    width: 100%
  }
  .banner h1 {
    padding: 0
  }
  .head {
    padding: 0;
    margin-bottom: 35px
  }
}
@media (max-width: 600px) {
  #titlediv {
    display: none
  }
  .main h2 {
    font-size: 20px;
    line-height: 30px
  }
  .combine-box-outer {
    margin-top: 30px
  }
  .main p {
    font-size: 14px;
    line-height: 26px
  }
  .banner h1 {
    font-size: 30px;
    line-height: 40px
  }
  .banner p {
    font-size: 14px;
    margin-bottom: 30px
  }
  .intro {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
  }
  .intro p:nth-child(4) {
    padding-bottom: 20px
  }
  .center-img {
    width: 100%;
    margin-bottom: 60px
  }
  .sec1,
  .sec2 {
    margin-bottom: 60px
  }
  .sec1 .lr-container {
    width: 100%;
    padding: 25px 18px;
    margin-bottom: 30px
  }
  .sec2 .my-container {
    max-width: 100%;
    width: 100%
  }
  .sec2 .lr-container {
    padding: 40px 25px
  }
  .sec2 .lhs h2 {
    font-size: 24px
  }
  .sec2 ul li p {
    font-size: 14px
  }
  .box {
    padding: 0 20px 30px
  }
  .bcont {
    position: relative;
    padding-left: 0;
    padding-top: 120px
  }
  .bcont::before {
    left: 0;
    top: 30px
  }
}
@media screen and (max-width:475px) {
  .sec3 .my-container {
    padding: 20px;
    margin-top: 30px
  }
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth
}
@keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes slide-up {
  from {
    transform: translateY(150px)
  }
  to {
    transform: translateY(0)
  }
}
.btn {
  display: inline-block;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center
}
.how-contents h2 {
  font-family: 'Zoho_Puvi_Bold', sans-serif;
  font-size: 36px;
  line-height: 48px;
  color: #102336
}
.how-contents h3 {
  font-family: 'Zoho_Puvi_Medium', sans-serif;
  font-size: 19px;
  line-height: 1.7;
  margin: 22px 0 15px;
  color: #102336
}
.how-contents h4 {
  font-family: 'Zoho_Puvi_SemiBold', sans-serif;
  font-size: 16px;
  line-height: 28px;
  margin: 40px 0 15px;
  color: #102336
}
.how-contents p {
  color: #102336
}
.how-btn {
  width: 100%;
  min-height: 51px;
  font-family: 'Zoho_Puvi_Medium', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #e8132a;
  border: 2px solid #e8132a;
  border-radius: 8px;
  padding: 12px 40px;
  margin-top: 40px;
  position: relative;
  text-align: left
}
.how-btn::before {
  content: "";
  position: absolute;
  right: calc(50% - 260px);
  top: 18px;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -176px -11px;
  background-size: 250px;
  width: 22px;
  height: 14px;
  display: inline-block
}
.how-btn:hover::before {
  background-position: -221px -10px
}
.how-btn:hover,
.how-btn:active,
.how-btn:active {
  border-color: #dd0021;
  background-color: #dd0021;
  color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25)
}
.threat-feed {
  margin-right: 25px;
  box-shadow: 0 0 62px 8px rgba(61, 81, 91, 0.12);
  border-radius: 5px;
  background: url(/sites/meweb/images/se/log-management/images/threat-intelligence-mob-sprite.png) no-repeat -120px -59px;
  background-size: 250px;
  width: 79px;
  height: 27px;
  display: inline-block
}
.is-shown.threat-feed {
  animation: fade-in .7s linear .6s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .6s both
}
.tf-icon-1 {
  width: 96px;
  height: 48px;
  background-position: -1px -140px;
  position: relative;
  top: 8px;
  display: inline-block
}
.tf-icon-1.is-shown {
  animation-delay: .25s
}
.tf-icon-2 {
  width: 85px;
  height: 79px;
  background-position: -120px -132px
}
.tf-icon-2.is-shown {
  animation-delay: .5s
}
.tf-icon-3 {
  width: 114px;
  height: 55px;
  background-position: -120px -59px;
  position: relative;
  top: 8px
}
.tf-icon-3.is-shown {
  animation-delay: .75s
}
@media screen and (max-width: 1250px) {
  .how-contents {
    float: none;
    width: 100%
  }
  .how-btn::before {
    right: calc(50% - 228px);
    top: 17px
  }
  .how-btn {
    font-size: 15px
  }
}
@media screen and (max-width:1050px) {
  .how-btn::before {
    right: calc(50% - 190px);
    top: 32px
  }
}
@media screen and (max-width: 1000px) {
  .combine-box {
    width: calc(50% - 15px);
    height: auto;
    padding: 40px 30px;
    min-height: 340px;
    padding-bottom: 30px
  }
}
@media screen and (max-width:992px) {
  .how-btn {
    max-width: 600px;
    padding: 15px 50px 15px 75px
  }
  .how-btn::before {
    right: calc(50% - 250px);
    top: 18px
  }
}
@media screen and (max-width:840px) {
  .combine-box {
    min-height: 410px
  }
}
@media screen and (max-width: 768px) {
  .combine-box {
    width: 100%;
    height: auto;
    margin: 0 auto 25px;
    min-height: auto
  }
  .combine-box:last-child {
    margin-bottom: 0
  }
  .how-btn {
    padding: 15px 50px
  }
  .sec2 .my-container::before {
    display: none
  }
}
@media screen and (max-width:750px) {
  .how-btn::before {
    right: calc(50% - 200px);
    top: 30px
  }
}
@media screen and (max-width:425px) {
  .how-btn {
    padding: 10px 35px 10px 20px;
    font-size: 14px
  }
  .how-btn::before {
    right: calc(50% - 150px);
    top: 24px
  }
}
@media screen and (max-width: 375px) {
  .combine-box {
    padding: 50px 20px
  }
  .how-btn::before {
    right: calc(50% - 100px);
    top: 37px
  }
}
@media screen and (max-width:325px) {
  .threat-feed {
    margin-right: 10px;
    margin-bottom: 15px
  }
}
@media screen and (max-width: 600px) {
  .how-contents h2 {
    font-size: 25px;
    line-height: 1.7
  }
  .combine-box {
    padding: 20px
  }
  .combine-box li {
    font-size: 14px;
    line-height: 24px
  }
}
.tile-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}
.sec3 .lhs,
.sec3 .rhs {
  animation: none
}
@media screen and (max-width : 1100px) {
  .banner .animated .rhs {
    animation: none;
    opacity: 1;
    transform: scale(.7);
    right: 75px;
  }
}
.accordion-pare-23 {
  margin-top: 80px;
}
.faq-23-com-all-pg {
  margin-bottom: 70px;
  padding: 0 200px;
}
.faq-23-com-all-pg h2 {
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  padding-bottom: 45px
}
.accordion-23 {
  padding: 0;
  border-bottom: 1px solid #D3D3D3;
  position: relative;
  display: inline-block;
  width: 100%
}
.accordion-23:last-child {
  border-bottom: 0;
}
.accordion-23 h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding: 25px 0;
  position: relative;
  cursor: pointer;
  transition: .3s ease-in;
  margin-left: 0
}
.accordion-23.opened h4 {
  padding-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 16px;
  font-weight: 500;
  color: #000;
  margin-left: 0;
  position: relative;
}
.accordion-23 h4:before {
  content: "";
  position: absolute;
  left: auto;
  right: 0px;
  width: 10px;
  height: 10px;
  line-height: 20px;
  text-align: center;
  border: 2px solid;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
  transition: .3s ease-in
}
.accordion-23.opened h4:before {
  transform: rotate(225deg);
  top: 40px
}
.panel {
  font-size: 15px;
  line-height: 30px;
  width: 100%;
  display: none;
  padding-bottom: 35px;
  font-weight: 300
}
.accordion-23:nth-of-type(1) {
  border-top: 1px solid #D3D3D3;
}
.accordion-23:nth-of-type(1) .panel {
  display: block
}
.accordion-23 .panel p {
  margin-top: 0;
  margin-bottom: 20px
}
.accordion-23.opened p:last-child {
  margin-bottom: 0
}
.accordion-23.opened h4 {
  color: #118CD6
}
.accordion-23 .panel ul {
  list-style: disc;
  padding-left: 20px
}
.accordion-23 .panel ul li {
  list-style: disc;
  padding-bottom: 15px;
}
.accordion-23 .panel ul li:last-child {
  padding-bottom: 0
}
.accordion-23 .panel ul li strong {
  font-weight: 600;
}
.accordion-23 .panel a {
  color: #0763ef
}
.accordion-23 .panel a:hover {
  text-decoration: underline
}
.accordion-23 .panel ul.foot-ic-main li {
  list-style-type: none;
  position: relative;
  padding-left: 35px
}
.foot-ic {
  position: absolute;
  background-image: url(/sites/meweb/images/se/log-management/images/faq-foot-23.png);
  background-repeat: no-repeat;
  background-size: 200px;
  width: 25px;
  height: 25px;
  left: 0;
  top: 5px
}
.foot-ic-main .f-ic-1 {
  background-position: -16px -136px
}
.foot-ic-main .f-ic-2 {
  background-position: -63px -139px
}
.foot-ic-main .f-ic-3 {
  background-position: -126px -141px
}
@media screen and (max-width:1050px) {
  .faq-23-com-all-pg {
    padding: 0 20px;
  }
}