.nl-partner-info-card {
  background-color: #f6f7f8;
  padding: 10px;
  font-size: smaller;
}

.nl-partner-details-card {
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.nl_network_member_name {
  font-weight: bold;
}

.nl-arrow-button {
  a {
    display: inline-flex;
  }
  a::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22white%22%3E%3C%21--%21Font%20Awesome%20Free%206.6.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l82.7%200L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3l0%2082.7c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-160c0-17.7-14.3-32-32-32L320%200zM80%2032C35.8%2032%200%2067.8%200%20112L0%20432c0%2044.2%2035.8%2080%2080%2080l320%200c44.2%200%2080-35.8%2080-80l0-112c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20112c0%208.8-7.2%2016-16%2016L80%20448c-8.8%200-16-7.2-16-16l0-320c0-8.8%207.2-16%2016-16l112%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L80%2032z%22%2F%3E%3C%2Fsvg%3E");
    width: 16px;
    height: 16px;
    padding-right: 6px;
    margin-top: auto;
    margin-bottom: auto;
  }
}

/* Container for the offer cards */
.nl-offerings-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 800px;
}

/* Offer card styling */
.nl-offering-card {
  width: 250px;
  padding: 15px;
  background-color: #fff;
  cursor: pointer;
  transition: transform 0.3s;
}

.nl-offering-card:hover {
  transform: scale(1.05);
}

.nl-offering-card img {
  width: 100%;
}

/* Modal styling */
.nl-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 99999;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
}

.nl-modal-content {
  position: relative;
  background-color: #fff;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  position: relative;
  max-height: 90vh;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.nl-modal-content img {
  max-width: 100%;
  max-height: 100vh;
}

.nl-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

/* Scrollable text area for the offer description */
.nl-offering-description {
  max-height: 100%;
  min-height: 100px;

  margin-top: 10px;
  text-align: left;
}

.nl-offering-title {
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.nl-offering-description-box {
  max-height: 110px;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* Copyright styling inside the modal, directly under the image */
.nl-copyright-text {
  font-size: 10px;
  color: #666;
  margin-top: 5px;
  text-align: center;
}

.nl-aside-sticky-top {
  position: sticky;
  top: 50px;
}