@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

img {
    border-style: none
}

button,input,select {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[hidden] {
    display: none
}

.row {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
}

.col-xs-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    display: block
}

@media only screen and (min-width: 960px) {

    .col-lg-5 {
        box-sizing: border-box;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%;
        padding: 0;
        display: block
    }

    .col-lg-7 {
        box-sizing: border-box;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
        padding: 0;
        display: block
    }
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

body,html {
    height: 100%
}

*,:after,:before {
    box-sizing: inherit
}

img {
    max-width: 100%;
    height: auto
}

.container {
    max-width: 82rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

@media(min-width: 769px) {
    .container {
        padding:0 2rem
    }
}

button:-moz-focusring,input:-moz-focusring {
    outline: 1px dotted ButtonText
}

body,html {
    font-family: Figtree,serif
}

h1,h2,h3,h4,p {
    margin: 0
}

p {
    font-size: 1rem;
    line-height: 1.5rem
}

@media(min-width: 960px) {
    p {
        font-size:1.125rem;
        line-height: 1.875rem
    }
}

.heading-md {
    letter-spacing: 0;
    word-spacing: 0
}

.heading-md {
    line-height: 1.2;
    font-size: 1.6875rem;
    font-weight: 500;
    font-family: Figtree,serif
}

@media(min-width: 769px) {
    .heading-md {
        font-size:2.25rem;
        line-height: 2.625rem
    }
}

.link,a {
    color: #0068c8;
    text-decoration: none;
    background-image: linear-gradient(currentColor,currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s
}

a {
    padding-bottom: .0625rem
}

.link:focus,.link:hover,a:not(.icon):not(.btn):not(.page-link):not(.logo-anim):not(.product-link-footer-logo-anim):focus,a:not(.icon):not(.btn):not(.page-link):not(.logo-anim):not(.product-link-footer-logo-anim):hover {
    background-size: 100% 1px
}

.link:focus,.link:hover,a:not([class]):hover {
    color: #004da5
}

@keyframes slide-in {
    0% {
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes slide-right-in {
    0% {
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-right-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slide-right-in-visible {
    to {
        transform: translateX(0)
    }
}

@keyframes slide-right-out-visible {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.hidden {
    display: none
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.m-auto {
    margin: 0 auto
}

.icon {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer {
    background-color: #232937;
    border-top: 1px solid #444f66;
    color: #fff;
    padding: 4rem 0
}

@media(min-width: 769px) {
    .footer {
        padding:6rem 0
    }
}

.background {
    height: 95%;
    background: #1d273a;
    background-clip: padding-box
}

.logo {
    display: flex;
    align-items: center
}

.logo {
    position: absolute;
    top: 1.25rem;
    left: 1rem;
    min-width: 180px;
    z-index: 101
}

@media(min-width: 769px) {
    .logo {
        left:2rem;
        flex-grow: 1;
        height: 6.875rem;
        top: 0;
        max-width: 180px
    }
}

@media(min-width: 1420px) {
    .logo {
        min-width:227px
    }
}

.skip-link {
    display: none;
    font-family: Figtree,serif;
    color: #fff;
    background-color: #444f66;
    border: 3px solid transparent;
    font-weight: 700
}

@media(min-width: 769px) {
    .skip-link {
        display:inline-block
    }
}

.skip-link:hover {
    background-color: #232937
}

.skip-link:focus {
    left: auto;
    top: 0;
    width: auto;
    height: auto;
    overflow: auto;
    z-index: 10000
}

.skip-link {
    font-size: 1.125rem;
    font-family: Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    color: #1d1d1f;
    background-color: #faf6f0;
    padding: .6875rem 1.75rem;
    border-bottom-left-radius: 1.5625rem;
    border-bottom-right-radius: 1.5625rem;
    border: 3px solid #e7e7e7;
    font-weight: 500;
    cursor: pointer;
    background-image: none;
    left: -999px;
    position: absolute!important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    text-align: center;
    line-height: 1
}

.skip-link:hover {
    background-color: #ede9e4
}

a.primary-button {
    color: var(--charcoal);
    background: var(--white);
    padding: 10px 16px;
    border-radius: var(--radius-full);
    border: 1px solid var(--white);
    display: block;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    -ms-transition: all .25s linear
}

a.primary-button:hover {
    background: var(--card);
    color: var(--charcoal)
}

input[type=search] {
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    border-radius: 8px;
    border: 1px solid var(--stroke);
    padding: 10px 50px;
    background-color: var(--paper);
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6 18L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L18 16.6L16.6 18ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" fill="%231D1D1F"/></svg>');
    background-position: 15px;
    background-repeat: no-repeat
}

input:focus::placeholder {
    color: var(--transparent)
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        margin-top: 20px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes fadeDown {
    0% {
        opacity: 1;
        margin-top: 0
    }

    to {
        opacity: 0;
        margin-top: 20px
    }
}

@media screen and (max-width: 1104px) {

    a.primary-button {
        color: var(--white);
        background: var(--charcoal)
    }
}

body,html {
    color: #1d1d1f
}

.placeholder {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

h1,h2,h3,h4,p {
    margin-top: 0
}

p+h1 {
    margin-top: 3.125rem
}

p+h2 {
    margin-top: 3rem
}

p+h3 {
    margin-top: 2.875rem
}

p+h4 {
    margin-top: 2.75rem
}

h1+h1,h1+h2,h2+h1 {
    margin-top: 2.375rem
}

h1+h3,h3+h1 {
    margin-top: 2.25rem
}

h1+p,p+p {
    margin-top: 2.125rem
}

h1+img,h2+h2,h2+h3,h2+img,h2+p,h3+h2,h3+img,h4+img,img+h1,img+h2,img+h3,img+h4,img+img,img+p,p+img {
    margin-top: 2rem
}

h2+h4,h3+p,h4+h2 {
    margin-top: 1.875rem
}

h3+h3,h3+h4,h4+h3,h4+p {
    margin-top: 1.75rem
}

h1+h4,h4+h1 {
    margin-top: 1.625rem
}

h4+h4 {
    margin-top: 1.375rem
}

@keyframes skeleton-loading {
    0% {
        background-color: #f4f5f6
    }

    to {
        background-color: #e4e7ed
    }
}

.logo svg {
    width: 100%
}

/* MAIN NAVIGATION */

body.background{
  background-color: #FAF6F0;
}


.skip-link {
    
  font-size: 1.125rem;
  font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  color: #1d1d1f;
  background-color: #FAF6F0;
  padding: .6875rem 1.75rem;
  border-bottom-left-radius: 1.5625rem;
  border-bottom-right-radius: 1.5625rem;
  border: 3px solid #E7E7E7;
  font-weight: 500;
  cursor: pointer;
  background-image: none;
  left: -999px;
  position: absolute !important;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
  text-align: center;
  line-height: 1;
}

.skip-link:hover{
background-color: #ede9e4;
}



/* UTILIIES (RIGHT HAND CTAS) */

a.primary-button {
  color: var(--charcoal);
  background: var(--white);
  padding: 10px 16px;
  border-radius: var(--radius-full);
  border: 1px solid var(--white);
  display: block;
  min-width: 100px;
  text-align: center;
  font-weight: 500;
  transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  /* Firefox 4 */
  -webkit-transition: all 0.25s linear;
  /* Safari and Chrome */
  -o-transition: all 0.25s linear;
  /* Opera */
  -ms-transition: all 0.25s linear;
  /* Explorer 10 */
}

a.primary-button:hover {
  background: var(--card);
  color: var(--charcoal);
}

input[type="search"] {
  font-size: 20px;
  font-weight: 300;
  line-height: 160%;
  border-radius: 8px;
  border: 1px solid var(--stroke);
  padding: 10px 40px;
  background-color: var(--paper);
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6 18L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L18 16.6L16.6 18ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" fill="%231D1D1F"/></svg>');
  background-position: 10px center;
  background-repeat: no-repeat;
}

input:focus::placeholder {
  color: var(--transparent);
}


/* MEGA MENU  */

/* small
.mega-menu.relaxed-fit {
  left: 40%;
  transform: translateX(-40%);
}
   */


/* FEATURED TILE */






/* PRODUCTS */






/* BREADCRUMB  */





@media screen and (min-width: 1024px) {


  /* Width of dropdown calculated  */
/*
  .education {
    max-width: calc(var(--nav-sm-column) + var(--nav-sm-column) + var(--nav-two-column));
  }

  .workplace {
    max-width: calc(var(--nav-sm-column) + var(--nav-sm-column) + var(--nav-md-column));
  }

  .insights {
    max-width: calc(var(--nav-sm-column) + var(--nav-md-column));
  }

  .about {
    max-width: var(--nav-sm-column);
  }
    */



}





/* MENU ANIMATION */

@keyframes fadeUp {
  from {
    opacity: 0;
    margin-top: 20px;
  }

  to {
    opacity: 1;
    margin-top: 0px;
  }
}


@keyframes fadeDown {
  from {
    opacity: 1;
    margin-top: 0px;
  }

  to {
    opacity: 0;
    margin-top: 20px;
  }
}



/* MOBILE MENU */



@media screen and (max-width: 1024px) {



  a.primary-button {
    background: var(--charcoal);
    color: var(--white);
  }


}