.quotes {
  display: block;
  padding: 20px;
  width: 90%;
  margin-top: 25px;
  margin-bottom: 10px;
}
.quotes .row {
  margin: 15px;
  background: #f8f8f8;
  padding: 50px;
  position: relative;
  text-align: left;
}
.quotes .row :before,
.quotes .row :after {
  content: "";
  background: url(https://www.manageengine.com/products/netflow/images/quote-begin.png)
    top left no-repeat;
  width: 125px;
  height: 85px;
}
.quotes .row :before {
  content: "";
  position: absolute;
  top: -35px;
  left: -35px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
}
.quotes .row :after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: -35px;
  transform: scale(0.7) rotate(180deg);
  -webkit-ransform: scale(0.7) rotate(180deg);
  -moz-ransform: scale(0.7) rotate(180deg);
}
.quotes h3 {
  font-size: 14px;
  margin: 0;
  line-height: 25px;
  padding-bottom: 15px;
}
.quotes p {
  margin: 0;
  color: #a5a5a5;
  font-style: italic;
  font-size: 13px;
  line-height: 20px;
  width: 70%;
  float: left;
}
.cus-logo {
  background: url(https://www.manageengine.com/products/netflow/images/nfa-customers-logo.jpg)
    top center no-repeat;
  display: inline-block;
  margin-top: 5px;
  mix-blend-mode: multiply;
}
.eps {
  background-position: 0 0;
  width: 160px;
  height: 60px;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 40px auto;
}
.swiper-slide img {
  max-width: 100%;
}
.swiper-slide {
  text-align: center;
}
.swiper-button-next,
.swiper-button-prev {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination {
  position: inherit;
}
.swiper-pagination-bullets {
  bottom: 0 !important;
}

.scshtCont,
.scshtCont1 {
  width: 100%;
  position: relative;
  margin: 50px 0;
}
.scshtCont img,
.scshtCont1 img {
  width: 100%;
}
.scshtCont ul,
.scshtCont1 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
}
.scshtCont ul li,
.scshtCont1 ul li {
  margin: 0;
  padding: 0;
  display: none;
  border: 1px solid #000;
}
.scshtCont ul li.show,
.scshtCont1 ul li.show {
  display: block;
}
#scshtNextPrev,
#scshtNextPrev1 {
  position: absolute;
  top: -29px;
  width: 100%;
}
#scshtPrev,
#scshtNext,
#scshtPrev1,
#scshtNext1 {
  background: #0f0f0f;
  color: #ffffff;
  cursor: pointer;
  padding: 2px 10px;
}
#scshtPrev,
#scshtPrev1 {
  background: #0f0f0f;
}
h1 {
  font-size: 25px;
  line-height: 45px;
  color: #333;
  letter-spacing: -1px;
}

.refer-res {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0 !important;
}
.refer-res li {
  border-top: 1px solid #ececec;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.refer-res li a {
  color: #777;
  padding: 7px 0 7px 10px;
  display: block;
  text-decoration: none;
}
.refer-res li a:hover {
  color: #000;
  text-decoration: none;
}
#lhsBanCon {
  margin: 20px 0 20px 0;
}
.swiper-slide {
  text-align: center;
  display: block;
}

.swiper-slide > picture,
picture {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 16px;
  border: 1px solid#ddd;
}

picture {
  width: 100%;
  text-align: center;
}

