/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

:root {
  --px-16-12-8: 16px;
  --px-20-20-8: 20px;
  --px-30-24-20: 30px;
  --px-32-28-24: 32px;
  --px-44-42-16: 44px;
  --px-60-48-40: 60px;
  --px-96-80-64: 96px;
  --px-120-96-80: 120px;
  --px-128-96-80: 128px; }

@media (max-width: 991px) {
  :root {
    --px-16-12-8: 12px;
    --px-44-42-16: 42px;
    --px-30-24-20: 24px;
    --px-20-20-8: 20px;
    --px-32-28-24: 28px;
    --px-60-48-40: 48px;
    --px-96-80-64: 80px;
    --px-120-96-80: 96px;
    --px-128-96-80: 96px; } }

@media (max-width: 767px) {
  :root {
    --px-16-12-8: 8px;
    --px-20-20-8: 8px;
    --px-30-24-20: 20px;
    --px-32-28-24: 24px;
    --px-44-42-16: 16px;
    --px-60-48-40: 40px;
    --px-96-80-64: 64px;
    --px-120-96-80: 80px;
    --px-128-96-80: 80px; } }

.grid-col_auto-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 767px) {
    .grid-col_auto-1 {
      display: flex;
      flex-direction: column; } }

.grid-col_auto-2ml-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 991px) {
    .grid-col_auto-2ml-1 {
      grid-auto-flow: row;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto; } }
  @media (max-width: 767px) {
    .grid-col_auto-2ml-1 {
      display: flex;
      flex-direction: column; } }

.grid-col_auto-2xl-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 1439px) {
    .grid-col_auto-2xl-1 {
      grid-auto-flow: row;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto; } }
  @media (max-width: 767px) {
    .grid-col_auto-2xl-1 {
      display: flex;
      flex-direction: column; } }

.eyebrow {
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 6px !important; }
  @media (max-width: 767px) {
    .eyebrow {
      line-height: 1.25; } }
  @media (max-width: 991px) {
    .eyebrow {
      font-size: 16px; } }

body {
  color: #3b3d49; }

img {
  display: block; }

a {
  color: #3f647c; }

@media (max-width: 767px) {
  .hero__image {
    height: 180px; } }

.hero__image img {
  -o-object-position: 100% 40%;
  object-position: 100% 40%; }

@media (min-width: 992px) {
  .hero__content h1,
  .hero__content p:not(.eyebrow) {
    max-width: 780px; } }

@media (max-width: 991px) {
  .hero__content {
    padding-bottom: 130px; } }

.half-split-offset .b h2 {
  color: #3b3d49;
  font-size: 42px;
  line-height: 115%; }
  @media (max-width: 991px) {
    .half-split-offset .b h2 {
      font-size: 38px; } }
  @media (max-width: 767px) {
    .half-split-offset .b h2 {
      font-size: 32px;
      line-height: 125%; } }

.half-split-offset:not(.reverse) .b {
  border-bottom-left-radius: 24px; }

.half-split-offset.reverse .b {
  border-bottom-right-radius: 24px; }

@media (min-width: 992px) {
  .half-split-offset {
    margin: 60px auto; 
	}
    .half-split-offset .b {
      padding: 0;
      color: #3b3d49; }
      .half-split-offset .b .b-contents {
        margin: auto;
        width: 70%; }
        .half-split-offset .b .b-contents p:not(.eyebrow) {
          font-size: 16px;
          line-height: 150%;
          font-weight: 400; } }

@media (max-width: 991px) {
  .half-split-offset .b {
    padding: 40px 42px; } }

@media (max-width: 767px) {
  .half-split-offset .b {
    padding: 40px 16px; } }

.footnotes {
  background-color: #f3f6f6;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 80px; }
  .footnotes p {
    max-width: 1120px;
    margin: auto; }


.half-split-offset .b a.button-gold {
      border-radius: 8px;
      display: flex;
      height: 48px;
      width: -moz-fit-content;
      width: fit-content;
      box-sizing: border-box;
      padding: 16px 24px;
      justify-content: center;
      align-items: center;
      }

	  .button-outlined:focus{
      background-color:#3b3d49;
      color:#fff
    }
details {
  overflow: hidden!important;
  border: none!important;
  border-bottom: 1px solid #b7bdc9!important;
  }
  
  /* added to fix capabilities section image border issue*/
.reverse .a{
  border-top-left-radius: 24px;
  border-top-right-radius: 0px !important;
}
@media (max-width: 479px) {
    .half-split-offset .b a.button-gold {
        width: 100% !important;
    }
}