: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");
}
.paragraph--type--info-box {
  margin: 30px 0;
}
.paragraph--type--info-box .box {
  padding: 20px 30px;
}
.paragraph--type--info-box .box .field--name-field-title {
  font-size: 20px;
  font-weight: 600;
  font-display: swap;
  color: var(--blue-dark-s1);
  margin: 5px 0 0;
  text-align: center;
}
.paragraph--type--info-box .box .field--name-field-infobox-text {
  margin-top: 16px;
  margin-bottom: 24px;
}
.paragraph--type--info-box .box .field--name-field-read-more .field__item {
  border-radius: 30px;
  margin: 30px auto 15px auto;
  padding: 14px 18px;
  width: fit-content;
  font-weight: 500;
  cursor: pointer;
}
.paragraph--type--info-box .box .field--name-field-read-more .field__item a {
  text-decoration: none;
}
.paragraph--type--info-box .box[data-color="#003e52"] .field--name-field-title,
.paragraph--type--info-box .box[data-color="#003e52"] .field--name-field-infobox-text {
  color: var(--color-2);
}
.paragraph--type--info-box .box[data-color="#003e52"] .field--name-field-read-more .field__item {
  background-color: var(--color-1);
  border: 1px solid var(--green-1);
}
.paragraph--type--info-box .box[data-color="#003e52"] .field--name-field-read-more .field__item a {
  color: var(--green-1);
}
.paragraph--type--info-box .box[data-color="#f0f0f0"] .field--name-field-read-more .field__item {
  background-color: var(--blue-dark-s1);
  border: 1px solid var(--blue-dark-s1);
}
.paragraph--type--info-box .box[data-color="#f0f0f0"] .field--name-field-read-more .field__item a {
  color: var(--color-1);
}
@media (max-width: 767px) {
  .paragraph--type--info-box .box[data-color="#f1f3d3"] {
    padding: 20px 0;
  }
  .paragraph--type--info-box .box[data-color="#f1f3d3"] ul {
    padding-left: 13px;
  }
  .paragraph--type--info-box .box[data-color="#f1f3d3"] ul li p {
    font-size: 16px;
  }
  .paragraph--type--info-box .box[data-color="#f1f3d3"] .field--name-field-read-more .field__item {
    padding: 10px 33px 10px 14px !important;
  }
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] h3 {
  margin-bottom: 0;
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] ul {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] ul li {
  list-style-image: url(/themes/custom/nttdata_theme/assets/svg/bullet.svg);
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] ul li p {
  margin-bottom: 0;
  font-family: Tahoma, Arial, sans-serif;
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] .field--name-field-read-more .field__item {
  border-radius: 8px;
  margin: 24px auto 15px auto;
  padding: 16px 33px 16px 14px;
  border: 2px solid var(--green-light-s1);
  transition: all 0.3s;
  font-size: 16px;
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] .field--name-field-read-more .field__item:hover {
  background: var(--green-light-s1);
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] .field--name-field-read-more .field__item a {
  color: black;
  text-transform: uppercase;
  position: relative;
}
.paragraph--type--info-box .box[data-color="#f1f3d3"] .field--name-field-read-more .field__item a::after {
  display: inline-block;
  content: "\e011";
  font-family: "ascenza-icon";
  transform: translateY(-50%) rotate(180deg);
  font-size: 16px;
  position: absolute;
  top: calc(50% - 1px);
  right: -20px;
}

/*# sourceMappingURL=info-box.css.map */