.swiper-slide p {
  margin: 0;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

#commonHeader *,
#newtopheader *,
.sec-pTB *,
.btmBar * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

a,
a:hover {
  text-decoration: none;
  cursor: pointer;
}

figure {
  margin: 0;
}

img {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

::selection {
  background: transparent;
  color: #3f8ed9;
}

::-moz-selection {
  background: transparent;
  color: #3f8ed9;
}

html,
body {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.rhs-cont {
  padding-top: 0;
}
.rhs-cont .banner {
  margin-top: 30px;
}

.banner-wrapper {
  position: relative;
  background: #ffd242;
  margin: 30px 0px;
}

.banner-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.banner-row > .col {
  padding: 1.5rem 1rem;
  position: relative;
}

.banner-row > .col:nth-child(1) {
  width: 60%;
}

.banner-row > .col:nth-child(2) {
  width: 40%;
}

.banner-row > .col.full-width {
  width: 100%;
}

.banner-contents > h1 {
  margin-bottom: 8px;
  font-size: 35px;
  line-height: 45px;
  color: #333;
  letter-spacing: -1px;
  font-weight: 400;
}

.banner-contents > p {
  margin: 0;
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 16px;
}

.banner-cta {
  display: flex;
  gap: 16px;
}

.banner-cta > a {
  background: #282828;
  display: inline-block;
  border: 1px solid #282828;
  color: #fff;
  font-size: 14px;
  padding: 8px 24px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.banner-cta > a:hover {
  text-decoration: none;
  background: #545454;
  border: 1px solid #545454;
}

.banner-cta > a:nth-child(2) {
  background: transparent;
  color: #000;
}

.banner-cta > a:nth-child(2):hover {
  background: #fff;
  color: #000;
}

.banner-vid {
  text-align: center;
}

.banner-vid > p {
  margin: 0;
}

.video-pop {
  display: inline-block;
  position: relative;
}

.video-pop > img {
  width: 100%;
  border-radius: 4px;
  background: #fff;
}

.video-pop:before {
  content: "";
  position: absolute;
  background: url(../images/vid-play-icon.png) top center no-repeat;
  border-radius: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 64px;
  width: 64px;
  height: 64px;
  right: auto;
  top: auto;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.video-pop:hover:before {
  -webit-transform: translate(-50%, 50%) scale(1.2);
  transform: translate(-50%, 50%) scale(1.2);
}

@media screen and (max-width: 1024px) and (min-width: 761px) {
  .banner-row > .col {
    width: 100% !important;
  }
}

@media screen and (max-width: 650px) {
  .banner-row .col {
    width: 100% !important;
    margin: 0 auto;
    flex: auto;
    margin: 8px;
  }
}

p {
  line-height: 28px;
}

.demo-strip p {
  display: inline-block;
  width: 86%;
  font-size: 14px;
}

.demo-strip {
  border: 0.5px solid #fff9d9;
  width: 100%;
  -webkit-box-align: center;
  padding: 10px 0;
  vertical-align: middle;
  text-align: center;
  /* font-size: 16px; */
  line-height: 25px;
  background-color: #fff9d9;
  margin: 40px 0px;
}

.demo-icon {
  position: relative;
  top: -15px;
  right: 0px;
  margin: 0 0 !important;
  width: 6%;
}

.h2 {
  display: inline-block;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 24px;
  line-height: 0px;
}

.flex-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 365px;
}

.content-list strong {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.content-list li {
  margin-bottom: 25px;
  line-height: 28px;
}

.grey-box {
  background: #f9f9f9;
  padding: 30px 20px;
  text-align: center;
  margin: 0px 0px 25px;
  display: inline-block;
  width: 100%;
}

.grey-box a {
  background: #e9152b;
  border-radius: 50px;
  font-size: 14px;
  padding: 10px 30px;
}

.grey-box h3 {
  margin: 0 0 20px;
}

.btn-list {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.btn-list li {
  list-style: none;
  display: inline-block;
}

.btn-list li a {
  border: 1px solid #b0b0b0;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 50px;
  margin: 8px 0px;
  color: #848484;
}

.btn-list li a:hover {
  color: #2dad72;
  border: 1px solid #2dad72;
}

.circle-list li {
  list-style-type: circle;
}

.sec-pTB2 {
  padding: 10px 0 30px;
}

.mt0 {
  margin-top: 0;
}

h3 {
  font-size: 18px;
}

.mobile-sec .zoomicon {
  margin: 0px;
  border: none;
}

.video-sec {
  margin-bottom: 50px;
}

.video {
  padding-left: 30px;
}

#id-sec {
  color: #138cd6;
}

.list-sec2 {
  margin: 5px 30px 30px !important;
  color: #138cd6;
}

.list-sec2 ol {
  color: #138cd6;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mobile-sec {
  margin-bottom: 30px;
}

.opmPlusSlider2 img {
  border: 1px solid #ddd;
}

.mb30 {
  margin-bottom: 30px;
}

#AwardsHonors ul {
  margin: 0;
}

#AwardsHonors ul li {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  width: 200px;
  background: #f9f9f9;
  min-height: 327px;
  padding: 0;
  border: 1px solid #e9e9e9;
}

#AwardsHonors ul li a {
  display: block;
  color: #000;
}

#AwardsHonors ul li a:hover {
  color: #138cd6;
}

#AwardsHonors ul li span {
  display: block !important;
}

.logo-wrapper {
  display: block;
  width: 100%;
  padding: 16px;
  background: #fff;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.awards {
  position: relative;
  background: url(../images/awards-honors-sprite.png) top left no-repeat;
  width: 190px;
  height: 118px;
  margin: 0 auto;
  transform: scale(0.85);
  left: -6px;
}

