.heading-menu,
#scroll,
#allFea,
#customers,
.btmBar {
  display: none;
}

:root {
  --text-light: #FFF;
  --text-dark: #000;
  --light-sky-blue: #F6F9FC;
  --theme: linear-gradient(180deg, #C2E2FF 0%, #FFF 100%);
  --sky-blue: #EFF8FF;
  --light-green: #EFF8F1;
  --light-grey: #F9F9FA;
  --light-yellow: #FEF8ED;
  --button-color: #F0473D;
  --link-color: #0085FF;
  --tab-title-bg: #0085FF;
  --scope-title: #B3DAFF;
  --scope-bg: #F0FAFF;
  --padding: 45px;
  --border-radius: 10px;
  --h1-font: 54px;
  --h2-font: 36px;
  --h3-font: 24px;
  --h4-font: 20px;
  --p-font: 17px;
  --s-font: 12px;
  --m-font: 16px;
  --l-font: 32px;
  --xl-font: 48px;
  --xs-wgt: 200;
  --s-wgt: 300;
  --m-wgt: 400;
  --l-wgt: 500;
  --xl-wgt: 600;
  --n-gap: 24px;
  --m-top: 60px;
  --line-height-challenges: 327px;
}

.orange {
  color: #AC5F04;
}

.blue {
  color: #04A2AC;
}

.yellow {
  color: #AC9B04;
}

[data-animate="true"] {
  opacity: 0 !important;
  transform: translate(0, 50px) !important;
  transition: all ease 750ms !important;
}

.active[data-animate="true"] {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.compliance {
  position: relative;
  text-align: center;
  padding: 80px 40px;
}

.grey {
  background: var(--light-grey);
}

.compliance.banner-theme {
  background: var(--theme);
  padding-bottom: 0px;
}

.compliance .full-width {
  max-width: 100% !important;
}

.compliance .flex {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin: auto;
}

.compliance h1 {
  font-size: var(--h1-font);
  line-height: normal;
  font-weight: var(--xl-wgt);
  margin: 0 0 20px;
  color: var(--text-dark);
}

.compliance h2 {
  font-size: var(--h2-font);
  line-height: 50px;
  font-weight: var(--l-wgt);
  margin: 0 auto 20px;
  text-align: center;
  color: var(--text-dark);
}

.compliance h3 {
  font-size: var(--h3-font);
  line-height: normal;
  font-weight: var(--l-wgt);
  margin: 0 0 15px;
  color: var(--text-dark);
}

.compliance h3 strong {
  font-weight: 600;
}

.compliance h4 {
  font-size: var(--h4-font);
  line-height: 36px;
  margin: 0 !important;
  color: var(--text-dark);
}

.compliance p,
.compliance li {
  font-size: var(--p-font);
  line-height: 27.2px;
  font-weight: var(--s-wgt);
  margin: 0 0 30px;
  letter-spacing: .1px;
  color: var(--text-dark);
}

.compliance .cta-grp {
  grid-gap: 20px;
  justify-content: center;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.compliance .cta {
  font-size: 16px;
  line-height: normal;
  padding: 12px 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 105px;
  text-decoration: none;
  text-align: center;
  background-color: var(--button-color);
  color: var(--text-light);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  border: 1px solid var(--button-color);
  border-radius: 4px;
}

.compliance .cta.sd {
  color: var(--button-color);
  background-color: #fff;
}

.compliance .cta.link {
  color: var(--link-color);
  background-color: transparent;
  border: 1px solid var(--link-color);
}

.compliance.light-sky-blue {
  background-color: var(--light-sky-blue);
}

.compliance .cta.link-blue {
  background-color: var(--text-light);
  color: var(--link-color);
  border: 1px solid var(--link-color);
}

.compliance .cta.link-blue:hover {
  text-decoration: none;
  background: rgb(0, 133, 255);
  color: var(--text-light);
}


.compliance .parallax .content {
  width: auto;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 60px;
}

.compliance p.breadcrum span {
  margin: 0px 10px;
}

.compliance .parallax .content h1 {
  margin: 30px auto;
  max-width: 855px;
}

.compliance ul.highlights.flex .element {
  width: 100%;
  max-width: 200px;
  height: 110px;
  margin: 0px;
  padding: 5px 15px;
  position: relative;
}

.compliance ul.highlights.flex .element h3 {
  color: var(--link-color) !important;
  margin: 0px 0px 10px !important;
}

.compliance ul.highlights.flex .element p {
  margin: 0px;
}

.compliance ul.highlights {
  padding: 0px 10px 40px;
}

.compliance ul.highlights.flex .element:after {
  content: "";
  border-right: dotted var(--scope-title) 1px;
  position: absolute;
  height: 65px;
  width: 1px;
  top: 10%;
  right: 0px;
}

.compliance ul.highlights.flex .element:last-child::after {
  display: none;
}

.compliance .desc {
  max-width: 1200px;
  margin: auto;
}

.compliance .multi-layer-tab .multi-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 1090px;
  gap: 18px 14px;
  margin-top: 20px;
}

.compliance .multi-layer-tab .multi-wrapper .layer-list {
  font-size: 15px;
  padding: 6px 10px 6px 10px;
}

.compliance .multi-layer-tab .multi-wrapper .layer-list {
  padding: 6px 17px 6px 17px;
  font-size: 17px;
  margin: 0px;
  cursor: pointer;
  border-radius: 24px;
  border: 1px solid #CAD9FF;
  background-color: #FFF;
}

.compliance .multi-layer-tab .multi-wrapper .layer-list.active {
  background-color: var(--link-color);
  color: var(--text-light);
  pointer-events: none;
}

.compliance.why {
  padding: 4px 0px 40px;
}

.bg-wrapper {
  padding: 80px 40px;
}

.compliance.why .sticky {
  position: sticky;
  top: 48px;
  left: 0px;
  z-index: 9999;
  padding: 0px;
  background-color: var(--text-light);
}


.compliance.why .flex {
  max-width: 100%;
  grid-gap: 3px;
}

.compliance.why .flex li.feature-list {
  padding: 8px 20px;
  margin: 0px;
  background: #fff;
  box-shadow: 0px 0px 5px #e0e0e0;
  cursor: pointer;
}

.compliance.why .flex li.feature-list.active {
  border-bottom: solid var(--tab-title-bg) 3px;
  font-weight: var(--l-wgt);
  background: var(--theme);
}

.compliance .layer-content {
  margin: 20px 0px 40px 0px;
}

.compliance .layer-content .layer-list-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  grid-gap: 20px;
  opacity: 0;
  transition: all ease 50ms;
  display: none;
}

.compliance .layer-content .layer-list-content.active {
  opacity: 1;
  z-index: 100;
  position: relative;
  display: flex;
}

.compliance .layer-content .layer-list-content .image {
  width: 500px;
  position: relative;
  height: 360px;
}

.compliance .layer-content .layer-list-content .content {
  width: calc(100% - 580px);
  text-align: left;
}

.compliance .layer-content .layer-list-content .content h4 {
  font-weight: var(--l-wgt);
  font-size: 22px;
  margin: 0 0 10px !important;
}

.compliance .layer-content .layer-list-content .content span {
  font-weight: var(--l-wgt);
  font-size: 16px;
}

.compliance .layer-content .layer-list-content .content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 10px;
  margin: 10px 0 0;
}

