@font-face {
  font-family: "DINNextLTPro-MediumCond";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

body .am-about-links-breakdance-element,
body .am-about-links-section {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-breakdance-element {
  display: block !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

body .am-about-links-section {
  --am-about-blue: #003f60;
  --am-about-red: #ef3340;
  --am-about-white: #ffffff;
  --am-about-font: "DINNextLTPro-MediumCond", "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;

  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: var(--am-about-section-bg, var(--am-about-white)) !important;
  box-shadow: 0 0 0 100vmax var(--am-about-section-bg, var(--am-about-white)) !important;
  clip-path: inset(0 -100vmax) !important;
  overflow: visible !important;
  padding: var(--am-about-section-padding, 66px 20px 70px) !important;
  box-sizing: border-box;
  font-family: var(--am-about-font-family, var(--am-about-font)) !important;
}

body .am-about-links-section,
body .am-about-links-section * {
  box-sizing: border-box;
  font-family: var(--am-about-font-family, var(--am-about-font)) !important;
}

body .am-about-links-wrap {
  width: 100% !important;
  max-width: var(--am-about-wrap-width, 1215px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, var(--am-about-left-width, 675px)) minmax(var(--am-about-right-min-width, 340px), var(--am-about-right-width, 360px)) !important;
  column-gap: var(--am-about-column-gap, 104px) !important;
  align-items: stretch !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-content {
  display: block !important;
  align-self: var(--am-about-left-vertical-position, center) !important;
  text-align: left !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-image-wrap {
  display: block !important;
  width: 100% !important;
  height: var(--am-about-left-image-height, 270px) !important;
  min-height: var(--am-about-left-image-height, 270px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: var(--am-about-left-image-fit, cover) !important;
  object-position: var(--am-about-left-image-position, center center) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-title {
  margin: 0 0 var(--am-about-title-margin-bottom, 34px) !important;
  color: var(--am-about-title-blue-color, var(--am-about-blue)) !important;
  font-size: var(--am-about-title-size, 37px) !important;
  line-height: var(--am-about-title-line-height, 1.02) !important;
  font-weight: var(--am-about-title-weight, 700) !important;
  letter-spacing: var(--am-about-title-letter-spacing, 0.7px) !important;
  text-transform: var(--am-about-title-transform, uppercase) !important;
  text-align: var(--am-about-title-align, left) !important;
}

body .am-about-links-title span {
  color: var(--am-about-title-red-color, var(--am-about-red)) !important;
}

body .am-about-links-text {
  margin: 0 0 var(--am-about-text-margin-bottom, 30px) !important;
  color: var(--am-about-text-color, var(--am-about-blue)) !important;
  font-size: var(--am-about-text-size, 17px) !important;
  line-height: var(--am-about-text-line-height, 2.22) !important;
  font-weight: var(--am-about-text-weight, 400) !important;
  letter-spacing: var(--am-about-text-letter-spacing, 0.15px) !important;
  text-align: var(--am-about-text-align, left) !important;
}

body .am-about-links-btn,
body .am-about-links-btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--am-about-button-icon-gap, 17px) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: var(--am-about-button-height, 43px) !important;
  margin: 0 auto 0 0 !important;
  padding: var(--am-about-button-padding, 7px 20px 7px 21px) !important;
  border: var(--am-about-button-border-width, 1.5px) solid var(--am-about-button-border-color, var(--am-about-blue)) !important;
  border-radius: var(--am-about-button-radius, 999px) !important;
  background: var(--am-about-button-bg, transparent) !important;
  color: var(--am-about-button-color, var(--am-about-blue)) !important;
  font-size: var(--am-about-button-size, 21px) !important;
  line-height: var(--am-about-button-line-height, 1) !important;
  font-weight: var(--am-about-button-weight, 700) !important;
  letter-spacing: var(--am-about-button-letter-spacing, 0.2px) !important;
  text-decoration: none !important;
  text-transform: var(--am-about-button-transform, uppercase) !important;
  text-align: left !important;
  cursor: pointer;
  box-shadow: none !important;
  outline: 0 !important;
}

body .am-about-links-btn:hover,
body .am-about-links-btn:focus,
body .am-about-links-btn:active {
  background: var(--am-about-button-bg, transparent) !important;
  color: var(--am-about-button-color, var(--am-about-blue)) !important;
  border-color: var(--am-about-button-border-color, var(--am-about-blue)) !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body .am-about-btn-arrow,
body .am-about-link-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--am-about-button-icon-width, 23px) !important;
  height: var(--am-about-button-icon-height, 18px) !important;
  color: currentColor !important;
  flex: 0 0 auto !important;
}

body .am-about-btn-arrow svg,
body .am-about-link-arrow svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body .am-about-btn-arrow svg path,
body .am-about-link-arrow svg path {
  stroke: currentColor !important;
}

body .am-about-links-side {
  width: 100% !important;
  align-self: var(--am-about-right-links-vertical-position, center) !important;
  padding-top: var(--am-about-side-padding-top, 0px) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body .am-about-links-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .am-about-links-list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .am-about-side-link,
body .am-about-side-link:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--am-about-link-gap, 22px) !important;
  width: 100% !important;
  min-height: var(--am-about-link-height, 67px) !important;
  border: 0 !important;
  border-bottom: var(--am-about-link-border-width, 1.5px) solid var(--am-about-link-border-color, var(--am-about-blue)) !important;
  background: var(--am-about-link-bg, transparent) !important;
  color: var(--am-about-link-color, var(--am-about-blue)) !important;
  font-size: var(--am-about-link-size, 30px) !important;
  line-height: var(--am-about-link-line-height, 1) !important;
  font-weight: var(--am-about-link-weight, 700) !important;
  letter-spacing: var(--am-about-link-letter-spacing, 0.15px) !important;
  text-decoration: none !important;
  text-transform: var(--am-about-link-transform, uppercase) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body .am-about-side-link span:first-child {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body .am-about-side-link:hover,
body .am-about-side-link:focus,
body .am-about-side-link:active {
  background: var(--am-about-link-bg, transparent) !important;
  color: var(--am-about-link-color, var(--am-about-blue)) !important;
  padding-left: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body .am-about-link-arrow {
  width: var(--am-about-link-icon-width, 25px) !important;
  height: var(--am-about-link-icon-height, 22px) !important;
  margin-right: var(--am-about-link-icon-margin-right, 1px) !important;
}

@media (max-width: 1180px) {
  body .am-about-links-wrap {
    grid-template-columns: minmax(0, 1fr) minmax(var(--am-about-tablet-right-min-width, 330px), var(--am-about-tablet-right-width, 350px)) !important;
    column-gap: var(--am-about-tablet-column-gap, 64px) !important;
  }

  body .am-about-side-link {
    font-size: var(--am-about-tablet-link-size, 29px) !important;
  }
}

@media (max-width: 991px) {
  body .am-about-links-section {
    padding: var(--am-about-tablet-section-padding, 56px 24px 62px) !important;
  }

  body .am-about-links-wrap {
    grid-template-columns: 1fr !important;
    row-gap: var(--am-about-tablet-row-gap, 38px) !important;
    max-width: var(--am-about-tablet-wrap-width, 720px) !important;
  }

  body .am-about-links-side {
    padding-top: 0 !important;
    max-width: var(--am-about-tablet-side-width, 360px) !important;
  }
}

@media (max-width: 767px) {
  body .am-about-links-section {
    padding: var(--am-about-mobile-section-padding, 42px 18px 48px) !important;
  }

  body .am-about-links-title {
    margin-bottom: var(--am-about-mobile-title-margin-bottom, 24px) !important;
    font-size: var(--am-about-mobile-title-size, 34px) !important;
  }

  body .am-about-links-text {
    font-size: var(--am-about-mobile-text-size, 16px) !important;
    line-height: var(--am-about-mobile-text-line-height, 1.9) !important;
  }

  body .am-about-side-link {
    min-height: var(--am-about-mobile-link-height, 60px) !important;
    font-size: var(--am-about-mobile-link-size, 27px) !important;
  }
}

@media (max-width: 420px) {
  body .am-about-links-title {
    font-size: var(--am-about-small-title-size, 31px) !important;
  }

  body .am-about-links-btn {
    font-size: var(--am-about-small-button-size, 19px) !important;
    min-height: var(--am-about-small-button-height, 42px) !important;
  }

  body .am-about-side-link {
    font-size: var(--am-about-small-link-size, 24px) !important;
    gap: var(--am-about-small-link-gap, 15px) !important;
  }
}