.gartner-choice {
  background-position: -10px -2px;
}

.network-world {
  background-position: -210px -2px;
}

.gartner-mq {
  background-position: -408px -2px;
}

.infotech {
  background-position: -611px -2px;
}

.div-awards-ct {
  padding: 16px;
}

.min-height-sm {
  min-height: 280px !important;
}

@media screen and (max-width: 1024px) {
  #AwardsHonors ul li {
    width: 100%;
    min-height: auto;
  }

  .main-heading:after {
    bottom: -8px;
  }

  #AwardsHonors ul {
    padding: 10px 0;
  }

  .video {
    margin: 0 auto;
    text-align: center;
    padding-left: 0px;
  }
}

/*related resource style begin*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
  padding-top: 0;
  padding-bottom: 0;
}

.row > * {
  padding-left: 12px;
  padding-right: 12px;
  max-width: 100%;
}

.row.g-0 {
  margin-right: 0;
  margin-left: 0;
}

.row.g-0 > * {
  padding-left: 0;
  padding-right: 0;
}
.col {
  margin: 0 !important;
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}

.related-resource-section h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}

.related-resource-section .related-resource-img {
  margin-top: 40px;
  max-width: 360px;
  width: 100%;
  height: auto;
}

.related-resource-section .resource-card {
  border: 1px solid #efefef;
  border-radius: 12px;
  /* margin-left: 32px; */
}

@media screen and (max-width: 1199.98px) {
  .related-resource-section .resource-card {
    margin: 40px 0 0;
  }
}

.related-resource-section .resource-wrapper {
  padding: 24px;
  border-right: 1px solid #efefef;
}

.related-resource-section .resource-link-item.featured {
  margin-bottom: 32px;
}

.related-resource-section .resource-link-list li a:hover {
  text-decoration: underline;
}

.related-resource-section .resource-link-list li {
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.75;
  padding-left: 0;
}

.related-resource-section .resource-link-list li:last-child {
  margin-bottom: 0;
}

.related-resource-section .resource-link-list li a {
  color: inherit;
}

.related-resource-section .resource-link-list li a svg {
  vertical-align: sub;
}

.related-resource-section .resource-link-list li a span {
  margin-right: 4px;
}

.related-resource-section .resource-other-wrapper {
  padding: 24px 24px 24px 0;
}

.related-resource-section .resource-other-wrapper .resource-other-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  text-decoration: none;
}

.related-resource-section
  .resource-other-wrapper
  .resource-other-item:nth-child(1),
.related-resource-section
  .resource-other-wrapper
  .resource-other-item:nth-child(2) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #efefef;
}

.related-resource-section .resource-other-wrapper .resource-other-item:hover {
  text-decoration: none;
}

