/* TITLE */
.af-title {
  color: var(--azati-blue);
  font-family: var(--font-bold); }
  @media (max-width: 575px) {
    .af-title {
      margin: 0 0 0.7rem; } }
  @media (min-width: 576px) {
    .af-title {
      margin: 1.7rem 0; } }
  .af-title.af-title--blue {
    background: var(--azati-blue);
    color: var(--white); }
  .af-title.af-title--orange {
    color: var(--azati-orange); }
  .af-title.af-title--light {
    color: var(--font-color-base);
    font-family: var(--font-base);
    font-weight: 300; }
    @media (max-width: 991px) {
      .af-title.af-title--light {
        font-size: 1.125rem;
        /* 18px; */
        line-height: 1.5rem; } }
    @media (min-width: 992px) {
      .af-title.af-title--light {
        font-size: 1.375rem;
        /* 22px */
        line-height: 2.1875rem; } }
  .af-title.af-title--page {
    font-weight: 800; }
    @media (max-width: 1399px) {
      .af-title.af-title--page {
        font-size: 5.1875rem;
        /* 83px; */
        line-height: 6rem; } }
    @media (max-width: 991px) {
      .af-title.af-title--page {
        font-size: 3.875rem;
        /* 62px; */
        line-height: 4.5rem; } }
    @media (max-width: 767px) {
      .af-title.af-title--page {
        font-size: 3.3125rem;
        /* 53px; */
        line-height: 4rem; } }
    @media (max-width: 575px) {
      .af-title.af-title--page {
        font-size: 2.375rem;
        /* 38px; */
        line-height: 3rem; } }
    @media (max-width: 480px) {
      .af-title.af-title--page {
        font-size: 2.1875rem;
        /* 35px; */
        line-height: 3rem; } }
    @media (max-width: 320px) {
      .af-title.af-title--page {
        font-size: 1.9375rem;
        /* 31px; */
        line-height: 2.5rem; } }
    @media (min-width: 1400px) {
      .af-title.af-title--page {
        font-size: 6.5rem;
        /* 104px */
        line-height: 8rem; } }
  .af-title.af-title--rl {
    font-weight: 800; }
    @media (max-width: 1199px) {
      .af-title.af-title--rl {
        font-size: 4.5625rem;
        /* 73px */ } }
    @media (max-width: 575px) {
      .af-title.af-title--rl {
        font-size: 4rem;
        /* 64px */ } }
    @media (max-width: 480px) {
      .af-title.af-title--rl {
        font-size: 3.5rem;
        /* 56px */ } }
    @media (max-width: 420px) {
      .af-title.af-title--rl {
        font-size: 3.25rem;
        /* 52px */ } }
    @media (max-width: 400px) {
      .af-title.af-title--rl {
        font-size: 2.5625rem;
        /* 41px */ } }
    @media (max-width: 320px) {
      .af-title.af-title--rl {
        font-size: 2.25rem;
        /* 36px */ } }
    @media (min-width: 768px) {
      .af-title.af-title--rl {
        -webkit-writing-mode: vertical-rl;
        writing-mode: tb-rl; } }
    @media (min-width: 1200px) {
      .af-title.af-title--rl {
        font-size: 6.25rem;
        /* 100px */ } }
  .af-title.af-title--main {
    margin-top: 0;
    text-align: center; }
    @media (max-width: 480px) {
      .af-title.af-title--main {
        font-size: 1.875rem;
        /* 30px */ } }
    @media (max-width: 400px) {
      .af-title.af-title--main {
        font-size: 1.5625rem;
        /* 25px */ } }
    @media (max-width: 320px) {
      .af-title.af-title--main {
        font-size: 1.4375rem;
        /* 23px */ } }
    @media (min-width: 481px) {
      .af-title.af-title--main {
        font-size: 2.1875rem;
        /* 35px */ } }
    .af-title.af-title--main.af-title--pos {
      line-height: normal;
      margin: 0 auto;
      text-transform: inherit;
      width: 100%;
      border-radius: 7px; }
      @media (max-width: 767px) {
        .af-title.af-title--main.af-title--pos {
          padding: 15px; } }
      @media (max-width: 480px) {
        .af-title.af-title--main.af-title--pos ~ br {
          display: none; } }
      @media (min-width: 320px) {
        .af-title.af-title--main.af-title--pos {
          background: var(--white);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          border-collapse: separate;
          position: absolute;
          top: -35px;
          right: 0;
          left: 0;
          z-index: 1; }
          .af-title.af-title--main.af-title--pos.af-title--blue {
            background: var(--azati-blue); } }
      @media (min-width: 768px) {
        .af-title.af-title--main.af-title--pos {
          max-width: 480px;
          padding: 15px 60px; } }
      @media (min-width: 1400px) {
        .af-title.af-title--main.af-title--pos {
          max-width: 600px; } }
  @media (max-width: 768px) {
    .af-title.af-title--medium {
      font-size: 1.125rem;
      /* 18px */ } }
  @media (min-width: 768px) {
    .af-title.af-title--medium {
      font-size: 1.375rem;
      /* 22px */ } }
  @media (max-width: 768px) {
    .af-title.af-title--minor {
      font-size: 1rem;
      /* 16px */ } }
  @media (min-width: 768px) {
    .af-title.af-title--minor {
      font-size: 1.125rem;
      /* 18px */ } }
  .af-title.af-title--base {
    font-size: 1rem;
    /* 16px */ }

/* Case Studies */
.af-cs-title {
  color: var(--white);
  font-family: var(--font-bold);
  font-weight: bold;
  line-height: normal;
  margin-bottom: 0;
  text-transform: uppercase; }