.compliance .layer-content .layer-list-content .content li {
  margin: 0px;
  display: inline-flex;
  padding: 0px 7px;
  justify-content: center;
  align-items: center;
  background-color: #D2E9FF;
  font-size: 16px;
  border-radius: 4px;
}

.compliance .layer-content .layer-list-content .content p {
  margin: 0 0 20px
}

.compliance .cta.link-blue {
  background-color: var(--text-light);
  color: var(--link-color);
  border: 1px solid var(--link-color);
}

.why-nis2 {
  max-width: 1200px;
  margin: auto;
}

.compliance .layer-content .layer-list-content img {
  max-width: 1000px;
  width: 100%;
  box-shadow: 0px 0px 8px #bdbdbd;
}

.compliance.why .trigger-img img {
  box-shadow: none;
}

.compliance .why-nis2 h2 {
  margin: 0px 0px 30px;
}

.compliance.highlight {
  padding: 0px;
}

.compliance.why .features {
  max-width: 1200px;
  margin: auto;
}

.compliance.why .features>p {
  max-width: 80%;
  margin: 0px auto 20px;
}

.compliance .why .features {
  padding: 20px 0px 40px;
  max-width: 1100px;
  margin: auto;
}

.compliance.why .trigger-img {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 18px;
  box-shadow: 0px 0px 2px 5px #85858561 inset;
  border-radius: 50%;
  cursor: pointer;
}

