.project-handover-page .room-selectors-container {
  position: fixed;
  top: calc(var(--navbar-height));
  left: 0;
  right: 0;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  background: #FFFFFF;
  z-index: 10;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.project-handover-page .room-selectors-container.visible {
  pointer-events: initial;
  opacity: 1;
}
.project-handover-page .room-selectors-container #room-selector-links-container {
  overflow: auto;
  /* or 'scroll' if you always want the scrollability */
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
  /* For WebKit-based browsers */
}
.project-handover-page .room-selectors-container #room-selector-links-container::-webkit-scrollbar {
  display: none;
}
.project-handover-page .room-selectors-container #room-selector-links {
  --container-horizontal-margin: calc(var(--window-client-width) - var(--container-desktop-max-width));
  --container-margin-x: calc(var(--container-horizontal-margin) * 0.5);
}
.project-handover-page .room-selectors-container #room-selector-links .nav {
  --bs-nav-link-padding-x: 16px;
  height: 51px;
  width: calc(100% + var(--container-horizontal-margin));
  margin: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: calc(var(--container-margin-x) + 60px - var(--bs-nav-link-padding-x));
  padding-right: var(--container-margin-x);
  border: unset;
}
.project-handover-page .room-selectors-container #room-selector-links .nav .nav-item {
  margin-right: 0;
}
.project-handover-page .room-selectors-container #room-selector-links .nav .nav-item .nav-link {
  font-family: "proxima-nova", "Century Gothic", "Helvetica", "Helvetica Neue", "Arial", "Microsoft Sans Serif", "Avenir", sans-serif;
  letter-spacing: unset;
  color: #8A7C56;
}
.project-handover-page .room-selectors-container #room-selector-links .nav .nav-item .nav-link.active {
  color: #333333;
}
.project-handover-page .room-selectors-container #room-selector-links .nav .nav-item .nav-link:hover,
.project-handover-page .room-selectors-container #room-selector-links .nav .nav-item .nav-link:focus {
  background: unset;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-toggle {
  --bs-form-select-bg-img: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  line-height: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: calc(var(--container-mobile-horizontal-margin-20) * 0.5);
  padding-right: calc(var(--container-mobile-horizontal-margin-20) * 0.5);
  border-radius: 0;
  border-color: #F6F6F6 !important;
  border-left-width: 0;
  border-right-width: 0;
  color: #8A7C56;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-toggle .dec-icon {
  font-size: 25px;
  margin-right: 15px;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-toggle .text {
  font-size: 16px;
  font-weight: 600;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu {
  border-color: #F6F6F6 !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu .dropdown-item {
  font-size: 12px;
  font-weight: 400;
  color: #BFBFBF;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu .dropdown-item .dec-icon {
  display: none;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu .dropdown-item.active,
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: unset;
  color: #333333;
}
.project-handover-page .room-selectors-container #room-selector-dropdown .dropdown-menu::before {
  border-color: #F6F6F6;
}
.project-handover-page .accordion-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.project-handover-page #rooms-accordion {
  row-gap: 30px;
}
.project-handover-page #rooms-accordion > .accordion-item {
  box-shadow: unset;
  border: unset;
}
.project-handover-page #rooms-accordion > .accordion-item > .accordion-header {
  display: none;
}
.project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse {
  border-radius: unset;
}
.project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-inner-separator {
  display: none;
}
.project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body {
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
}
@media (max-width: 768px) {
  .project-handover-page #rooms-accordion {
    row-gap: 0;
  }
  .project-handover-page #rooms-accordion > .accordion-item {
    box-shadow: unset;
    border-radius: unset;
    border: unset;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-header {
    display: block;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-header > .accordion-button {
    padding-left: calc(var(--container-mobile-horizontal-margin-20) * 0.5);
    padding-right: calc(var(--container-mobile-horizontal-margin-20) * 0.5);
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-radius: unset;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-header > .accordion-button > .accordion-button-icon {
    display: initial;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse {
    border-radius: unset;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-inner-separator {
    display: none;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body {
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    padding-bottom: 12px;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion {
    row-gap: 0px;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item {
    box-shadow: unset;
    border-radius: unset;
    border: unset;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item .accordion-header .accordion-button {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: calc(var(--container-mobile-horizontal-margin-40) * 0.5);
    padding-right: calc(var(--container-mobile-horizontal-margin-40) * 0.5);
    cursor: default;
    pointer-events: none;
    font-size: 14px;
    font-weight: 300;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item .accordion-header .accordion-button .accordion-button-icon {
    display: none;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item .accordion-header .accordion-button::after {
    display: none;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item .accordion-collapse .accordion-inner-separator {
    display: none;
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0;
    padding-bottom: 30px;
    --bs-accordion-body-padding-x: calc(var(--container-mobile-horizontal-margin-30) * 0.5);
  }
  .project-handover-page #rooms-accordion > .accordion-item > .accordion-collapse > .accordion-body .accordion .accordion-item + .accordion-item::before {
    content: '';
    display: block;
    height: 0px;
    width: calc(100% - var(--container-mobile-horizontal-margin-20));
    margin: 0 calc(var(--container-mobile-horizontal-margin-20) * 0.5);
    border-top: 1px solid #DBDBDB;
  }
}
.project-handover-page .room-renderings {
  --hero-image-width: calc(var(--container-max-width-px) - 2px - calc(2 * var(--bs-accordion-body-padding-x)));
  --hero-image-height: calc(var(--hero-image-width) / var(--hero-image-aspect-ratio));
  --thumbnails-carousel-width: calc(var(--hero-image-width) + calc(2 * 4px));
  text-align: center;
}
.project-handover-page .room-renderings .hero-images-container .hero-image-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.project-handover-page .room-renderings .hero-images-container .hero-image-container .hero-image {
  border-radius: 10px;
}
.project-handover-page .room-renderings .hero-images-container .slick-slider {
  margin-bottom: 0;
}
.project-handover-page .room-renderings .thumbnails-container {
  --total-gap: calc(calc(var(--max-slick-slides) - 1) * var(--gap-x));
  margin-top: calc(var(--target-margin-top) - 4px);
}
.project-handover-page .room-renderings .thumbnails-container .thumbnail-image-container {
  --thumbnail-height: calc(var(--hero-image-height) / var(--hero-to-thumbnail-height-proportion));
  width: calc(calc(var(--thumbnails-carousel-width) - var(--total-gap)) / var(--max-slick-slides));
  height: calc(var(--thumbnail-height) + calc(2 * 4px));
  cursor: pointer;
  border-radius: 10px;
  border-style: solid;
  border-width: 4px;
  border-color: transparent;
  overflow: hidden;
  margin-right: var(--gap-x);
}
.project-handover-page .room-renderings .thumbnails-container .thumbnail-image-container.slick-active {
  cursor: default;
  border-color: #B19F6F;
}
.project-handover-page .room-renderings .thumbnails-container .slick-carousel {
  width: var(--thumbnails-carousel-width);
  margin-bottom: 0;
}
@media (min-width: 0) {
  .project-handover-page .room-renderings {
    --container-to-hero-width-delta: 42px;
    --hero-image-aspect-ratio: calc(334 / 215);
    --bs-accordion-body-padding-x: calc(var(--container-mobile-horizontal-margin-20) * 0.5) !important;
  }
  .project-handover-page .room-renderings .thumbnails-container {
    --max-slick-slides: 5;
    --target-margin-top: 14px;
    --gap-x: 2px;
    --overflow-x: var(--bs-accordion-body-padding-x);
    --margin-x: calc(-1 * calc(var(--overflow-x) + 4px));
    width: var(--window-client-width);
    margin-left: var(--margin-x);
    margin-right: var(--margin-x);
    padding-left: var(--overflow-x);
    padding-right: var(--overflow-x);
    overflow: hidden;
  }
  .project-handover-page .room-renderings .thumbnails-container .thumbnail-image-container {
    --hero-to-thumbnail-height-proportion: calc(215 / 59);
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-list {
    overflow: unset;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-next {
    display: none !important;
    transform: translateY(-20%);
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-prev {
    left: -12px;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-next {
    right: -12px;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .thumbnail-image-container,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .thumbnail-image-container,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .thumbnail-image-container {
    --thumbnail-aspect-ratio: calc(228 / 128);
    --thumbnail-width: calc(var(--thumbnail-height) * var(--thumbnail-aspect-ratio));
    width: calc(var(--thumbnail-width) + calc(2 * 4px));
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .thumbnail-image-container:last-child,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .thumbnail-image-container:last-child,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .thumbnail-image-container:last-child {
    margin-right: 0;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .slick-track,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .slick-track,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .slick-track {
    width: 100% !important;
    transform: unset !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .slick-next,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .slick-next,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .slick-next {
    display: none !important;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="3"] .thumbnail-image-container,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="4"] .thumbnail-image-container,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="5"] .thumbnail-image-container {
    --thumbnail-aspect-ratio: calc(105 / 59);
  }
}
@media (min-width: 768px) {
  .project-handover-page .room-renderings {
    --container-to-hero-width-delta: 120px;
    --hero-image-aspect-ratio: calc(970 / 532);
    --bs-accordion-body-padding-x: 59px !important;
  }
  .project-handover-page .room-renderings .thumbnails-container {
    --max-slick-slides: 6;
    --target-margin-top: 20px;
    --gap-x: 12px;
    --overflow-x: 0px;
    width: var(--thumbnails-carousel-width);
  }
  .project-handover-page .room-renderings .thumbnails-container .thumbnail-image-container {
    --hero-to-thumbnail-height-proportion: calc(532 / 128);
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-list {
    overflow: hidden;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-next {
    display: block !important;
    transform: translateY(-30%);
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-prev {
    left: -22px;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel .slick-next {
    right: -22px;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .thumbnail-image-container {
    --thumbnail-aspect-ratio: calc(228 / 128);
    --thumbnail-width: calc(var(--thumbnail-height) * var(--thumbnail-aspect-ratio));
    width: calc(var(--thumbnail-width) + calc(2 * 4px));
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .thumbnail-image-container:last-child {
    margin-right: 0;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .slick-track {
    width: 100% !important;
    transform: unset !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .slick-prev,
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .slick-next {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .project-handover-page .room-renderings .thumbnails-container .slick-carousel[data-slides-count="6"] .thumbnail-image-container {
    --thumbnail-aspect-ratio: calc(105 / 59);
  }
}
.project-handover-page .room-floorplan ul.floorplan-items {
  list-style-type: none;
}
.project-handover-page .room-floorplan ul.floorplan-items li {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.project-handover-page .room-floorplan ul.floorplan-items li .number-badge {
  min-width: 22px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  font-size: 12px;
  line-height: 12px;
  background: #B19F6F;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.project-handover-page .room-floorplan ul.floorplan-items li .item-name {
  font-size: 14px;
}
.project-handover-page .room-floorplan ul.floorplan-items li + li {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .project-handover-page .room-floorplan ul.floorplan-items {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 20px;
    padding-inline-start: 0;
  }
}
.project-handover-page .room-moodboard .img-polaroid {
  border-radius: 10px;
}
.project-handover-page .room-paint-colors .room-container + .room-container {
  position: relative;
  padding-top: 50px;
}
.project-handover-page .room-paint-colors .room-container + .room-container::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(-1 * var(--bs-accordion-body-padding-x));
  right: calc(-1 * var(--bs-accordion-body-padding-x));
  border-bottom: 1px solid #DBDBDB;
}
.project-handover-page .room-paint-colors .subheading {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 20px;
}
.project-handover-page .room-paint-colors .text {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 41px;
}
.project-handover-page .room-paint-colors .paint-colors {
  font-size: 14px;
  margin-bottom: 41px;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row + .paint-color-row::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(-0.5 * var(--bs-accordion-body-padding-x));
  right: calc(-0.5 * var(--bs-accordion-body-padding-x));
  border-bottom: 1px solid #BFBFBF;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row {
  padding: 12px 0;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 15px;
  --color-swatch-width: 62px;
  --color-swatch-container-width: max(11%, var(--color-swatch-width));
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row.thead-tr * {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
  color: #333333 !important;
  margin: 0 !important;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row.thead-tr::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(-0.5 * var(--bs-accordion-body-padding-x));
  right: calc(-0.5 * var(--bs-accordion-body-padding-x));
  border-bottom: 1px solid #BFBFBF;
  top: unset !important;
  bottom: 0;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .color-swatch-container {
  width: var(--color-swatch-container-width);
  display: flex;
  justify-content: left;
  align-items: center;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .color-swatch-container .color-swatch {
  width: var(--color-swatch-width);
  height: calc(var(--color-swatch-width) + 3px);
  transform: scaleY(0.95);
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container {
  width: calc(100% - var(--color-swatch-container-width));
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .room-area {
  order: 4;
  width: calc(100% - 21% - 25% - 30%);
  padding-left: 15px;
  font-size: 14px;
  font-weight: 300;
  color: #707070;
  text-transform: capitalize;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .color-name {
  order: 1;
  width: 21%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  text-transform: capitalize;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .company-code {
  order: 2;
  width: 25%;
  margin-bottom: 0;
  font-size: 14px;
  color: #333333;
  text-transform: capitalize;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .paint-item-link {
  order: 3;
  width: 30%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-break: anywhere;
}
.project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .paint-item-link a {
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: 0;
  display: block;
  min-height: 24px;
}
@media (max-width: 768px) {
  .project-handover-page .room-paint-colors .accordion-body {
    padding-top: var(--bs-accordion-body-padding-y) !important;
  }
  .project-handover-page .room-paint-colors .subheading {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 18px;
  }
  .project-handover-page .room-paint-colors .text {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 18px;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row {
    --color-swatch-width: 69px;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row.thead-tr {
    display: none;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row::before {
    display: none;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row::after {
    display: none;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container {
    width: calc(100% - 15px - var(--color-swatch-container-width));
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .room-area {
    order: 1;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    color: #707070;
    margin-bottom: 0.25rem;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .color-name {
    order: 2;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #707070;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .company-code {
    order: 3;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #707070;
  }
  .project-handover-page .room-paint-colors .paint-colors .paint-color-row .text-cols-container .paint-item-link {
    order: 4;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
  }
}
.project-handover-page .room-shopping-list .handover-grid table {
  table-layout: fixed;
  height: 1px;
  --brand-disc-col-width: 105px;
  --dynamic-width: calc(100% - var(--photo-col-width) - var(--brand-disc-col-width));
}
.project-handover-page .room-shopping-list .handover-grid table td,
.project-handover-page .room-shopping-list .handover-grid table th {
  table-layout: fixed;
  background-color: transparent;
  height: 100%;
  padding: 10px;
}
.project-handover-page .room-shopping-list .handover-grid table th {
  color: #333333;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
  vertical-align: middle;
  border: unset !important;
}
.project-handover-page .room-shopping-list .handover-grid table td {
  color: #333333;
  border: unset !important;
}
.project-handover-page .room-shopping-list .handover-grid table thead {
  position: relative;
}
.project-handover-page .room-shopping-list .handover-grid table thead tr::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(-0.5 * var(--bs-accordion-body-padding-x));
  right: calc(-0.5 * var(--bs-accordion-body-padding-x));
  border-bottom: 1px solid #BFBFBF;
  top: unset !important;
  bottom: 0;
}
.project-handover-page .room-shopping-list .handover-grid table tbody tr + tr {
  position: relative;
}
.project-handover-page .room-shopping-list .handover-grid table tbody tr + tr::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(-0.5 * var(--bs-accordion-body-padding-x));
  right: calc(-0.5 * var(--bs-accordion-body-padding-x));
  border-bottom: 1px solid #BFBFBF;
}
.project-handover-page .room-shopping-list .handover-grid table .brand-disc-cont-mob {
  display: none;
}
.project-handover-page .room-shopping-list .handover-grid table .photo-col-width {
  width: 14.95%;
  padding-left: 0;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-pic {
  vertical-align: middle;
  padding-left: 0;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-pic .img-container {
  max-width: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-pic .img-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col-width {
  width: 26.29%;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col .company-name {
  order: 1;
  font-size: 16px;
  font-weight: 500;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col br {
  display: none;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col .item-name {
  order: 2;
  font-size: 12px;
  color: #707070;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col .dimensions {
  order: 3;
  margin-top: 15px;
  font-size: 12px;
}
.project-handover-page .room-shopping-list .handover-grid table .name-col .quantity {
  order: 4;
  font-size: 12px;
}
.project-handover-page .room-shopping-list .handover-grid table .desc-col-width {
  width: 33.3%;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-desc {
  padding-top: 20px;
  font-size: 14px;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-desc div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.project-handover-page .room-shopping-list .handover-grid table .link-col-width {
  width: 13.61%;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-link {
  vertical-align: middle;
  font-weight: 600;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-link a {
  display: block;
  height: 24px;
  font-size: 12px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-link a.btn-show-instance-modal {
  width: 100%;
  min-width: 110px;
  height: 30px;
  border-radius: 5px;
  border: 2px solid #D4C292;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8A7C56;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;
}
.project-handover-page .room-shopping-list .handover-grid table .shop-item-link a.btn-show-instance-modal:hover {
  color: #111111;
}
.project-handover-page .room-shopping-list .handover-grid table .brand-disc-col-width {
  width: 11.86%;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge {
  text-align: center;
  color: white;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge div {
  margin: 0;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge div .first-line {
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge div .second-line {
  line-height: 10px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge.brand-disc-badge-large {
  width: 75px;
  height: 75px;
}
.project-handover-page .room-shopping-list .handover-grid .brand-disc-badge.brand-disc-badge-large p {
  padding-top: 20px;
}
.project-handover-page .room-shopping-list .handover-grid tr.hasLinkedInstance {
  cursor: pointer;
}
.project-handover-page .room-shopping-list .handover-grid tr.hasLinkedInstance .img-container:hover img {
  border: 1px solid #B19F6F;
}
.project-handover-page .room-shopping-list .handover-grid tr.hasLinkedInstance .name-col:hover .item-name {
  text-decoration: underline;
}
.project-handover-page .room-shopping-list .shop-with-decorilla {
  position: relative;
  padding: 30px var(--bs-accordion-body-padding-x);
  gap: 35px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.project-handover-page .room-shopping-list .shop-with-decorilla > * {
  position: relative;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .shop-with-decorilla-bg {
  object-position: 50% 72%;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .shop-with-decorilla-bg-overlay {
  background-color: #F0EDE4;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .shop-with-decorilla-bg,
.project-handover-page .room-shopping-list .shop-with-decorilla .shop-with-decorilla-bg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-transform: capitalize;
  font-weight: 600;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .subtitle {
  margin-top: 10px;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .row {
  row-gap: 12px;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .block .item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  font-size: 14px;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .block .item .dec-icon {
  font-size: 21px;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .block .item p {
  margin-bottom: 0;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .block .item b {
  font-weight: 500;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .btn-container {
  text-align: center;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .promo-code-text {
  margin-top: -15px;
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
}
.project-handover-page .room-shopping-list .shop-with-decorilla .promo-code-text b {
  font-weight: 500;
}
@media (max-width: 992px) {
  .project-handover-page .room-shopping-list .shop-with-decorilla .row {
    gap: 31px;
  }
}
@media (max-width: 768px) {
  .project-handover-page .room-shopping-list .accordion-header {
    display: none;
  }
  .project-handover-page .room-shopping-list .shop-with-decorilla {
    border-radius: 0;
    border: unset;
    margin-left: calc(-1 * var(--bs-accordion-body-padding-x));
    margin-right: calc(-1 * var(--bs-accordion-body-padding-x));
  }
}
@media (max-width: 768px) {
  .project-handover-page .room-shopping-list .handover-grid {
    margin-top: -20px;
  }
  .project-handover-page .room-shopping-list .handover-grid table {
    --shop-item-pic-max-width: min(26dvw, 114px);
    --tr-padding-top: 45px;
    --tr-padding-bottom: 30px;
  }
  .project-handover-page .room-shopping-list .handover-grid table thead {
    display: none;
  }
  .project-handover-page .room-shopping-list .handover-grid table tr {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: var(--shop-item-pic-max-width);
    padding-top: var(--tr-padding-top);
    padding-bottom: var(--tr-padding-bottom);
    min-height: calc(var(--tr-padding-top) + var(--shop-item-pic-max-width) + var(--tr-padding-bottom));
  }
  .project-handover-page .room-shopping-list .handover-grid table td {
    padding-left: 18px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: inline-block;
    border: none !important;
  }
  .project-handover-page .room-shopping-list .handover-grid table .brand-disc-cont-mob {
    display: block;
    position: absolute;
    padding-left: 0;
    top: 21px;
    left: -10px;
    z-index: 1;
  }
  .project-handover-page .room-shopping-list .handover-grid table .shop-item-pic {
    position: absolute;
    left: 0;
    max-width: var(--shop-item-pic-max-width);
    padding: 0;
  }
  .project-handover-page .room-shopping-list .handover-grid table .shop-item-pic .img-container {
    max-width: 100%;
    height: var(--shop-item-pic-max-width);
  }
  .project-handover-page .room-shopping-list .handover-grid table .name-col {
    padding-top: 0;
  }
  .project-handover-page .room-shopping-list .handover-grid table .name-col .company-name {
    font-size: 16px;
    font-weight: 400;
  }
  .project-handover-page .room-shopping-list .handover-grid table .name-col .item-name {
    font-size: 12px;
    font-weight: 300;
    color: #707070;
  }
  .project-handover-page .room-shopping-list .handover-grid table .name-col .dimensions {
    margin-top: 0;
  }
  .project-handover-page .room-shopping-list .handover-grid table .shop-item-desc {
    display: none;
  }
  .project-handover-page .room-shopping-list .handover-grid table .shop-item-link a.sample-shop-item-link {
    font-size: 12px;
  }
  .project-handover-page .room-shopping-list .handover-grid table .shop-item-link a.sample-shop-item-link.admin-item-link {
    height: auto;
  }
  .project-handover-page .room-shopping-list .handover-grid table .brand-disc-cont {
    display: none;
  }
}
#final_package_pane_content_addendum .addendum-container .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  #final_package_pane_content_addendum {
    padding-top: 0;
  }
  #final_package_pane_content_addendum .addendum-container {
    --container-mobile-horizontal-margin: 0;
  }
  #final_package_pane_content_addendum .addendum-container .accordion {
    row-gap: 0;
  }
  #final_package_pane_content_addendum .addendum-container .accordion .accordion-item {
    box-shadow: unset;
    border-radius: unset;
    border: unset;
  }
  #final_package_pane_content_addendum .addendum-container .accordion .accordion-item .accordion-button {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-radius: unset;
  }
  #final_package_pane_content_addendum .addendum-container .accordion .accordion-item .accordion-collapse {
    border-radius: unset;
  }
  #final_package_pane_content_addendum .addendum-container .accordion .accordion-item .accordion-collapse .accordion-inner-separator {
    display: none;
  }
}
.shopping-list-pdf-row {
  margin-bottom: 6px;
}
.shopping-list-pdf-download {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5bc0de;
}
.shopping-list-pdf-download:hover,
.shopping-list-pdf-download:focus {
  color: #31b0d5;
  text-decoration: none;
}
.shopping-list-pdf-download-icon {
  display: inline-block;
  margin-right: 4px;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
}
.shopping-list-pdf-download-icon svg {
  width: 14px;
  height: 14px;
  fill: #5bc0de;
}
.shopping-list-pdf-download-icon svg:hover {
  fill: #31b0d5;
}