#global-corridoor .container .wrapper {
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 72px;
}

#global-corridoor .corridoor-information {
  display: flex;
  gap: 24px;
  flex-direction: row;
  padding: 0 48px;
}

/* Left Col, Logo and link to past tours */
#global-corridoor .corridoor-information .left-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(5 / 12 * 100% - 12px); /* 5/12 width minus half of the gap */
}

#global-corridoor .corridoor-information .left-col .corridoor-logo {
  width: auto;
  height: 180px;
}

/* Right Col, Description and CTA */
#global-corridoor .corridoor-information .right-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: calc(7 / 12 * 100% - 12px); /* 7/12 width minus half of the gap */
}

#global-corridoor .corridoor-information .right-col p {
  white-space: pre-line;
}

/* Participating Tenants Section */
#global-corridoor .corridoor-tenants {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 48px;
}

#global-corridoor .corridoor-tenants .tenant-list {
  display: flex;
  flex-direction: row;
  width: 100%;
}

#global-corridoor .corridoor-tenants .tenant-list .tenant-item {
  flex-grow: 1;
  height: 96px;
}

/* Featured Tours Carousel */
#global-corridoor .corridoor-featured-tours {
  position: relative;
  overflow: hidden;
}

#global-corridoor .corridoor-featured-tours .tour-list {
  display: flex;
  gap: 24px;
  cursor: grab;
  user-select: none;
  transition: transform 0.5s ease;
}

#global-corridoor .corridoor-featured-tours .tour-list.dragging {
  cursor: grabbing;
  transition: none;
}

/* Tour Item Styling */
#global-corridoor .corridoor-featured-tours .tour-item {
  min-width: 480px;
  height: 640px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

#global-corridoor .corridoor-featured-tours .tour-item:hover {
  transform: none; /* Removed the translateY(-5px) effect */
}

/* Background Image */
#global-corridoor .corridoor-featured-tours .tour-item .tour-item-background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

/* Overlay Effect */
#global-corridoor .corridoor-featured-tours .tour-item .tour-item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 40px;
  box-sizing: border-box;
  background: transparent; /* No gradient by default */
  transition: background-color 0.3s ease;
}

#global-corridoor .corridoor-featured-tours .tour-item:hover .tour-item-overlay {
  background-color: rgba(65, 46, 38, 0.7); /* Brown dark with 70% opacity */
}

/* Content Styling */
#global-corridoor .corridoor-featured-tours .tour-item .tour-content {
  color: #fff;
  z-index: 2;
  opacity: 0; /* Hide content by default */
  transition: opacity 0.3s ease;
}

#global-corridoor .corridoor-featured-tours .tour-item:hover .tour-content {
  opacity: 1; /* Show content on hover */
  transform: none; /* Removed the translateY animation */
}

#global-corridoor .corridoor-featured-tours .tour-item h6 {
  font-size: 1.33em;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 4px;
}

#global-corridoor .corridoor-featured-tours .tour-item p {
  font-size: 1.33em;
  line-height: 150%;
  font-weight: 400;
}

/* XXL Screens (1800px and up) */
@media (min-width: 1800px) {
}

/* XL Screens (1600px-1799px) */
@media (min-width: 1600px) and (max-width: 1799px) {
}

/* Large Screens (1400px-1599px) */
@media (min-width: 1400px) and (max-width: 1599px) {
}

/* Medium-Large Screens (1200px-1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
}

/* Small-Medium Screens (max-width: 1199px) */
@media (max-width: 1199px) {
}

/* Small Screens (max-width: 992px) */
@media (max-width: 992px) {
}

/* Mobile Screens (max-width: 768px) */
@media (max-width: 768px) {
  #global-corridoor .container .wrapper {
    padding: 48px 0;
    gap: 48px;
  }

  #global-corridoor .corridoor-information {
    flex-direction: column;
    gap: 48px;
    padding: 0 24px;
  }

  #global-corridoor .corridoor-information .left-col {
    width: 100%;
    gap: 24px;
  }

  #global-corridoor .corridoor-information .left-col .corridoor-logo {
    height: 120px;
  }

  #global-corridoor .corridoor-information .right-col {
    width: 100%;
  }

  #global-corridoor .corridoor-tenants {
    padding: 0 24px;
  }

  #global-corridoor .corridoor-tenants .tenant-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 24px;
  }

  #global-corridoor .corridoor-tenants .tenant-list .tenant-item {
    flex-grow: 0;
    height: 80px;
  }

  #global-corridoor .corridoor-tenants .tenant-list .tenant-item img {
    height: 100%;

    max-width: 100%;
    object-fit: contain;
  }

  #global-corridoor .corridoor-featured-tours .tour-item {
    min-width: 50%;
    height: 280px;
  }
}