.related-resource-section .resource-other-wrapper .resource-other-item .h5 {
  line-height: 32px;
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.related-resource-section .resource-other-wrapper .resource-other-item .p {
  font-size: 1rem;
  line-height: 1.75;
}

.related-resource-section
  .resource-other-wrapper
  .resource-other-item
  .resource-other-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.related-resource-section
  .resource-other-wrapper
  .resource-other-item
  .anchor-text {
  color: #006deb;
  display: flex;
  align-items: center;
}

.related-resource-section
  .resource-other-wrapper
  .resource-other-item
  .resource-other-icon {
  margin-right: 20px;
}

.related-resource-section
  .resource-other-wrapper
  .resource-other-item
  .resource-other-icon
  svg {
  width: 32px;
  height: 38px;
}

.related-resource-section .resource-other-wrapper .resource-other-item a {
  font-size: 1rem;
}

.related-resource-section ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

@media screen and (max-width: 1199.98px) {
  .related-resource-title-wrapper {
    text-align: center;
  }
}

@media screen and (max-width: 767.98px) {
  .resource-other-wrapper {
    padding: 24px !important;
  }

  .resource-wrapper {
    border-right: 0 !important;
  }
}

.padtb1 {
  padding: 32px 0;
}

.img-center {
  text-align: center;
}

.inner-nav-bg {
  background: #f9f9f9;
  text-align: center;
  z-index: 3;
  padding: 20px 0;
  margin-bottom: 24px;
}

.sticky {
  position: sticky !important;
  top: 50px;
}

.sticky-nav {
  list-style: none !important;
  margin: 0;
  padding: 0 !important;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.sticky-nav > a {
  border: 1px solid #cde0e9;
  background: #fff;
  padding: 4px 16px;
  transition: all 0.3s;
}

.sticky-nav > a:hover {
  text-decoration: none;
  background: #548afa;
  color: #fff;
}

/*related resource style end*/

/* Customer review and case study */

.gartner-logo > img {
  max-width: 200px;
}

.ct-itom {
  width: 87%;
  max-width: 1000px;
  margin: 0 auto;
  border: 1px solid #ececec;
  padding: 12px;
  border-radius: 8px;
  text-align: left;
}

.prodcut-name {
  background: #ececec;
  display: inline-block;
  padding: 4px 12px;
}

.ct-itom p,
.ct-itom h3 {
  margin: 0;
}

.ct-itom h3 {
  margin: 8px 0;
}

.ct-itom > .desc {
  margin-top: 16px;
}

.industry-name {
  color: #5a5a5a;
  font-style: italic;
}

.ct-itom > a {
  display: inline-block;
  padding: 8px 16px;
  background: #525252;
  color: #fff;
  border-radius: 32px;
  margin-top: 16px;
  transition: all 0.3s ease-in-out;
}

.ct-itom > a:hover {
  text-decoration: none;
  background: #f51a1c;
}

.itom-wrapper {
  position: relative;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-box-shadow:0px 0px 4px rgb(34 35 58 / 20%);box-shadow:0px 0px 4px rgb(34 35 58 / 20%);*/
}

.review-details > span {
  display: inline-block;
  box-sizing: border-box;
  padding: 4px 12px;
  border-radius: 8px;
}

.review-details > .rev-role {
  background: #faefef;
  margin-right: 8px;
}

.review-details > .rev-role > strong {
  padding-right: 8px;
}

.review-details > .company-size {
  background: #eef3fd;
}

.review-content {
  width: 87%;
  margin: 0 auto;
  border: 1px solid #ececec;
  padding: 12px;
  border-radius: 8px;
  text-align: left;
}

.review-prd {
  font-weight: 400;
  font-size: 16px;
  border-bottom: 3px solid #e8e8e8;
}

.review-head {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 30px;
}

.review-org {
  margin-bottom: 8px;
  font-style: italic;
}

.review-desc {
  position: relative;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 8px;
}

.review-desc,
.gartner-logo {
  padding: 12px 24px;
}

/* Customer review and case study end */

.dwnld-sec {
  background: #ffedb5;
  padding: 24px;
  text-align: center;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 24px 0 #f1f1f1;
  box-shadow: 0 0 24px 0 #f1f1f1;
}

.dwnld-sec > h2 {
  margin: 0;
  margin-bottom: 16px !important;
  line-height: 32px;
}

.dwnld-sec > a {
  display: inline-block;
  background: #e9152b;
  color: #fff;
  padding: 8px 24px;
  border-radius: 25px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dwnld-sec > a:hover {
  text-decoration: none;
  background: #c91c2e;
}

.pad-tb-md {
  padding: 40px 0;
}

.pad-b-md {
  padding-bottom: 40px;
}

.pad-t-md {
  padding-top: 40px;
}

.mar-t-md {
  margin-top: 30px;
}

.ul-padb > li {
  padding-bottom: 16px;
}

.ul-padb > li:last-child {
  padding-bottom: 0;
}

.divTable {
  display: table;
  width: 100%;
}

.divTableRow {
  display: table-row;
}

.divTableHeading {
  background-color: #eee;
  display: table-header-group;
}

.divTableCell,
.divTableHead {
  border: 0.5px solid #999999;
  display: table-cell;
  padding: 10px;
}

.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}

.divTableBody {
  display: table-row-group;
}

.divTable.two-col-tbl .divTableCell {
  width: 50%;
}

/* Related article */
.more-op-fea {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.more-op-fea > a {
  align-items: center;
  border: 1px solid #e9f1f7;
  margin: 8px;
  min-height: 50px;
  padding: 16px 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #fff;
  color: #000;
  text-align: center;
}

.more-op-fea > a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 8px 24px 0 #e7e5e5;
  box-shadow: 0 8px 24px 0 #e7e5e5;
  background: #fff;
  border: 1px solid #dbdbdb;
  color: #138cd6;
}

.more-op-fea > a > img {
  max-width: 48px;
  padding-right: 16px;
}

.more-op-fea > a span:last-child {
  margin: 10px 0px;
  display: inline-block;
}

.blog-desc {
  display: block !important;
}

.blog-title {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.4;
}

@media screen and (max-width: 949px) {
  .more-op-fea {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .more-op-fea > a {
    text-align: left;
  }
}
/*---- faq section begin ----------*/

/*------- accordian css -------*/
.faq-content-section {
  margin: 60px 0px 60px;
}

.text-center {
  text-align: center;
}

.faq-content-section .accordion-container {
  max-width: 980px;
  margin: 0 auto;
}

.faq-content-section h2 {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 500;

  letter-spacing: -0.5px;
}

.faq-content-section h3 {
  font-weight: 500;
}

.accordion-container {
  width: 100%;
}

.accordion-container .accordion-item {
  border-bottom: 1px solid #ebeae7;
  cursor: pointer;
  padding: 20px 0;
}

.accordion-container .accordion-item h4,
.accordion-container .accordion-item h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.35px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 16px;
}

.accordion-container .accordion-item .accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accordion-container .accordion-item .accordion-head.active .plusminus::before {
  content: "−";
}

.accordion-container .accordion-item .accordion-head.active h3 {
  color: #006deb;
}

.accordion-container .accordion-item .accordion-body {
  padding-top: 16px;
  max-width: 90%;
}

.accordion-container .accordion-item .accordion-body p a {
  color: #000;
}

.accordion-container .accordion-item .plusminus {
  font-size: 24px;
  font-weight: 200;
  border: 1px solid #444444;
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  color: #444444;
  position: relative;
  top: 0;
}

.accordion-container .accordion-item .plusminus::before {
  position: absolute;
  content: "+";
  top: 0px;
}

.accordion-container .accordion-body {
  display: none;
}

@media screen and (max-width: 767.98px) {
  .faq-content-section .apm-features-detail-container {
    padding: 60px 0px;
  }

  .apm-seo-main-wrapper .sec-padding-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*---- faq section end ----------*/

/*========== trusted section begin ==============*/
.trusted-section * {
  box-sizing: border-box;
}

.trusted-section {
  margin-top: 80px;
}

.trusted-section h2 {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 500;
  margin: 0 0 60px;
  letter-spacing: -0.5px;
}

.trusted-section .nfa-features-detail-container .row {
  display: flex;
  flex: 1;
}

.trusted-section .nfa-features-detail-container .row .col-12 {
  display: flex;
}

.trusted-section .sec-header {
  margin-bottom: 60px;
}

.trusted-section .customer-card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 54px 24px 16px;
  gap: 24px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 24px;
  border: 1px solid #d4d4d4;
  flex-direction: column;
  position: relative;
}

.trusted-section .customer-card .quote-icon {
  display: flex;
  align-items: center;
  position: absolute;
  left: 24px;
  height: 60px;
  width: 60px;
  background: #fad677;
  border-radius: 50px;
  top: 0;
  margin-top: -30px;
  justify-content: center;
}

.trusted-section .customer-card-content p {
  margin: 0px;
  display: -webkit-box;
  /* -webkit-line-clamp: 4; */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trusted-section .customer-card-content .rating-star {
  margin: 24px 0px 12px;
}

.trusted-section .customer-card-content .name-card h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .trusted-section .customer-card {
    margin-bottom: 48px;
  }

  .trusted-section .nfa-features-detail-container .row {
    display: block;
  }

  .trusted-section .nfa-features-detail-container .row .col-12 {
    display: flex;
    width: 100%;
  }
}
/*========== trusted section end ==============*/

/* bottom download section style begin */
.feature-bottom-cta-card {
  padding: 32px;
  background: linear-gradient(340deg, #ffefbd, #ffe287);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feature-bottom-cta-card .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 575.98px) {
  .feature-bottom-cta-card .row {
    gap: 32px;
  }
}

.feature-bottom-cta-card .feature-bottom-cta-content h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}

.feature-bottom-cta-card .feature-bottom-cta-content h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.35;
}

.feature-bottom-cta-card .feature-bottom-cta-image {
  text-align: right;
}

.feature-bottom-cta-card .feature-bottom-cta-image img {
  max-width: 280px !important;
  width: 100%;
  /* margin: 0 -12px -32px 0; */
}
.opu-btn-primary {
  font-family: inherit;
  font-weight: 300;
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  text-decoration: none;
  background: #e80e19;
  color: #ffffff;
}

.opu-btn-primary.opm-btn-icon {
  padding: 8px 12px 8px 16px;
}

.opu-btn-primary.opm-btn-icon > span:last-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* bottom download section style end */