:root {
  --color-2: #ebf0f5;
  --color-3: #ced7e0;
  --color-4: #828382;
  --color-5: #adc6d6;
  --color-6: #4b4d4b;
  --color-7: #aba9a9;
  --color-8: #eeeeed;
  --color-9: #f2f2f2;
  --color-10: #666666;
  --black_2: #333;
  --blue-1: #2A619E;
  --blue-2: #337ab7;
  --blue-3: #67b9e8;
  --blue-4: #64a1bb;
  --gray-4: #585858;
  --green-1: #3dae2b;
  --green-2: #3b693d;
  --green-3: #ecf5d7;
  --purple-1: #41043a;
  --white: #ffffff;
  --black: #000;
  --green-light-s1: #CEDA6B;
  --green-dark-s1: #00A76F;
  --blue-dark-s1: #1B1C34;
  --violet-s1: #BA9CC5;
  --turquoise-s1: #048FA0;
  --orange-s1: #F9AE10;
  --green-light-s1-var1: #FAFBF0;
  --green-light-s1-var2: #F5F7E1;
  --green-light-s1-var3: #F0F3D2;
  --green-light-s1-var4: #E1E8A6;
  --blue-dark-s1-var1: #767685;
  --blue-dark-s1-var2: #e8e8ea;
  --blue-dark-s1-var3: #E6E6EA;
  --green-dark-s1-var1: #00422c;
  --green-dark-s1-var2: #66CAA8;
  --gray-1: #343434;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/nttdata_theme/assets/fonts/helvetica-neue/helveticaneue-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/nttdata_theme/assets/fonts/helvetica-neue/helveticaneue-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/nttdata_theme/assets/fonts/helvetica-neue/helveticaneue.woff2") format("woff2");
}
@font-face {
  font-family: "ABC Favorit Extended";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/nttdata_theme/assets/fonts/abc-favorit-extended/ABCFavoritExtended-Bold.otf") format("opentype");
}
@font-face {
  font-family: "ABC Favorit Extended";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/nttdata_theme/assets/fonts/abc-favorit-extended/ABCFavoritExtended-Medium.otf") format("opentype");
}
@font-face {
  font-family: "ABC Favorit Extended";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/nttdata_theme/assets/fonts/abc-favorit-extended/ABCFavoritExtended-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-Heavy.woff2") format("woff2");
}
@font-face {
  font-family: "Avenir Next Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-MediumCn.otf") format("opentype");
}
@font-face {
  font-family: "Avenir Next Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-Cn.otf") format("opentype");
}
@font-face {
  font-family: "Avenir Next Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-BoldCn.otf") format("opentype");
}
@font-face {
  font-family: "Avenir Next Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/nttdata_theme/assets/fonts/avenir-next/AvenirNext-HeavyCn.otf") format("opentype");
}
.related-products,
.products-list {
  position: relative;
  padding: 30px 0 0 0;
}
.related-products .field--name-field-related-products,
.related-products .field--name-field-products,
.products-list .field--name-field-related-products,
.products-list .field--name-field-products {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .related-products .field--name-field-related-products,
  .related-products .field--name-field-products,
  .products-list .field--name-field-related-products,
  .products-list .field--name-field-products {
    margin: 0;
  }
}
.related-products .field--name-field-related-products > .field__item,
.related-products .field--name-field-products > .field__item,
.products-list .field--name-field-related-products > .field__item,
.products-list .field--name-field-products > .field__item {
  width: calc(33% - 30px);
  margin: 0 15px;
  margin-bottom: 40px;
  min-height: 170px;
}
@media (max-width: 767px) {
  .related-products .field--name-field-related-products > .field__item,
  .related-products .field--name-field-products > .field__item,
  .products-list .field--name-field-related-products > .field__item,
  .products-list .field--name-field-products > .field__item {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.related-products .field--name-field-related-products > .field__item article,
.related-products .field--name-field-products > .field__item article,
.products-list .field--name-field-related-products > .field__item article,
.products-list .field--name-field-products > .field__item article {
  height: 100%;
}
.related-products.node-parent,
.products-list.node-parent {
  padding: 100px 0 70px;
}
@media (max-width: 767px) {
  .related-products.node-parent,
  .products-list.node-parent {
    padding: 40px 0;
  }
}
.related-products.node-parent > h2,
.products-list.node-parent > h2 {
  position: relative;
  color: var(--blue-dark-s1);
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 24px;
  text-align: center;
}
.related-products.node-parent::before,
.products-list.node-parent::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: var(--blue-dark-s1-var3);
  z-index: -1;
}

.products-list.node-parent {
  padding: 20px 0 0;
}
.products-list.node-parent h2 {
  text-align: left;
}
.products-list.node-parent::before {
  display: none;
}

/*# sourceMappingURL=related_products.css.map */