/*-------------------------------
    Colors
-------------------------------*/
/*-------------------------------
    Fonts
-------------------------------*/
/*-------------------------------
    Common
-------------------------------*/
:root {
  --windowHeight: 100vh;
  --headerHeight: 90px;
  --headerHeightMobile: 84px;
  --headerHeightMobileResources: 138px; }

.c-timeline {
  padding: 80px 0 80px; }
  .c-timeline__items {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-wrap: wrap; }
  .c-timeline__title-main {
    text-transform: none;
    margin-bottom: 35px; }
    @media screen and (max-width: 767px) {
      .c-timeline__title-main {
        margin-bottom: 20px; } }
  .c-timeline__desc-main {
    margin-bottom: 65px; }
    @media screen and (max-width: 767px) {
      .c-timeline__desc-main {
        margin-bottom: 30px; } }
  .c-timeline__item {
    width: 25%;
    position: relative;
    padding-top: 55px;
    padding-right: 15px; }
    @media screen and (max-width: 767px) {
      .c-timeline__item {
        width: 100%;
        padding-top: 0;
        padding-left: 40px;
        margin-bottom: 40px; } }
    .c-timeline__item::after {
      content: "";
      position: absolute;
      width: calc(100% - 14px);
      height: 2px;
      top: 6px;
      left: 14px;
      background-color: #2d2e31; }
      @media screen and (max-width: 767px) {
        .c-timeline__item::after {
          height: calc(100% + 40px);
          width: 2px;
          top: 14px;
          left: 6px; } }
    .c-timeline__item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 14px;
      height: 14px;
      background: #f4775e;
      border: 2px solid #2d2e31;
      border-radius: 50%; }
    @media screen and (max-width: 767px) {
      .c-timeline__item:last-of-type {
        margin-bottom: 0; } }
    .c-timeline__item:last-of-type::after {
      display: none; }
  .c-timeline__title {
    color: #339696;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 500; }
  .c-timeline__desc {
    font-weight: 500; }