.liners-list {
  background: #EDEDED;
  padding: 30px 0 70px;
  margin-bottom: 0;
}

.liner-card__image {
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 12px;
}

.liner-card__content h3 {
  font-size: 17px;
  line-height: 19px;
  color: var(--colorBlue);
  font-weight: 700;
  margin-bottom: 5px;
}

.liner-card__rate {
  margin-bottom: 6px;
}

.liner-card ul {
  color: #4e4e4e;
}

.liner-card ul li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.head_classs {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 10px 20px;
  background-color: #fff;
  text-decoration: none;
  width: 100%;
  font-size: 18px;
  font-weight: bolder;
  line-height: 24px;
  color: var(--colorBlue);
  background-color: #eeeeee;

}

.head_classs span{
  position:absolute;
  right:10px;
  font-size: 14px;
  font-weight:normal;
}


@media (max-width: 998px) {
  .liners-list {
    padding-top: 20px;
  }

  .liners-list .grid-4 {
    gap: 30px 24px;
  }

  .liners-list .grid-item {
    flex: 0 0 calc(33% - 16px);
  }
}

@media (max-width: 576px) {
  .liners-list {
    padding-bottom: 44px;
  }

  .liners-list .grid-4 {
    gap: 30px 20px;
  }

  .liners-list .grid-item {
    flex: 0 0 calc(50% - 10px);
  }

  .liner-card__image {
    margin-bottom: 8px;
  }

}

@media (max-width: 480px) {
  .company-class .grid-4 .grid-item {
    flex: 0 0 calc(50% - 10px);
  }

  .liners-list .grid-item {
    flex: 0 0 100%;
  }

  .liner-card__image {
    width: 100%;
    aspect-ratio: 12/10;
    margin-bottom: 12px;
  }

  .cruises_items .button {
    padding: 10px 5px;
  }

}