.compliance.why .image-wrapper {
  position: relative;
}

.compliance.why .trigger-img[data-trigger="1"] {
  left: 440px;
}

.compliance.why .trigger-img[data-trigger="2"] {
  left: 150px;
}

.compliance .scope.features>.flex {
  align-items: stretch;
  grid-gap: 15px;
  margin: 60px 0px 30px;
}

.compliance .scope.features .box.flex {
  max-width: 300px;
  margin: 0PX;
  position: relative;
  background: #F0FAFF;
  border-radius: 30px;
  align-content: flex-start;
  padding: 45px 25px 15px;
  border: solid var(--scope-title) 1px;
}

.compliance .scope.features>.flex .box.flex:nth-child(1) {
  max-width: 650px;
  width: 100%;
  align-items: flex-start;
  grid-gap: 15px;
}

.compliance .scope.features .box.flex h4 {
  background: var(--scope-title);
  padding: 0px 18px;
  border-radius: 17px;
  font-size: var(--m-font);
  position: absolute;
  top: -15px;
  left: auto;
  right: auto;
  width: 110px;
}

.compliance .scope.features>.flex .box.flex:nth-child(1) .flex {
  width: 48%;
  margin: 0px;
}

.compliance .scope.features>.flex .box.flex .flex li {
  text-align: left;
  position: relative;
  width: 300px;
  padding: 0px 0px 10px 20px;
  margin: 0px;
}

