/* Screen Sizes */
/* Font Sizes */
/* Font Styles */
/* Global Colours */
/* Font Colours */
/* Semi-Transparent Overlay */
/* Borders */
/* Global Element Sizes */
/*
  Transform
*/
/*
  Flex Containers
*/
/*
  Flex Children
*/
.ap-compchart {
  font-family: 'HyundaiSansText-Regular';
  font-weight: 400;
  background-color: #F0F0F0;
  padding: 35px 0; }
  .ap-compchart__header {
    text-align: center;
    font-family: 'HyundaiSansHead-Medium';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .ap-compchart__header {
        font-size: 30px;
        line-height: 1.5; } }
    @media (max-width: 767px) {
      .ap-compchart__header {
        margin-bottom: 20px; } }
  .ap-compchart__wrapper {
    text-align: center;
    max-width: 70%;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .ap-compchart__wrapper {
        max-width: none; } }
  .ap-compchart__img-holder {
    margin-bottom: 20px; }
    .ap-compchart__img-holder img {
      max-width: 100%; }
  .ap-compchart__description {
    font-family: 'HyundaiSansText-Regular';
    font-weight: 400;
    font-size: 24px;
    line-height: 40px; }
    @media (max-width: 991px) {
      .ap-compchart__description {
        display: none; } }
  .ap-compchart__btn-cta {
    font-family: 'HyundaiSansHead-Bold';
    font-weight: 800;
    border: none;
    background-color: #002C5F;
    border: 2px solid #002C5F;
    color: #FFF;
    font-size: 16px;
    line-height: 56px;
    text-align: center;
    height: 56px;
    line-height: 52px;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .ap-compchart__btn-cta {
        font-size: 14px;
        height: 48px;
        line-height: 45px; } }
    body.touch .ap-compchart__btn-cta {
      background-color: #002C5F;
      color: #FFF; }
    body.no-touch .ap-compchart__btn-cta:hover, body.no-touch .ap-compchart__btn-cta:focus {
      background: #FFF;
      color: #002C5F;
      border: 2px solid #002C5F;
      border-color: #002C5F; }
    body.no-touch .ap-compchart__btn-cta:active {
      color: #FFF;
      background-color: #002C5F;
      border-color: #002C5F; }
    @media (max-width: 991px) {
      .ap-compchart__btn-cta {
        white-space: pre-line;
        align-items: center;
        line-height: 1.2;
        justify-content: center;
        font-size: 12px; } }

/*# sourceMappingURL=component.css.map */