/* template 2 */
h1 {
  margin-bottom: 0 !important;
}

@media (min-width: 576px) {
  h1 {
    margin-bottom: 16px !important;
  }
}

.nomensa__sector-card-img > div {
  height: 200px;
}

.nomensa__hero-row #section0_par0_grouping0-inner > .parsys {
  display: flex;
  flex-direction: column;
}
.nomensa__hero-row #section0_par0_grouping0-inner > div.parsys > div.grouping.parbase.section {
  flex: 5;
}

.lgi-grouping-responsive.upc-grouping-padding-container div.parsys > #background_fullwidth_templatesection_section_content_grouping_grouped_templated {
  position: relative;
  height: 280px;
  margin-left: -16px;
  margin-right: -16px;
  flex: unset;
}

.nomensa__templated-hero-svg-image {
  position: absolute;
  width: 100%;
  height: 759px;
  top: -500px;
  overflow: visible;
  left: 24px;
}

@media (min-width: 992px) {
  .nomensa__template-2 .lgi-grouping-responsive.upc-grouping-padding-container div.parsys > #background_fullwidth_templatesection_section_content_grouping_grouped_templated {
    flex: 5;
    overflow: visible;
  }
  .nomensa__hero-row #section0_par0_grouping0-inner > .parsys {
    flex-direction: row-reverse;
    overflow: visible;
  }
  .nomensa__template-2 .lgi-grouping-responsive.upc-grouping-padding-container div.parsys > #background_fullwidth_templatesection_section_content_grouping_grouped_templated {
    flex: 5;
  }
  .nomensa__templated-hero-svg-image {
    top: -460px;
    right: -258px;
    overflow: visible;
    width: 790px;
  }
}

/* @media (min-width: 576px) { */
/* @media (min-width: 768px) { */
/* @media (min-width: 992px) { */
/* @media (min-width: 1200px) { */
/* @media (min-width: 576px) { */

.nomensa__template-2.nomensa__template-2-hero .lgi-svg-container {
  position: relative;
  width: 100%;
}

.nomensa__template-2-hero-wrapper h1 {
  margin-bottom: 1.5rem;
  font-family: 'VM Circular Bold';
}

.nomensa__template-2 #section1-inner > div > div > div.lgisvg.title.section {
  width: 100%;
}

.nomensa__template-2 #section1-inner > div > div > div.lgisvg.title.section > div {
  width: 100%;
}

#nomensa__icon-arrows-down-small {
  top: -36px;
  z-index: 0;
  margin-top: -60px;
  margin-bottom: -6px;
}

.nomensa__template-2.nomensa__template-2-hero .section-responsive {
  overflow: hidden;
  padding-top: 59px;
}

.nomensa__template-2.nomensa__template-2-hero .section-responsive p {
  margin-bottom: 12px;
}

.nomensa__template-2.nomensa__template-2-hero  .lgi-svg-container object {
  max-width: unset;
}

#nomensa__template-2-hero-plectrum-svg {
  position: absolute;
  right: -300px;
  top: -320px;
  z-index: 1;
}

#nomensa__template-1-hero-img {
  overflow: visible;
  position: absolute;
  width: 100%;
  left: 4px;
}

.nomensa__template-2-carousel {
  padding: 20px 0px;
}

.nomensa__template-2.nomensa__call-back-form {
  position: relative;
  padding-top: 30px;
}

.nomensa__template-2 #section5-inner > div > div > div.header.title.section > div > h3 {
  position: absolute;
  bottom: 62px;
  z-index: 2;
  margin-bottom: 15px;
  width: 481px;
  font-weight: 600;
}

.nomensa__template-2.nomensa__get-connected-cards .nomensa__get-connected-background {
  width: 190%;
  position: absolute;
  background-color: white;
  border-radius: 0% 100% 64% 36% / 79% 0% 100% 21%;
  height: 1190px;
  left: -90px;
  top: -920px;
  pointer-events: none;
}

@media (min-width: 576px) {
  .nomensa__template-2.nomensa__get-connected-cards .nomensa__get-connected-background {
    width: 160%;
  }
}

.nomensa__template-2 #section5-inner {
  overflow: hidden;
  position: relative;
  padding-top: 30px;
  padding-bottom: 34px;
}

.nomensa__template-2 #section5-inner > div > div > div:nth-child(1) {
  overflow: visible;
  position: absolute;
  height: 1190px;
  width: 1000px;
  top: -1040px;
  pointer-events: none;
}

.nomensa__template-2.nomensa__get-connected-cards {
  position: relative;
}

.nomensa__template-2.nomensa__get-connected-cards .nomensa__get-connected-background-purple {
  background-color: #3e364a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.nomensa__get-connected-cards-row > .lgi-grouping-desktop > .lgi-grouping-responsive.upc-grouping-padding-container > div.parsys {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.nomensa__get-connected-card .header.title.section h6 {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 20px;
  margin-bottom: 9px;
}

@media (min-width: 576px) {
  .nomensa__get-connected-card .header.title.section h6 {
    padding-left: 21px;
    padding-right: 21px;
  }
}

.nomensa__get-connected-cards-row {
  margin-right: -17px;
  margin-left: -17px;
}

.nomensa__get-connected-cards-row .grouping.parbase.section {
  margin: 0 auto;
}

.nomensa__get-connected-card {
  background: white;
}

.nomensa__get-connected-card .nomensa__get-connected-body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nomensa__get-connected-card {
  margin-bottom: 16px;
}

.nomensa__get-connected-card .imageresponsive.section {
  width: 304px;
  height: 208px;
  position: relative;
}

.nomensa__get-connected-card .imageresponsive.section img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nomensa__get-connected-card {
  height: 365px;
}

@media (min-width: 576px) {
  .nomensa__get-connected-card {
    height: 415px;
  }

  .nomensa__get-connected-card {
    background: white;
    margin-left: 0;
  }

  .nomensa__get-connected-cards-row div.parsys .grouping.parbase.section {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 17px;
  }

  .nomensa__get-connected-card .nomensa__get-connected-body {
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 25px;
  }
}

/* these are here to override some weird styles in NOMDEV
 * TODO: fix these in NOMDEV, they should be in there then remove this override
 */
.nomensa__template-2.nomensa__call-back-form div.header.title.section > div > h3 {
  margin-bottom: unset !important;
}

.nomensa__sectors-header h2 {
  position: relative;
  bottom: 24px;
}

/* end of template 2 */