.galeri-content {
  padding: 60px 100px;
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 100px; /* Space between the two sections */
  position: relative; /* for the back button */
}

.gallery-section {
  display: flex;
  gap: 40px;
}

/* HIDDEN GEM SECTION */
.hidden-gem .hg-left {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.hidden-gem .hg-left-bottom {
  display: flex;
  gap: 20px;
}

.hidden-gem .hg-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 50px;
}

/* WORK FRIENDLY SECTION */
.work-friendly .wf-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: left;
}

.work-friendly .wf-right {
  flex: 1.2;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.wf-title {
  text-align: left;
  width: 100%;
}

.wf-desc {
  text-align: left;
  width: 100%;
}

/* GENERAL TYPOGRAPHY */
.section-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  color: #e22326;
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.galeri-content p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 1.6;
}

/* IMAGE STYLES */
.rounded-img {
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.full-width {
  width: 100%;
  height: auto;
}

.half-width {
  width: calc(50% - 10px);
  height: auto;
}


/* BACK BUTTON */
.back-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 90px;
  height: 90px;
  background-image: url('../icon/Back%20Before.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
  z-index: 100;
}

.back-button:hover {
  background-image: url('../icon/Back%20After.png');
  transform: scale(1.05);
}