.compliance .scope.features>.flex .box.flex .flex li:before {
  content: "";
  height: 15px;
  width: 15px;
  top: 6px;
  left: 0px;
  position: absolute;
  background: url(https://www.manageengine.com/ems/images/icon/compliance-page-tick.svg);
  background-repeat: no-repeat;
  background-size: 15px 15px;
}

.compliance .scope.features>.flex .box.flex .flex {
  width: 85%;
}

.compliance.why .pillars.features ul.flex {
  grid-gap: 23px;
  align-items: stretch;
  margin: 40px auto;
}

.compliance.why .pillars.features ul.flex li {
  border: 1px solid #CAD9FF;
  background: #fff;
  border-radius: 20px;
  width: 180px;
  min-height: 90px;
  padding: 20px;
  margin: 0px;
  align-content: center;
}

.compliance .scope.features>.flex.dora .box.flex {
  max-width: 1000px;
  padding: 50px;
}

.compliance .scope.features>.flex.dora {
  margin: 30px 0px 0px;
}

.compliance .scope.features>.flex.dora .box.flex ul.flex {
  width: 100%;
  grid-gap: 30px;
}

.compliance .scope.features>.flex.dora .box.flex ul.flex strong {
  display: block;
  font-weight: var(--l-wgt);
  color: #4e657b;
}

.compliance .scope.features>.flex.dora .box.flex ul.flex li {
  width: 100%;
  max-width: 400px;
}

.compliance table.requirements {
  max-width: 1100px;
  background: aliceblue;
  margin: auto;
}

.compliance table.requirements th {
  border: 1px solid #B3DAFF;
  background: #F0FAFF;
  padding: 18px 35px;
  text-align: left;
  border-bottom: solid #F0FAFF 1px;
  font-weight: 500;
  font-size: var(--m-font);
}

.compliance table.requirements td {
  padding: 25px 40px;
  border: solid var(--scope-title) 1px;
  background: #fff;
  text-align: left;
}

.compliance table.requirements td strong {
  font-weight: 500;
}

.compliance table.requirements td a {
  color: var(--link-color);
}

.compliance table.requirements ul {
  list-style: disc;
}

.compliance table.requirements ul {
  list-style: disc;
}

.compliance table.requirements ul {
  list-style: disc;
}

a.cta.secondary {
  color: var(--link-color);
  background: transparent;
  border: none;
  border-bottom: solid var(--link-color) 2px;
  border-radius: 0px;
  padding: 5px;
}

img.hcm-succes-stories-arrow-button {
  max-height: 25px;
}

.light-blue {
  background: #F0FAFF;
}

.reporting.features .flex {
  background: #fff;
  padding: 45px;
  width: 100%;
  max-width: 850px;
  border-radius: 30px;
  margin: 30px auto;
}

.compliance .cta.link-blue:hover {
  text-decoration: none;
  background: rgb(0, 133, 255);
  color: var(--text-light);
}

.light-blue {
  background: #F0FAFF;
}

.compliance.cust.light-blue li.box img {
  max-height: 65px;
  margin: 0px 0px 15px;
}

.compliance.cust.light-blue li.box {
  margin: 0px;
  width: 128px;
  z-index: 999;
}

.compliance.cust.light-blue ul.flex {
  gap: 60px 30px;
  margin: 60px auto 30px;
}

.compliance.cust.light-blue li.box p {
  margin: 0px;
  line-height: normal;
  font-size: var(--s-font);
}

.compliance.cust.light-blue li.box:hover {
  scale: 1.1;
  box-shadow: 0px 0px 5px #f1f1f1;
  transition: all .3s ease-in;
}

.compliance.reads .box {
  max-width: 180px;
  width: 100%;
  min-height: 180px;
  color: var(--text-dark);
  text-align: left;
  padding: 20px;
  text-decoration: none;
  font-size: 22px;
  line-height: 28px;
  font-weight: var(--l-wgt);
  cursor: pointer;
  background-size: 210px 210px;
  background-position: center;
  background-repeat: no-repeat;
}

.compliance.reads .flex {
  grid-gap: 25px;
  margin: 30px auto;
}

.compliance.reads .box:nth-child(1) {
  background: url(https://www.manageengine.com/products/desktop-central/images/nis2-tile-bg-1.png);
  background-size: 210px 210px;
  background-position: center;
  background-repeat: no-repeat;
}

.compliance.reads .box p {
  background-position: center;
  font-weight: var(--l-wgt);
  font-size: 20px;
  margin: 10px 0px;
}

.compliance.reads .box span {
  font-size: var(--m-font);
  display: block;
  margin: 0px 0px 10px;
}

.compliance.reads .box:nth-child(2) {
  background: url(https://www.manageengine.com/products/desktop-central/images/nis2-tile-bg-2.png);
  background-size: 210px 210px;
  background-position: center;
  background-repeat: no-repeat;
}

.compliance.reads .box:nth-child(3) {
  background: url(https://www.manageengine.com/products/desktop-central/images/nis2-tile-bg-3.png);
  background-size: 210px 210px;
  background-position: center;
  background-repeat: no-repeat;
}

.compliance.reads .box:hover {
  scale: 1.05;
  transition: all .3s ease-in-out;
}

.testimonial img {
  height: 70px;
}

.testimonial.flex {
  grid-gap: 0px;
  flex-direction: column;
  max-width: 800px;
}

.testimonial.flex h4 {
  font-weight: 500;
  font-size: var(--m-font);
}

.testimonial img.Quote {
  height: 40px;
}
.compliance.testimonial .flex {
    flex-direction: column;
}
/* inline form*/
.compliance.form-bank .flex > p {
    margin: 0px !important;
}
.compliance .inline-form {
  max-width: 1200px;
  width: 782px;
  padding: 0px 40px;
}

.compliance .inline-form .contactForm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  gap: 18px 32px;
  min-height: 500px;
  z-index: 2;
  position: relative;
}

.compliance .edi-btn.inline-form inputgroup label {
  transform: none;
  color: #000;
  font-size: 14px !important;
  line-height: normal;
  text-align: left;
  max-width: 100%;
}

.edi-btn.inline-form inputgroup input {
  border-radius: 6px !important;
  background-color: #FFF !important;
  width: calc(100% - 20px) !important;
  padding: 10px 6px 10px 10px !important;
}

.compliance .edi-btn.inline-form inputgroup input#Phone {
  left: 70px;
  position: relative;
  width: 290px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.inline-form inputgroup.field .half {
  width: 47%;
  max-width: 50%;
  padding-right: 0px;
}

.compliance .edi-btn.inline-form inputgroup.field.country-code .country-value {
  position: absolute;
  top: 32px;
  z-index: 1;
  left: 1px;
  background-color: #FFF;
  width: 51px;
  padding-left: 6px;
  overflow: hidden;
}

.compliance .edi-btn.inline-form inputgroup.field.country-code #country_code {
  width: 71px !important;
  top: 24px;
  position: absolute;
  border-radius: 6px 0px 0px 6px !important;
}

.inline-form inputgroup.field .half:first-child {
  padding-right: 15px;
}

.compliance .edi-btn.inline-form inputgroup.focus label {
  color: #000;
  transform: none !important;
  font-size: 15px !important;
}

.compliance .edi-btn.inline-form inputgroup select {
  background-color: #FFF !important;
  border-radius: 6px !important;
  margin-top: 0px !important;
}

.compliance .edi-btn.inline-form inputgroup.select:after {
  top: 45px;
}

.compliance .edi-btn.inline-form inputgroup.field.full {
  width: 100%;
  max-width: 98%;
}

.inline-form textarea#requirements {
  width: inherit !important;
  background-color: #FFF !important;
  border-radius: 6px !important;
  min-height: 80px;
  font-family: 'Zoho_Puvi_RegularItalic';
}

.compliance .edi-btn.inline-form inputgroup.field.full label {
  width: 100%;
  margin: auto;
  text-align: left;
}

.inline-form div[data-clickgdpr="formCTAgdpr"] {
  font-size: 14px;
  color: #000;
  text-align: left;
  margin: 10px 0px 6px;
  max-width: 100%;
}

.inline-form div[data-clickgdpr="formCTAgdpr"] a {
  color: #2753C1;
  text-decoration: underline;
}

.inline-form .fbutton .spl-submit#Submit {
  line-height: normal !important;
  padding: 14px 24px !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 105px;
  text-decoration: none;
  text-align: center;
  background-color: var(--button-color) !important;
  color: var(--text-light);
  text-transform: uppercase;
  cursor: pointer !important;
  justify-content: center;
  border: 1px solid var(--button-color) !important;
  border-radius: 4px !important;
  margin: 10px 0px 0px !important;
  font-family: 'Zoho_Puvi_RegularItalic';
}

