@import url("../fonts/AzoSans-font/stylesheet.css");

  .timeline {
      position: relative;
      padding: 60px 0 20px;
  }

  .timeline-list {
      display: flex;
      flex-direction: column;
      gap: 68px;
      position: relative;
  }

  .timeline-entry {
      display: grid;
      grid-template-columns: minmax(240px, 306px) 86px minmax(0, 1fr);
      gap: 8px;
      position: relative;
      align-items: center;
  }

  .entry-media {
      position: relative;
      margin: 0;
      display: flex;
      flex-direction: column;
  }

  .entry-media-image {
      position: relative;
      width: 100%;
      aspect-ratio: 306 / 140;
      overflow: hidden;
  }

  .entry-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 15px;
  }

  .hotel-pommier-img {
      height: 140px;
  }

  .entry-marker {
      position: relative;
      height: 100%;
      display: flex;
      /* align-items: center; */
      justify-content: center;
      --marker-fill: 0%;
  }

  .entry-marker::before {
      content: "";
      position: absolute;
      top: -84px;
      bottom: -84px;
      width: 2px;
      background:
          linear-gradient(#004BEE, #004BEE) top/100% var(--marker-fill, 0%) no-repeat,
          #d9d9d9;
      transition: background-size 0.1s linear;
  }

  .entry-marker::after {
      content: "";
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: 3px solid #d9d9d9;
      background: #fff;
      position: relative;
      transition: border-color 0.3s ease, background-color 0.3s ease;
  }

  .timeline-entry.active .entry-marker::after {
      border-color: #004BEE;
      background: #004BEE;
  }

  .timeline-entry:first-child .entry-marker::before {
      top: -50px;
  }

  .timeline-entry:last-child .entry-marker::before {
      bottom: 0;
  }

  .entry-content .entry-content-inner {
      background: #F3F3F6;
      border-radius: 12px;
      padding: 24px;
      border: 1px solid #E8E8ED;
  }


  .entry-date {
      font-size: 12px;
      font-weight: 400;
      color: #6D6D6D;
      line-height: 120%;
      margin-bottom: 8px;
      display: block;
      font-family: 'Azo Sans Lt';
  }

  .entry-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      padding-top: 16px;
      /* display: none; */
  }

  .entry-tag {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 4px 8px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 400;
      color: #fff;
      font-family: 'Azo Sans Lt';
      line-height: 140%;
  }

  .entry-tag.tag-customers {
      background: #ff986a;
  }

  .entry-tag.tag-events {
      background: #3ec8ff;
  }

  .entry-tag.tag-investment {
      background: #35c78a;
  }

  .entry-tag.tag-expansion {
      background: #a05cff;
  }

  .entry-tag.tag-hospitality {
      background: #ffb05a;
  }

  .entry-stats {
      display: flex;
      align-items: center;
      gap: 22px;
      font-size: 12px;
      font-weight: 400;
      color: #444444;
      display: none;
  }

  .entry-stats span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: 'Azo Sans Lt';
      font-weight: 400;
  }

  .entry-stats img {
      width: 18px;
      height: 18px;
  }


  /*  */
  .events-chip {
      background-color: #F4ECFF;
      color: #913EFF;
      font-size: 10px;
      font-weight: 400;
      font-family: 'Azo Sans Lt';
      padding: 6px 12px;
      border-radius: 50px;
      max-width: fit-content;
      width: 100%;
  }

  .product-chip {
      /* background-color: #FDEDF5;
      color: #E84393; */
      background-color: #FDEDF5;
      color: #B4236F;
      font-size: 10px;
      font-weight: 400;
      font-family: 'Azo Sans Lt';
      padding: 6px 12px;
      border-radius: 50px;
      max-width: fit-content;
      width: 100%;
  }

  .partnership-chip {
      background-color: #E9F0FF;
      color: #004BEE;
      font-size: 10px;
      font-weight: 400;
      font-family: 'Azo Sans Lt';
      padding: 6px 12px;
      border-radius: 50px;
      max-width: fit-content;
      width: 100%;
  }

  .customer-chip {
      /* background-color: #FFEBE1;
    color: #FF5E05; */
      background-color: #FFEBE1;
      color: #B54708;
      font-size: 10px;
      font-weight: 400;
      font-family: 'Azo Sans Lt';
      padding: 6px 16px;
      border-radius: 50px;
      max-width: fit-content;
      width: 100%;
  }

  .customer-chip.location-chip {
      background-color: #f3f3f6;
      color: #1e1e1e;
      border: 0.7px solid #d8d8d8;
  }

  .customer-chip.type-chip {
      background-color: #f3f3f6;
      color: #1e1e1e;
      border: 0.7px solid #d8d8d8;
  }

  .customer-chip.room-chip {
      background-color: #f3f3f6;
      color: #1e1e1e;
      border: 0.7px solid #d8d8d8;
  }

  .investment-chip {
      /* background-color: #EBFFEE;
      color: #14AE5C; */
      background-color: #EBFFEE;
      color: #0F7A43;
      font-size: 10px;
      font-weight: 400;
      font-family: 'Azo Sans';
      padding: 6px 12px;
      border-radius: 50px;
      max-width: fit-content;
      width: 100%;
  }

  .news-card-media {
      border: 1px solid #D8D8D8;
      background-color: #FBFCFF;
      padding: 24px;
      border-radius: 24px;
      margin-bottom: 30px;
  }

  .news-card-media-img {
      height: auto;
      height: 450px;
  }

  .news-card-media img {
      width: 100%;
      height: 100%;
      border-radius: 15px;
      object-fit: cover;
  }

  .news-card p {
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 400;
      color: #444444;
      line-height: 140%;
      font-family: 'Azo Sans Lt';
      text-align: justify;
  }

  .news-card p a,
  .card-title h2 a {
      color: #004BEE !important;
  }

  .all-news-card-wrap {
      border: 1px solid #E8E8ED;
      border-radius: 22px;
      padding: 12px;
      margin-bottom: 15px;
  }

  .all-news-card-wrap img {
      width: 100%;
      height: 100%;
  }

  .investment-social {
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
      margin: 24px 0px;
      gap: 16px;
      flex-wrap: wrap;
  }

  .investment-social .entry-stats span {
      font-size: 16px;
  }

  .investment-social .entry-stats img {
      width: 24px !important;
      height: 24px !important;
  }

  .investment-social .events-chip {
      font-size: 16px;
  }

  .investment-social .customer-chip {
      font-size: 16px;
  }

  .investment-social .investment-chip {
      font-size: 16px;
  }

  .investment-social .partnership-chip {
      font-size: 16px;
  }

  .investment-social .product-chip {
      font-size: 16px;
  }


  .custom-card-author {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* border-top: 1px solid #eeeeee; */
      margin-top: 24px;

      .label {
          display: block;
          font-size: 12px;
          color: #444444;
          font-weight: 400;
          font-family: 'Azo Sans Lt';
      }

      .value {
          display: block;
          font-size: 14px;
          color: #1E1E1E;
          font-weight: 400;
          margin-top: 2px;
          font-family: 'Azo Sans Lt';
          margin-bottom: 0px;
      }

      .author,
      .posted {
          text-align: left;
      }

      .posted {
          text-align: right;
      }
  }


  .next-previous-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px;

      @media (max-width:575px) {
          gap: 15px;
      }

      .previous-card,
      .next-card {
          max-width: 280px;
          width: 100%;
          border: 1px solid #C0C6CC;
          border-radius: 8px;
          padding: 12px;

          a {
              text-decoration: unset;
              color: #1E1E1E;
              font-family: 'Azo Sans Lt';
              font-size: 12px;
              font-weight: 400;
              display: flex;
              align-items: center;
              gap: 4px;

              i {
                  font-size: 16px;
              }
          }
      }

      .next-card {
          a {
              justify-content: end;
          }
      }
  }


  .all-news-card-wrap p {
      font-size: 18px;
      font-weight: 400;
      font-family: 'Azo Sans Lt';
      color: #1E1E1E;
      margin: 0px;
      line-height: 120%;
  }

  .all-news-tag {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10px 0px;
  }

  .entry-content-inner p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  @media (max-width: 991px) {
      .entry-content .entry-content-inner {
          padding: 20px;
      }

      .investment-social {
          margin: 15px 0px;
      }

      .custom-card-author {
          margin-top: 15px;
      }

      .news-events-section {
          padding-top: 0px !important;
      }

      .timeline {
          padding: 40px 0 40px;
      }

      .timeline-entry {
          grid-template-columns: 1fr;
          gap: 20px;
          align-items: flex-start;
      }

      .entry-marker {
          position: absolute;
          left: 28px;
          top: 0;
          bottom: 0;
      }

      .entry-marker::before {
          display: none;
      }

      .timeline-entry {
          position: relative;
          border-bottom: 1px solid #E8E8ED;
          padding-bottom: 12px;
          margin-bottom: 12px;
      }

      .entry-marker::after {
          position: absolute;
          top: 12px;
          transform: none;
      }

      .all-news-card {
          width: 48%;
      }

      .news-side-card {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-top: 20px !important;
      }

      .all-news-card-wrap p {
          font-size: 16px;
      }

      .all-news-card-wrap {
          margin-bottom: 20px;
      }

      .hotel-pommier-img {
          height: 300px;
      }

      .entry-marker::after {
          display: none;
      }

      .timeline-list {
          gap: 6px;
      }

      .news-desktop-card {
          display: none;
      }
  }

  @media (max-width: 575px) {
      .entry-content {
          border-radius: 24px;
      }

      .hotel-pommier-img {
          height: 200px;
      }

      .entry-stats {
          gap: 14px;
      }

      .all-news-card {
          width: 100%;
      }

      .news-card-media-img {
          height: 200px;
      }

      .news-card-media {
          padding: 20px;
          border-radius: 20px;
      }

      .news-card-media img,
      .entry-media img {
          object-fit: fill;
      }
  }


  .common-title-banner-small .banner-title p {
      max-width: 700px;
      width: 100%;
      margin: 0 auto;
  }

  .news-card b {
      font-family: 'Azo Sans Lt';
      font-weight: 400;
  }

  .news-events-tag {
      margin: 0 auto;
      text-align: center;
  }

  .news-events-tag span {
      margin: 0px;
  }

  .news-event-banner {
      padding-top: 32px !important;
      padding-bottom: 0px !important;
  }

  .news-card-media .card-title {
      margin-bottom: 12px !important;
  }

  .news-body {
      padding: 32px 0px 32px 0px;
  }

  .news-card strong {
      display: unset !important;
  }