.section-title {
      color: #012169;
      border-bottom: 1px solid #ccc;
      padding-top: 10px;
      padding-bottom: 7px;
    }

    .home-client-success-section {
      padding: 20px 20px 120px;
    }

    .home-client-success-section .item-container {
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 40px 0 -40px;
    }

    .home-client-success-section .item-container>div:first-of-type {
      display: block;
      flex: 0 1 calc(48% - 24px);
    }

    .home-client-success-section .item-container>div:last-of-type {
      display: block;
      flex: 0 1 calc(52% - 24px);
    }

    .home-client-success-section main,
    .home-client-success-section .logo {
      display: -ms-flexbox;
      display: flex;
    }

    .home-client-success-section main {
      align-items: stretch;
      flex: 1 1 100%;
      height: 100%;
    }

    .home-client-success-section .logo {
      flex: 1 1 25%;
      align-items: center;
      justify-content: center;
      max-height: 212px;
    }

    .home-client-success-section .logo img {
      display: block;
      max-width: 180px;
      width: 100%;
      height: auto;
    }

    .home-client-success-section .article {
      flex: 1 1 60%;
      padding: 0 0 30px 15px;
    }

    .home-client-success-section article {
      position: relative;
      font-family: ConnectionsRegular, sans-serif;
      font-size: 26px;
      line-height: 34px;
      color: #012169;
      letter-spacing: 0;
    }

    .home-client-success-section article:before {
      content: '"';
    }

    .home-client-success-section article:after {
      content: '"';
    }

    .home-client-success-section footer:before {
      content: " - ";
    }

    .home-client-success-section footer {
      margin-top: 20px;
      color: #131111;
      font-size: 20px;
    }
    
    @media only screen and (max-width: 1180px)
    {
      .home-client-success-section .logo {
        align-items: flex-start;
      }
    }
    
    @media only screen and (max-width: 768px)
    {
      .home-client-success-section .logo {
        flex: 1 1 40%;
        justify-content: flex-start;
        align-items: flex-start;
      }
      
      .home-client-success-section article {
        font-size: 26px;
        padding-bottom: 0;
      }

      .home-client-success-section .item-container>div,
      .home-client-success-section .item-container>div:first-of-type,
      .home-client-success-section .item-container>div:last-child {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
      }
      .home-client-success-section main {
        padding-bottom: 30px;
      }
    }
    
    @media only screen and (max-width: 480px)
    {
      .home-client-success-section article {
        font-size: 24px;
      }
    }
    
    .home-features-apis-section {
      padding: 20px;
    }

    .home-features-apis-section-title {
      padding: 0 20px;
    }

    .home-features-apis-section .feature-api-container {
      padding: 0 20px 20px;
      flex: 1 1 0%; 
      box-sizing: border-box;
    }
    .home-features-apis-section .feature-api-container .api-items{
      flex-flow: row wrap; 
      box-sizing: border-box; 
      display: flex; 
      place-content: stretch space-between; 
      align-items: stretch;
    }

    .home-features-apis-section .api-items {
      list-style: none;
      margin: 0;
      padding: 0 0 10px;
      text-decoration: none;
    }

    .home-features-apis-section ul>li {
      display: flex;
    }

    .home-features-apis-section .api-item-wrapper {
      height: 312px;
      width: calc(33% - 8px);
      margin: 8px 0;
      align-self: center;
      display: flex;
    }

    .home-features-apis-section .featured-api--item {
      text-align: center;
      color: #012169;
    }    
    
    .home-features-apis-section a {
      width: 100%;
      text-decoration: none;
      height: inherit;
      background-size: cover;
    }

    .home-features-apis-section .api-item-image {
      display: inline-block;
      height: 80px;
      width: 80px;
      margin-top: 16px;
      line-height: 80px;
    }

    .home-features-apis-section .featured-api--item h4 {
      font-family: ConnectionsRegular, sans-serif;
      margin: 16px;
      color: #0052c2;
      letter-spacing: 0;
      text-align: center;
      line-height: 24px;
    }

    .home-features-apis-section .feature-description {
      padding: 0 20px 8px;
      text-align: center;
      font-family: HelveticaNeue, sans-serif;
      font-size: 16px;
      color: #000a23;
      letter-spacing: 0;
      line-height: 24px;
      display: inline-block;
    }

    .home-features-apis-section .api-flag[_ngcontent-pfp-c206] {
      color: #e31837;
      font-family: ConnectionsRegular, sans-serif;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 30px;
    }
    
    @media only screen and (max-width: 769px) {
      .home-features-apis-section .api-item-wrapper {
        width: calc(50% - 30px);
      }
    }
    
    @media only screen and (max-width: 575px)
    {      
      .home-features-apis-section .api-item-wrapper {
            width: 100%;
      }
    
      .home-features-apis-section {
        padding: 0;
      }
    }

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

      .focus-item:focus,
      .focus-item:hover {
        background-color: #ccebf8;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 50%);
        transition: opacity 0.3s ease-in-out;
      }
    }

    .news-container {
      padding: 0 20px 70px;
      flex: 1 1 0%; 
      box-sizing: border-box;
    }

    .news-container ul, .news-container .news-container-items {
      list-style: none;
      margin: 0;
      padding: 0;
      text-decoration: none;
      flex-flow: row wrap; 
      box-sizing: border-box; 
      display: flex; 
      place-content: start; 
      align-items: stretch;
    }
    
    .news-container ul>li {
      display: -ms-flexbox;
      display: flex;
      cursor: pointer;
    }

    .news-container .news-item-container {
      width: calc(33% - 8px);
      background: #ffffff;
      margin: 15px 54px 15px 0;
      display: -ms-flexbox;
      display: flex;
    }

    .news-container .news-card {
      height: inherit;
      width: 100%;
    }

    .news-container .image-container {
      width: 100%;
    }

    .news-container img {
      width: 100%;
      vertical-align: middle;
      border-style: none;
    }

    .news-container .title-container {
      padding: 16px 16px 8px;
      font-family: "HelveticaNeue", sans-serif;
      font-size: 16px;
      color: #0052c2;
      letter-spacing: 0;
    }

    .news-container .blurb-container {
      padding: 0 16px 16px;
      font-family: "HelveticaNeue", sans-serif;
      font-size: 14px;
      color: #131111;
    }

    @media only screen and (min-width: 850px) {
      .news-container .news-item-container {
        width: calc(33% - 52px);
      }
    }

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

      .news-container ul>li:hover,
      .news-container ul>li:focus,
      .news-container ul>li:active {
        background: #ccebf8;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
      }

      .news-container ul>li:hover .news-card>.title-container,
      .news-container ul>li:focus .news-card>.title-container,
      .news-container ul>li:active .news-card>.title-container {
        color: #000a23;
      }
    }

    @media only screen and (max-width: 767px) {
      .news-container .news-item-container {
        padding: 0 60px;
        align-self: center;
      }
      
      .news-container .news-item-container {
        margin: 20px 0;
        width: 100%;
      }
    }
    
    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link {
      height: inherit;
      margin: 0 12px !important;
      padding: 0;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 50%, #ccebf8 0) 100%;
      background-size: 202%;
      border: 0;
      margin: 0.5rem;
      padding: 0 0.35rem;
      position: relative;
      transition: all .25s ease-out;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link {
      height: inherit;
      margin: 0 12px !important;
      padding: 0;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link:hover {
      background-color: #ccebf8 !important;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link.px-active .tab-title {
      border-top: 4px solid #e31837;
    }

    .carousel-container .tab-title {
      border-top: 4px solid rgba(0, 0, 0, 0);
      display: -ms-flexbox;
      display: flex;
      width: inherit;
      -ms-flex-pack: center;
      justify-content: center;
      height: inherit;
    }

    .carousel-container .title-image {
      align-self: center;
      margin-right: 8px;
      margin-left: 5px;
    }

    .carousel-container img,
    .carousel-container svg {
      vertical-align: middle;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link.px-active .title-text {
      color: #000a23;
    }

    .carousel-container .title-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center;
      font-family: ConnectionsRegular, sans-serif;
      font-size: 16px;
      color: #0052c2;
      letter-spacing: 0;
      line-height: 19px;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link.px-active .title-text {
      color: #000a23;
    }

    .carousel-container .title-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center;
      font-family: ConnectionsRegular, sans-serif;
      font-size: 16px;
      color: #0052c2;
      letter-spacing: 0;
      line-height: 19px;
    }.carousel-container {
      padding: 40px 10px 20px;
    }   

    .carousel-container .px-nav-tabs {
      background-color: rgba(0, 0, 0, 0);
      border-bottom: 0;
      font-size: .875rem;
    }

    .carousel-container .px-nav-tabs .px-nav-item {
      height: 70px;
      width: 33%;
      border-right: 1px solid grey;
    }

    .carousel-container .px-nav-tabs li.px-nav-item {
      position: relative;
    }

    .carousel-container .px-nav-tabs .px-nav-item:last-child {
      border: none;
    }

    .carousel-container .px-nav-tabs .px-nav-item .px-nav-link:focus {
      background-color: rgba(0, 0, 0, 0);
      background-position: 0;
      border-radius: 3px 3px 0 0;
      color: var(--px-tm-f001);
      outline: none;
      transition: all .25s ease-out;
    }

    @media only screen and (min-width: 770px) {
      .carousel-container .px-nav-tabs .px-nav-item {
        height: 120px;
      }
    }

    @media only screen and (min-width: 770px) {
      .carousel-container .title-text {
        font-size: 20px;
      }
    }

    @media only screen and (min-width: 770px) {
      .carousel-container .title-text {
        font-size: 20px;
      }
    }

    @media only screen and (min-width: 770px) {
      .carousel-container .title-image {
        margin-right: 20px;
        margin-left: 10px;
      }
    }

    @media only screen and (max-width: 767px) {
      .carousel-container .title-image {
        width: 62px;
      }
      
      .carousel-container .title-image img {
        width: 100%;
        max-width: 50px;
      }
    }

    @media only screen and (min-width: 770px) {
      .carousel-container .px-nav-tabs .px-nav-item {
        height: 120px;
      }
    }

    .carousel-container .px-tab-content .carousel-item-conatiner {
      padding: 20px 20px 0;
    }

    .carousel-container .px-tab-content .item-title {
      padding-bottom: 24px;
      font-family: ConnectionsRegular, sans-serif;
      font-size: 28px;
      color: #012169;
      letter-spacing: 0;
      line-height: 36px;
    }

    .carousel-container .px-tab-content .carousel-wrapper {
      display: -ms-flexbox;
      display: flex;
    }

    .carousel-container .px-tab-content .item-description {
      width: 60%;
      font-family: HelveticaNeue, sans-serif;
      font-size: 16px;
      color: #000a23;
      letter-spacing: 0;
      line-height: 24px;
    }

    .carousel-container .px-tab-content .text-container {
      width: 100%;
    }

    .carousel-container .px-tab-content .content-data {
      display: inline-block;
      padding-bottom: 10px;
    }

    .carousel-container .px-tab-content .bullets,
    .carousel-container .px-tab-content .link-container {
      padding-top: 10px;
      width: 100%;
    }

    .carousel-container .px-tab-content ul {
      padding-left: 0;
    }

    .carousel-container .px-tab-content ul .bulleted-section {
      display: -ms-flexbox;
      display: flex;
      list-style-type: none;
      padding-bottom: 15px;
    }

    .carousel-container .px-tab-content ul .bulleted-section .right-arrow {
      color: #e31837;
      padding-right: 15px;
    }

    .carousel-container .px-tab-content .link-container .link-items:last-child {
      padding-bottom: 0;
    }

    .carousel-container .px-tab-content .link-container .link-items {
      display: -ms-flexbox;
      display: flex;
      list-style-type: none;
      padding-bottom: 20px;
      font-family: HelveticaNeue, sans-serif;
      font-size: 16px;
      color: #0052c2;
      letter-spacing: 0;
      line-height: 24px;
    }

    .carousel-container .px-tab-content .link-container .link-items>a {
      -ms-flex-align: center;
      align-items: center;
      display: flex;
    }

    .carousel-container .px-tab-content .link-container .link-items>a .left-icon {
      margin-right: 8px;
    }

    .carousel-container .carousel-wrapper .item-image {
      width: 30%;
    }
    
    .carousel-container .carousel-wrapper .item-image img {
      width: 100%;
    }

    .carousel-container .carousel-wrapper .item-image image {
      width: 100%;
    }

    @media only screen and (min-width: 850px) {
      .carousel-container .px-tab-content .link-container .link-items {
        font-size: 18px;
      }
    }

    @media only screen and (min-width: 850px) {
      .carousel-container .px-tab-content .content-data {
        padding-bottom: 15px;
      }
    }

    @media only screen and (min-width: 850px) {
      .carousel-container .px-tab-content .item-description {
        width: 70%;
        font-size: 18px;
      }
    }

    @media only screen and (min-width: 850px) {
      .carousel-container .px-tab-content .item-title {
        font-size: 32px;
        padding-bottom: 30px;
      }
    }

    @media only screen and (min-width: 850px) {
      .carousel-container .px-tab-content .carousel-item-conatiner {
        padding: 20px 20px 0;
      }
    }    
    
    @media only screen and (max-width: 575px)
    {
      .carousel-container .px-tab-content .carousel-item-conatiner {
        padding: 0;
      }
      
      .carousel-container .px-nav-tabs .px-nav-item .px-nav-link .title-text {
        display: none;
      }
      
      .carousel-container .carousel-wrapper .item-image {
        width: 40%;
      }
      
      .carousel-container .px-tab-content .item-description {
            width: 100% !important;
      }
    } 
    
    .home-noteworthy-section {
      padding: 20px;
    }

    @media only screen and (max-width: 767px) {
      .carousel-container .carousel-wrapper .item-image {
        width: 40%;
      }

      .carousel-container .carousel-wrapper .item-image img {
        width: 100%;
      }
    }

    @media only screen and (max-width: 770px) {
      .item-container {
        -ms-flex-pack: center;
        justify-content: center;
      }
    }
    
    .news-page-section .page-content-holder.news-page h1 {
      font-size: 28px;
      line-height: 36px;
      width: 100%;
      border-bottom: 1px solid #d5d5d5;
      color: #012169;
    }

    .news-page-section .byLine {
      font-size: 16px;
      line-height: 24px;
      color: #000a23;
      margin: 10px 0 20px;
    }

    .news-page-section .news-top-container {
      float: left;
      width: 100%;
    }

    .news-page-section .news-content-area {
      width: 52%;
      margin-right: 5%;
    }

    .news-page-section .news-content-area h2 {
      font-size: 26px;
    }

    .news-page-section .news-content-area h3 {
      font-size: 24px;
    }

    .news-page-section .news-content-area h4 {
      font-size: 22px;
    }

    .news-page-section .news-content-area h5 {
      font-size: 20px;
    }

    .news-page-section .news-content-area h6 {
      font-size: 20px;
    }

    .news-page-section .news-content-area p {
      margin: 0 0 1em;
    }

    .news-page-section .news-content-area ol,
    .news-page-section .news-content-area ul,
    .news-page-section .news-content-area dl {
      padding: 0;
      padding-left: 20px;
    }

    .news-page-section .news-image-holder {
      width: 45%;
      margin-bottom: 20px;
      float: right;      
      padding: 2px;
      text-align: center;
      font-size: 14px;
      color: #131111;
    }

    .news-page-section .news-image-holder>img {
      margin-top: 0.3em;
      width: 100%;
      float: left;
    }

    .news-page-section .news-image-holder>caption {
      width: 100%;
      padding: 2px;
      text-align: center;
      font-size: 14px;
      color: #131111;
      float: left;
    }

    @media only screen and (max-width: 768px) {
      .news-page-section .news-top-container {
        flex-direction: column;
      }

      .news-page-section .news-content-area,
      .news-page-section .news-image-holder {
        width: 100%;
        float: left;
      }

      .news-page-section .news-content-area>caption,
      .news-page-section .news-image-holder>caption {
        padding: 10px 2px;
      }
    }

    .news-page-section .page-content-holder.news-page .full-width {
      width: 100%;
      padding: 20px 15px 5px 7px;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb {
      clear: both;
      padding-left: 1px;
      margin: 20px 0 0;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb>li {
      display: inline-block;
      width: auto;
      padding: 0 7px;
      position: relative;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb>li::before {
      position: absolute;
      top: 7px;
      left: -1px;
      content: '/';
      font-size: 10px;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb>li:first-child::before {
      display: none;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb>li a {
      text-decoration: none;
      font-size: 13px;
    }

    .news-page-section .page-content-holder.news-page ul.breadcrumb>li:last-child a {
      color: #3c3c3c;
    }

    .news-page-section .other-news {
      padding: 20px 20px 0;
    }

    .news-page-section .other-news-container {
      padding: 0 20px 80px;
    }

    .news-page-section .other-news h4 {
      color: #012169;
      border-bottom: 1px solid #d5d5d5;
      padding-top: 10px;
      padding-bottom: 7px;
    }

    .news-page-section .other-news-container ul, .news-page-section .other-news-container .other-news-container-items  {
      list-style: none;
      margin: 0;
      padding: 0;
      text-decoration: none;

      display: flex;
      /*for ie*/
      justify-content: space-around;
      /*for moz & chrome*/
      -webkit-justify-content: space-evenly !important;
    }

    .news-page-section .other-news-container ul>li {
      display: flex;
      cursor: pointer;
    }

    .news-page-section .other-news-container ul>li:hover,
    .news-page-section .other-news-container ul>li:focus,
    .news-page-section .other-news-container ul>li:active {
      outline: none;
    }

    .news-page-section .news-item-container {
      width: calc(33% - 8px);
      background: #ffffff;
      margin: 15px 0;
    }

    .news-page-section .news-card .image-container {
      width: 100%;
    }

    .news-page-section .news-card .image-container img {
      width: 100%;
    }

    .news-page-section .news-card .title-container {
      padding: 16px 16px 8px;
      font-size: 16px;
      color: #0052c2;
      letter-spacing: 0;
    }

    .news-page-section .news-card .blurb-container {
      padding: 0 16px 16px;
      font-size: 14px;
      color: #131111;
    }

    @media only screen and (min-width: 850px) {
      .news-page-section .news-item-container {
        width: calc(33% - 52px);
      }
    }

    @media only screen and (min-width: 769px) {
      .news-page-section .other-news-container ul>li:hover,
      .news-page-section .other-news-container ul>li:focus,
      .news-page-section .other-news-container ul>li:active {
        background: #ccebf8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
      }

      .news-page-section .other-news-container ul>li:hover .news-card>.title-container,
      .news-page-section .other-news-container ul>li:focus .news-card>.title-container,
      .news-page-section .other-news-container ul>li:active .news-card>.title-container {
        color: #000a23;
      }
    }

    @media only screen and (max-width: 768px) {
      .news-page-section .news-item-container {
        width: calc(33% - 8px);
      }
    }

    @media only screen and (max-width: 767px) {
      .news-page-section .news-page-section .news-item-container {
        margin: 20px 0;
        width: 100%;
      }

      .news-page-section .other-news-container ul>li {
        padding: 0 60px;
        align-self: center;
      }
    }

    @media only screen and (min-width: 451px) and (max-width: 576px) {
      .news-page-section .news-item-container {
        width: 80%;
      }

      .news-page-section .other-news-container li {
        padding: 0;
      }
    }

    @media only screen and (max-width: 450px) {
      .news-page-section .news-item-container {
        width: 100%;
      }

      .news-page-section .other-news-container li {
        padding: 0;
      }
    }