.compliance .edi-btn.inline-form inputgroup.select.country-code:after {
  left: 57px;
  right: auto;
  z-index: 6;
  top: 44px;
  left: 54px;
}

.compliance .edi-btn.inline-form inputgroup.field {
  width: 375px;
  margin: 0px 0px 0px 0px;
  max-width: 80%;
  position: relative;
  z-index: 3;
}

.compliance .edi-btn inputgroup.select.country {
  margin: 0px;
}

.compliance .edi-btn inputgroup.half {
  width: 370px;
  margin: 0px;
}

.compliance .edi-btn inputgroup.button {
  margin: auto;
}

.compliance.cust.light-blue {
  position: relative;
}

.compliance.cust.light-blue:before {
  content: "";
  position: absolute;
  background: url(https://www.manageengine.com/products/desktop-central/images/nis2-compliance-bg-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 23%;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.compliance.cust.light-blue:after {
  content: "";
  position: absolute;
  background: url(https://www.manageengine.com/products/desktop-central/images/nis2-compliance-bg-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 30%;
  left: 0;
  bottom: 0;
  z-index: 0;
}

@media screen and (max-width:500px) {

  .compliance,
  .bg-wrapper {
    padding: 40px 20px;
  }

  .compliance .table-wrapper {
    width: 100%;
    overflow: scroll;
  }

  .compliance.why .image-wrapper,
  .compliance.why .sticky {
    display: none;
  }

  .reporting.features .flex {
    padding: 30px 0px;
  }

  .compliance .inline-form {
    padding: 0px 20px;
  }

  .compliance .scope.features>.flex .box.flex:nth-child(1) .flex,
  .compliance .scope.features .box.flex {
    width: 100%;
    max-width: 100%;
  }

  .compliance .scope.features>.flex {
    grid-gap: 50px;
  }
}

        div[success_msg] {
                top: 0px;
                position: fixed;
                display: flex !important;
        }

        div[success_msg].hide {
                display: none !important;
        }

        div[success_msg] {
                position: fixed;
                display: flex;
                background-color: #EDFFF1;
                padding: 10px;
                top: 100px;
                left: 0;
                right: 0;
                align-items: center;
                justify-content: center;
                z-index: 999;
                transition: all ease-out 500ms;
                width: max-content;
                margin: auto;
                padding: 10px 40px;
                text-align: center;
                border-radius: 10px;
                font-weight: 400;
        }

        div[success_msg]:before {
                content: '';
                width: 25px;
                height: 25px;
                background-color: #52DB6D;
                display: inline-block;
                border-radius: 50%;
                background-image: url('https://www.manageengine.com/ems/images/icon/tick-icon-1.svg');
                background-size: 60%;
                background-repeat: no-repeat;
                background-position: center;
                margin: 0 10px 0 0;
        }

        div[success_msg] p {
                line-height: normal;
                margin: 0;
        }
.compliance .list-cont ul {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 30px;
    flex-wrap: wrap;
}

.compliance .list-cont ul li {
    list-style: disc;
    margin: 0px 0px 20px 20px;
    font-weight: var(--m-wgt);
}

.compliance .features.inner-list ul {
    padding: 30px;
    background: aliceblue;
    border-radius: 20px;
    text-align: left;
    margin: 0px auto 30px;
    max-width: 1000px;
}

.compliance .features.inner-list ul li {
    list-style: disc;
    margin: 0px 0px 20px;
    margin-left: 8%;
}

.compliance .list-cont.features ul li {
    max-width: 330px;
    list-style-type: none;
    width: 100%;
    text-align: left;
}

.compliance .list-cont.features ul {
    align-items: stretch;
    margin: 30px auto;
}

.compliance .list-cont.features ul li a, .list-cont.features ul li .heading {
    color: var(--link-color);
    font-weight: var(--m-wgt);
    margin: 0px 0px 10px;
}

.compliance .no-background {
    background: transparent !important;
}
.compliance .tal {
    text-align: left !important;
}
.compliance .features.inner-list ol li {
    list-style-type: decimal;
}
.compliance .features.inner-list ul li p {
    margin: 0px 0px 20px;
}