.modern-partners--hero {
  position: relative;
  background: #0f1d35;
  color: #fff;
  width: 100%;
  height: 329px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.modern-partners--hero .h1 {
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.modern-partners--hero__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 240px;
  margin: 0 auto;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="210" height="240" viewBox="0 0 210 240" fill="none" ><path fill-rule="evenodd" clip-rule="evenodd" d="M99.819 1.88619C102.913 0.100186 106.725 0.100183 109.818 1.88619L204.447 56.516C207.542 58.3023 209.448 61.6037 209.447 65.1765L209.442 174.434C209.441 178.007 207.535 181.309 204.441 183.095L109.806 237.725C106.712 239.511 102.9 239.511 99.8065 237.725L5.17732 183.095C2.08317 181.309 0.177168 178.007 0.177358 174.434L0.183143 65.1765C0.183332 61.6037 2.08968 58.3023 5.18402 56.516L99.819 1.88619Z" fill="white" /></svg>');

  }

  .modern-partners--hero__logo::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 467px;
    height: 244px;
    margin-top: -48px;
    margin-left: -233px;
    background: url('/modules/contrib/egnyte_site_builder/modules/egnyte_blocks/egnyte_hero/templates/images/app-integration/polygons.svg');
  }

  @media screen and (max-width: 767.98px) {
    .modern-partners--hero {
      padding-top: 40px;
      padding-bottom: 40px;
      height: auto;
      text-align: center;
    }

    .modern-partners--hero a {
      margin: 10px auto 25px auto;
    }

    .modern-partners--hero .h1 {
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
  }
.modern-partner--app-intergration-intro {
  margin-top: 80px;
  margin-bottom: 50px;
}

.modern-partner--app-intergration-intro .p {
  font-feature-settings: 'clig' off, 'liga' off;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 130% */
}

@media screen and (max-width: 991.98px) {
  .modern-partner--divider {
    margin: 50px 0;
  }
}
.modern-partners--two-col {
  display: flex;
  align-items: center;
  height: auto;
  padding-top: 66px;
  padding-bottom: 66px;
}

.modern-partners--two-col .modern-partners--two-col__copy p {
  font-family: Metric;
  font-style: normal;
  font-weight: 400;
  line-height: 152%;
  margin-top: 30px;
  font-size: 22px;
}

@media screen and (max-width: 991.98px) {
  .modern-partners--two-col .grid-row .grid-col--5 {
    text-align: center !important;
  }

  .modern-partners--two-col img {
    margin: 25px auto;
  }

  .modern-partners--two-col .modern-partners--two-col__copy {
    max-width: 100% !important;
  }

  .modern-partners--two-col .modern-partners--two-col__copy p {
    font-size: 20px;
  }
}

@media screen and (max-width: 767.98px) {
  .modern-partners--two-col .modern-partners--two-col__copy {
    padding-left: initial;
    padding-right: initial;
  }
}
.modern-partners--cards .h2 {
  font-size: 34px;
}

.modern-partners--cards .modern-partner--cards-item {
  position: relative;
  border-radius: 8px;
  padding: 31px;
  height: 380px;
  border: 1px solid #e1e9eb;
  background: #fff;
  box-shadow: 0px 113px 32px 0px rgba(0, 0, 0, 0.00), 0px 72px 29px 0px rgba(0, 0, 0, 0.00), 0px 41px 24px 0px rgba(0, 0, 0, 0.02), 0px 18px 18px 0px rgba(0, 0, 0, 0.03), 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
  margin-bottom: 25px;
  cursor: pointer;
}

.modern-partners--cards .modern-partner--cards-item a:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.modern-partners--cards .modern-partner--cards-item:hover {
  transform: translateY(-8px);
}

.modern-partners--cards .modern-partners--card-header .h4 {
  font-size: 25px;
}

.modern-partners--cards .p {
  font-feature-settings: 'clig' off, 'liga' off;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 130% */
}

.modern-partners--cards .more-link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 30px;
}

/* Responsive Styles */
@media (max-width: 1280px) {
  .modern-partners--cards .modern-partner--cards-item {
    height: auto !important;
    min-height: 100% !important;
  }
}

@media (max-width: 991.98px) {
  .modern-partners--cards .h2 {
    font-size: 30px;
  }
}

@media (max-width: 575.98px) {
  .modern-partners--cards .modern-partner--cards-item {
    padding: 40px;
  }
}


.app-integration-feature__category {
    border: 1px solid #E1E9EB;
    border-radius: 6px;
    padding: 35px 5px;
    background: #fff;
    z-index: 9;
}

.app-integration-feature__category ul {
    margin-left: 20px;
    font-size: 19px;
    font-family: metric-medium;
    padding: 0 30px;
}

.app-integration-feature__category h3 {
    font-size: 24px;
    line-height: 26px;
    font-family: metric-bold;
    color: #003F65;
    padding: 0 30px;
}

.resources__blog .resources__blog-link {
    font-family: Metric-semibold;
    display: flex;
    align-items: baseline;
    justify-content: center;
    cursor: pointer;
    padding: 8px 30px;
    line-height: 23px;
    font-size: 19px;
    line-height: 26px;
    color: #35364E;
}

.resources__blog-link img {
    margin-right: 10px;
}

.normal__txt {
    font-family: metric;
}

.category__blog li {
    font-family: Metric-semibold;
}

.category__blog li::before {
    content: "•";
    color: #0BC5BA;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.app-integration-feature .app-integration-feature__col .app-integration-intro-left:nth-child(2) {
    margin-top: 64px;
}

.app-integration-feature__quote {
    padding-left: 70px;
}