*,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .arrows1 button {
      background: transparent;
      border: none;
      cursor: pointer;
      outline: none;
    }

    body {
      font: normal 16px/1.5 "Helvetica Neue", sans-serif;
      /* background: #456990; */
      color: #fff;
    }


    /* .section SECTION
    –––––––––––––––––––––––––––––––––––––––––––––––––– */



    .section {
      background: #F45B69;
      padding: 50px 0;

    }

    .section .container {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
    }

    .section h1 {
      font-size: 2.5rem;
    }

    .section h2 {
      font-size: 1.3rem;
    }

    .timelineimg {
      border-radius: 10px;
      /* margin-bottom: 10px; */
      margin-right: 5px;
      /* margin-top: 5px; */
      float: left;
      max-width: 100%;
      width: 75px;
      height: 75px;
      margin-right: 8px !important;
    }

    .cd-h-timeline ol {
      padding-left: 0px !important;
    }

    .cd-h-timeline__event {
      padding: 1% !important;
    }

    .contentdiv {
      padding: 0px !important;
    }

    /* TIMELINE
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .timelines {
      white-space: nowrap;
      overflow-x: hidden;
      scrollbar-color: #094677 #008dff;
      scrollbar-width: thin;
    }

    .timelines ol {
      font-size: 0;
      /*  width: 100vw; */
      padding: 175px 0;
      transition: all 1s;
    }

    .timelines ol li {
      position: relative;
      display: inline-block;
      list-style-type: none;
      width: 171px;
      height: 4px;
      background: #fff;
    }

    .timelines ol li:last-child {
      width: 280px;

    }


    .timelines ol li:not(:first-child) {
      margin-left: 18px;
    }

    .timelines ol li:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 50%;
      left: calc(100% + 0px);
      bottom: 0;
      width: 18px;
      height: 18px;
      transform: translateY(-50%);
      border-radius: 50%;
      background: #FFC350;
    }

    .timelines ol li div {
      position: absolute;
      left: calc(100% + 7px);
      width: 280px;
      padding: 15px;
      font-size: 1rem;
      white-space: normal;
      color: rgb(255, 255, 255);
      background: white;
      min-height: 132px;
    }

    .timeimag {
      border-radius: 10px;
      /* margin-bottom: 10px; */
      margin-right: 5px;
      /* margin-top: 5px; */
      float: left;
      max-width: 100%;
      /* height: auto; */
    }

    .timelines ol li div::before {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
    }

    .timelines ol li:nth-child(odd) div {
      top: -16px;
      transform: translateY(-100%);
    }

    .timelines ol li:nth-child(odd) div::before {
      top: 100%;
      border-width: 8px 8px 0 0;
      border-color: white transparent transparent transparent;
    }

    .timelines ol li:nth-child(even) div {
      top: calc(100% + 16px);
    }

    .timelines ol li:nth-child(even) div::before {
      top: -8px;
      border-width: 8px 0 0 8px;
      border-color: transparent transparent transparent white;
    }

    .timelines time {
      display: block;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 8px;

      text-shadow: 1px 1px 3px #000;
    }

    .timelines a {

      color: #fff;
      font-weight: bold;
      text-shadow: 1px 1px 2px #000;
    }

    .timelines a:hover {

      color: #000;
      font-weight: bold;
      text-shadow: 1px 1px 2px #fff;
    }

    li div {
      text-align: left;
    }

    /* timelines ARROWS
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .timelines .arrows {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }

    .timelines .arrows .arrow__prev {
      margin-right: 20px;
    }

    .timelines .disabled {
      opacity: .5;
    }

    .timelines .arrows img {
      width: 45px;
      height: 45px;
    }


    /* GENERAL MEDIA QUERIES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    @media screen and (max-width: 599px) {

      .cd-h-timeline__event {
        padding: 0px !important;

      }

      .cd-h-timeline {
        padding: 0px 0px 0px 0px !important;

      }

      .pageContent {
        margin-bottom: 0px !important;

      }

      .card-body {
        padding: 0.5em 0.5em !important;
      }

      .timelines ol,
      .timelines ol li {
        width: auto;
      }

      .timelines ol {
        padding: 0;
        transform: none !important;

      }

      .timelines ol li {
        display: block;
        height: auto;
        background: transparent;
      }

      .timelines ol li:first-child {
        margin-top: 25px;
      }

      .timelines ol li:not(:first-child) {
        margin-left: auto;
      }

      .timelines ol li div {
        width: 94%;
        height: auto !important;
        margin: 0 auto 25px;
      }

      .timelines ol li div {
        position: static;
      }

      .timelines ol li:nth-child(odd) div {
        transform: none;
      }

      .timelines ol li:nth-child(odd) div::before,
      .timelines ol li:nth-child(even) div::before {
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border: none;
        border-left: 1px solid white;
        height: 25px;
      }

      .timelines ol li:last-child,
      .timelines ol li:nth-last-child(2) div::before,
      .timelines ol li:not(:last-child)::after,
      .timelines .arrows {
        display: none;
      }
    }