:root {
  --line: #e7e9ee;
  --surface: #f7f8fa;
  --white: #fff;
  --accent: #116fc0;
  --accent-2: #167ac9;
  --hero: #0c0e13;
  --hero-2: #171923;
  --max: 1180px;
  --radius: 18px;
  --shadow: 0 14px 45px rgba(17, 19, 24, 0.08);

  --ac-navy: #0f2747;
  --ac-ink: #17233d;
  --ac-muted: #5d6d82;
  --ac-blue: #1887df;
  --ac-blue-text: #167ac9;
  --ac-blue-dark: #116fc0;
  --ac-soft: #f4f8fc;
  --ac-line: #dfe8f2;
  --ac-card: #ffffff;
  --ac-fixed-header-offset: 24px;
  --ac-offer-to-hero-gap: 0px;
  --ac-mobile-offer-to-hero-gap: 0px;
  --ac-hero-offset-y: 0px;
  --ac-hero-offset-y-after-offer: 0px;
  --ac-mobile-hero-offset-y: 0px;
  --ac-mobile-hero-offset-y-after-offer: 0px;
  --ac-hero-padding-top: 76px;
  --ac-hero-padding-top-after-offer: 40px;
  --ac-mobile-hero-padding-top: 76px;
  --ac-mobile-hero-padding-top-after-offer: 40px;
  --ac-section-space-y: var(--ac-section-padding-y, 76px);
}

@font-face {
  font-family: FabricMDL2Icons;
  src:
    url(../../fonts/FabExMDL2.woff) format("woff2"),
    url(../../fonts/FabExMDL2.woff) format("woff"),
    url(../../fonts/FabExMDL2.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ac-ink);
  background: var(--white);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
}
.link-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  padding-right: 18px;
  margin-right: 24px;
}
.link-arrow:before {
  font-family: FabricMDL2Icons;
  content: "\e72a";
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition:
    transform 0.4s ease,
    -webkit-transform 0.4s ease;
  margin-right: 12px;
}
.link-arrow:hover:before {
  -webkit-transform: translate3d(2px, 0, 0);
  transform: translate3d(2px, 0, 0);
}
.link-arrow-external {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /* font-weight: 400; */
  /* font-family: SF-Mono,serif; */
  /* color: rgb(28.4194422311,118.844940239,187.7405577689); */
  position: relative;
  padding-right: 18px;
  margin-right: 24px;
  /* font-size: 15px */
}
.link-arrow-external:after {
  font-family: FabricMDL2Icons;
  content: "\e72a";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition:
    transform 0.4s ease,
    -webkit-transform 0.4s ease;
  margin-left: 12px;
}
.link-arrow-external:hover:after {
  -webkit-transform: translate3d(2px, -2px, 0) rotate(-45deg);
  transform: translate3d(2px, -2px, 0) rotate(-45deg);
}
.container,
.breadcrumbs {
  width: min(calc(100% - 48px), var(--max));
  margin-inline: auto;
}
.breadcrumbs {
  padding-top: 5px;
}
.breadcrumbs ol {
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.breadcrumbs ol li {
  list-style-type: none;
}
.breadcrumbs a:hover {
  color: var(--accent-2);
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -12px;
}
[class*="col-"] {
  padding-inline: 12px;
}
.col-md-12 {
  width: 100%;
}
.col-md-6 {
  width: 50%;
}
.col-md-4 {
  width: 33.333333%;
}
.hidden {
  display: none;
}

.cla-section {
  padding: 108px 0;
}
.cla-section-bottom {
  padding: 0 0 108px;
}
.cla-section-muted {
  background: var(--surface);
}
.container {
  position: relative;
  z-index: 2;
  padding-top: 50px;
}
@media (max-width: 767px) {
  .container {
    width: min(calc(100% - 32px), var(--max));
  }
  .cla-section {
    padding: 76px 0;
  }
}