/* card style start */

.eventsContentCard {
  background-color: #efefef;
  border-radius: 5px;
  padding: 10px 20px;
  box-sizing: border-box;
}

.eventsContentCardTitleAndIcons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.eventsContentCardTitle {
  color: #3c6c88;
  font-weight: 700;
  margin: 0;
}

.eventsContentCardIcons {
  display: flex;
  gap: 10px;
}

.eventsContentCardIcon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.eventsContentCardDate {
  color: #d95054;
  font-weight: 500;
}

.eventsContentCardNumber {
  color: #6f6f6f;
  font-size: 14px;
}

.eventsContentCardPackage {
  color: #6f6f6f;
  font-size: 14px;
}

.eventsContentCardPaidStatus {
  display: flex;
  align-items: center;
  gap: 7px;
}

.eventsContentCardPaidStatusColor {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.eventsContentCardPaidStatusColor.paid {
  background-color: #44a047;
}

.eventsContentCardPaidStatusColor.unpaid {
  background-color: #ff181c;
}

.eventsContentCardPaidStatusText {
  font-weight: 300;
  color: #6f6f6f;
  margin: 0;
}

/* card style end */