.af-cs-title--large {
  font-size: 2.01rem;
  /* 33px */ }

.af-cs-title--medium {
  font-size: 1.7rem;
  /* 27px */
  font-weight: 600;
  margin: 30px 0; }

.af-cs-title--minor {
  font-size: 1.25rem;
  /* 20px */
  line-height: 2rem; }

@media (max-width: 575px) {
  .af-cs-title--large {
    font-size: 1.875rem; }

  .af-cs-title--medium {
    font-size: 1.5rem; } }
@media (max-width: 400px) {
  .af-cs-title--large {
    font-size: 1.5625rem; }

  .af-cs-title--medium {
    font-size: 1.3rem; } }
@media (max-width: 320px) {
  .af-cs-title--large {
    font-size: 1.375rem; } }
.af-cs-p-title {
  color: var(--white);
  font-family: var(--font-base) !important;
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 1.2;
  margin: 100px 0 0 0;
  text-align: left; }

.af-cs-p-title span {
  background: var(--azati-orange);
  border-radius: 5px;
  display: inline-block;
  font-weight: 700;
  margin: 3px 0 8px;
  padding: 0 12px;
  word-break: break-word; }

.af-cs-p-title-orange {
  color: var(--azati-orange);
  font-family: var(--font-bold) !important;
  line-height: 1.2;
  margin: 80px 0 20px;
  text-transform: uppercase; }

.af-cs-p-title-blue {
  color: var(--azati-blue);
  font-family: var(--font-base) !important;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2rem;
  text-transform: uppercase; }

.af-cs-p-title-blue span {
  font-weight: 700; }

.af-cs-p-title-blue--medium {
  font-size: 1.4rem;
  text-align: center;
  color: var(--azati-blue);
  margin: 50px 0 0; }

@media (max-width: 1199px) {
  .af-cs-p-title {
    font-size: 2.5rem; }

  .af-cs-p-title-orange {
    font-size: 2.5rem; } }
@media (max-width: 1024px) {
  .af-cs-p-title {
    margin-top: 70px; } }
@media (max-width: 991px) {
  .af-cs-p-title {
    width: 95%; } }
@media (max-width: 540px) {
  .af-cs-p-title {
    font-size: 2.5rem; }

  .af-cs-p-title-orange {
    word-break: break-all;
    font-size: 1.8em; } }
@media (min-width: 1200px) {
  .af-cs-p-title-orange {
    font-size: 3.75rem; } }
.page-title {
  color: var(--azati-blue);
  font-family: var(--font-bold);
  font-size: 6.5rem;
  /* 104px */
  font-weight: 800;
  margin: 1.7rem 0; }

.block-title-main {
  color: var(--azati-blue);
  font-family: var(--font-bold);
  font-size: 2.1875rem;
  /* 35px */
  font-weight: bold;
  margin: 1.7rem 0;
  text-align: center; }
  .block-title-main.pos {
    background: var(--white);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-collapse: separate;
    border-radius: 7px;
    line-height: normal;
    margin: 0 auto;
    padding: 15px 0;
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
    z-index: 1;
    text-transform: inherit;
    max-width: 480px;
    width: 100%; }
    .block-title-main.pos.blue {
      background: var(--azati-blue);
      color: var(--white); }

.block-title-medium {
  color: var(--azati-blue);
  font-family: var(--font-bold);
  font-size: 1.375rem;
  /* 22px */
  margin: 1.7rem 0; }

.block-title-light {
  font-family: var(--font-base);
  font-size: 1.375rem;
  /* 22px */
  font-weight: normal;
  line-height: 2.1875rem; }

.block-title-minor {
  color: var(--azati-blue);
  font-family: var(--font-bold);
  font-size: 1.125rem;
  /* 18px */
  margin: 1.7rem 0; }

.block-title-base {
  color: var(--azati-blue);
  font-family: var(--font-bold);
  font-size: 1rem;
  /* 16px */
  margin: 1.7rem 0; }

/* Title of Cases */
.case-title {
  font-size: 4.5rem;
  margin-bottom: 30px;
  text-align: left; }

.case-large {
  color: var(--azati-blue);
  font-family: var(--font-base);
  font-size: 2.25rem;
  /* 36px */
  font-weight: 500;
  line-height: 2.5rem; }
  .case-large span {
    font-weight: 100; }

.case-medium {
  color: var(--azati-blue);
  font-size: 1.72rem;
  /* 28px */
  font-family: var(--font-base);
  line-height: 1rem;
  margin-bottom: 17px; }

.case-small {
  color: var(--azati-blue);
  font-size: 1.5rem;
  /* 24px */
  font-weight: 500;
  line-height: initial;
  margin-bottom: 17px; }
  .case-small.dark {
    color: #222328; }
  .case-small .fw-b {
    font-weight: 600; }

.case-small.tt-u,
.case-large.tt-u {
  text-transform: uppercase; }

@media (max-width: 1200px) {
  .case-title {
    font-size: 3.9rem; }

  .case-small {
    line-height: inherit; } }
@media (max-width: 767px) {
  .case-title {
    font-size: 3.1rem; } }
@media (max-width: 580px) {
  .case-title {
    font-size: 2.5rem; } }
@media (max-width: 500px) {
  .case-title {
    font-size: 2.3rem; } }
@media (max-width: 480px) {
  .case-large {
    font-size: 1.7rem;
    line-height: 2rem; } }
@media (max-width: 400px) {
  .case-title {
    font-size: 1.8rem; } }
@media (max-width: 320px) {
  .case-title {
    font-size: 1.5rem; }

  .case-large {
    font-size: 1.5rem; } }