.header-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-section a {
  text-transform: none !important;
}
.header-section .title-row,
.header-section .subtitle-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header-section .titles {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-section .titles .heading {
  text-align: center;
  line-height: 46px !important;
}
.header-section .titles .heading-underline {
  border-top: 1px solid #B19F6F;
  height: 10px;
  max-width: var(--container-max-width-px);
  transition: width 100ms;
}
.header-section .subtitles {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-section .subtitles .subheading {
  margin-top: 0;
  line-height: 19.5px !important;
  font-size: 14px;
  font-weight: 300;
  color: #707070;
}
@media (max-width: 768px) {
  .header-section .subtitles .subtitle-row {
    flex-direction: column;
  }
  .header-section .subtitles .separator {
    display: none;
  }
}
.alert-locked {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.alert-locked .dec-lock-icon {
  font-size: 44.5px;
}
.alert-locked .description {
  max-width: 520px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .alert-locked .dec-lock-icon {
    font-size: 29.5px;
  }
}
.project-hero-section .btn-group-cont {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
}
.project-hero-section .btn-group-cont .btn.btn-phase {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.8px;
  margin-left: 40px;
  padding: unset;
  min-width: unset !important;
  width: unset !important;
  max-width: unset !important;
  color: #333333;
  border: unset;
}
.project-hero-section .btn-group-cont .btn.btn-phase.active,
.project-hero-section .btn-group-cont .btn.btn-phase:hover {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #B19F6F;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
  color: #333333;
  border: unset;
  background: unset;
}
@media (max-width: 768px) {
  .project-hero-section .btn-group-cont .btn.btn-phase {
    margin-left: unset;
    margin-right: 20px;
    font-size: 14px;
  }
  .project-hero-section .btn-group-cont .btn.btn-phase.active,
  .project-hero-section .btn-group-cont .btn.btn-phase:hover {
    font-size: 14px;
    font-weight: 500;
  }
}
.project-hero-section .project-hero-container {
  --project-hero-container-aspect-ratio: calc(1118 / 475);
  width: 100%;
  height: calc(var(--container-max-width-px) / var(--project-hero-container-aspect-ratio));
  margin-bottom: 20px;
}
.project-hero-section .project-hero-container img {
  border-radius: 10px;
}
.project-hero-section .project-hero-banner {
  height: 90px;
  background-color: #F0EDE4;
  position: relative;
  overflow: hidden;
}
.project-hero-section .project-hero-banner .right-arc {
  position: absolute;
  width: 45%;
  height: 200px;
  right: 0;
  border-top-left-radius: 200px 200px;
  background-color: #D4CAAF;
}
.project-hero-section .project-hero-banner .container {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: min(calc(var(--container-max-width) * 0.023), 20px);
}
.project-hero-section .project-hero-banner .container .banner-left-block {
  width: 65%;
  height: 100%;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.project-hero-section .project-hero-banner .container .banner-left-block b {
  font-weight: 600;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos {
  --banner-photos-width: 93px;
  position: relative;
  width: var(--banner-photos-width);
  height: 100%;
  display: inline-block;
  margin-right: 20px;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos .banner-photo-container {
  --banner-photo-size: 46px;
  position: absolute;
  width: var(--banner-photo-size);
  height: var(--banner-photo-size);
  border: 1px solid white;
  border-radius: 23px;
  overflow: hidden;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos .banner-photo-container .banner-photo {
  width: 56px !important;
  object-position: top -3px left -5px;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos .banner-photo-container-0 {
  top: 4px;
  left: 15px;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos .banner-photo-container-1 {
  top: 26px;
  left: 46px;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-photos .banner-photo-container-2 {
  top: 40px;
  left: 0px;
}
.project-hero-section .project-hero-banner .container .banner-left-block .banner-text .br-custom {
  display: none;
}
.project-hero-section .project-hero-banner .container .banner-right-block {
  text-align: right;
  width: 33%;
  font-family: "Ethereal", "NanumMyeongjo", "Goudy Old Style", "Times New Roman", "Georgia", "Big-Caslon", serif;
  font-size: max(calc(var(--container-max-width) * 0.019642857), 15px);
  font-weight: 700;
}
@media (max-width: 768px) {
  .project-hero-section .project-hero-container {
    --project-hero-container-aspect-ratio: calc(414 / 227);
    --container-mobile-horizontal-margin: 0px !important;
    margin-bottom: 0;
  }
  .project-hero-section .project-hero-container img {
    border-radius: 0;
  }
  .project-hero-section .project-hero-banner .right-arc {
    display: none;
  }
  .project-hero-section .project-hero-banner .container {
    font-size: 14px;
  }
  .project-hero-section .project-hero-banner .container .banner-left-block {
    width: 100%;
    justify-content: space-evenly;
  }
  .project-hero-section .project-hero-banner .container .banner-left-block .banner-photos {
    --banner-photos-width: 106px;
    left: -5px;
    margin-right: 0;
    transform: scale(0.7);
  }
  .project-hero-section .project-hero-banner .container .banner-right-block {
    display: none;
  }
}
@media (max-width: 400px) {
  .project-hero-section .project-hero-banner .container .banner-left-block .banner-text {
    max-width: calc(100% - 80px);
  }
  .project-hero-section .project-hero-banner .container .banner-left-block .banner-text br {
    display: none;
  }
  .project-hero-section .project-hero-banner .container .banner-left-block .banner-text br.br-custom {
    display: initial;
  }
}
.project-content-section .tab-pane {
  padding-top: 30px;
  padding-bottom: 60px;
}
.project-content-section #project_tabs {
  margin-top: 51px;
}
.project-content-section #project_tabs .nav-container .nav.nav-tabs .nav-item .nav-link {
  --bs-nav-link-font-size: 18px;
  text-wrap: nowrap;
  font-family: "Ethereal", "NanumMyeongjo", "Goudy Old Style", "Times New Roman", "Georgia", "Big-Caslon", serif;
  text-transform: unset;
}
.project-content-section #project_tabs .nav-container .nav.nav-tabs .nav-item .nav-link.active {
  font-weight: 900;
  background: #F6F6F6;
}
@media (min-width: 768px) {
  .project-content-section .accordion .accordion-item .accordion-body {
    --bs-accordion-body-padding-x: 59px;
    --bs-accordion-body-padding-y: 20px;
  }
}
@media (max-width: 768px) {
  .project-content-section .nav-container {
    overflow-x: hidden;
    overflow-y: clip;
  }
  .project-content-section .nav-container .nav.nav-tabs {
    margin-top: 4px;
    margin-left: calc(var(--container-mobile-horizontal-margin) * 0.5);
    margin-right: calc(var(--container-mobile-horizontal-margin) * 0.5);
    max-width: unset;
    width: min-content;
    flex-wrap: nowrap;
  }
  .project-content-section .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
  }
}
.project-handover-section .project-entries-container .row.cards {
  row-gap: 20px;
}
.project-handover-section .project-entries-container .card.project-entry a.open-entry:has(img) {
  display: block;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
}
.project-handover-section .project-entries-container .card.project-entry .card-body {
  position: relative;
}
.project-handover-section .project-entries-container .card.project-entry .card-body .initial-proposal-number {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.project-handover-section .project-entries-container .card.project-entry .card-body .initial-proposal-designer {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.project-handover-section .project-entries-container .card.project-entry .card-body .initial-proposal-designer a {
  text-decoration: unset;
}
.project-handover-section .project-entries-container .card.project-entry .card-body .comment-icon {
  position: absolute;
  top: var(--bs-card-spacer-y);
  right: var(--bs-card-spacer-x);
  color: #B19F6F;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .project-handover-section .project-entries-container .card.project-entry .card-body .initial-proposal-number {
    font-size: 16px;
  }
}
#initial_entry_pane_content_addendum {
  display: none;
  padding-top: 80px;
}
#initial_entry_pane_content_addendum .comment-widget .comments-container .alert-locked {
  background: #F6F6F6;
}
@media (max-width: 768px) {
  #initial_entry_pane_content_addendum {
    padding-top: 35px;
  }
}
#finalPackageTab {
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  #finalPackageTab {
    padding-bottom: 0;
  }
}
#final_package_pane_content_addendum {
  display: none;
  padding-top: 10px;
  padding-bottom: 30px;
  background: #F6F6F6;
}
#final_package_pane_content_addendum .testimonial-section-container {
  padding-top: 80px;
}
@media (max-width: 768px) {
  #final_package_pane_content_addendum .testimonial-section-container {
    padding-top: 48px;
  }
}
#final_package_pane_content_addendum .comment-widget .comments-container .comments-list .comment-instance {
  background: unset;
}
#final_package_pane_content_addendum .comment-widget .comments-container .comments-list .comment-instance .media-object {
  border: 1px solid #707070;
}
#final_package_pane_content_addendum .comment-widget .comments-container .comments-list .comment-instance .media-body {
  background: #FFFFFF;
}
#final_package_pane_content_addendum .comment-widget .comments-container .alert-locked {
  background: #FFFFFF;
}
@media (max-width: 768px) {
}
.centered-section {
  text-align: center;
}
#design-style-section.split-banner-section {
  --split-banner-section-background-color: #FFFFFF;
  margin-top: 0 !important;
}
#design-style-section.split-banner-section .split-banner-image {
  object-position: center;
}
@media (max-width: 426px) {
  #design-style-section.split-banner-section .split-banner-image {
    height: 100%;
    width: 110% !important;
    object-position: -20px 0 !important;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  #design-style-section.split-banner-section .split-banner-image {
    height: 500px;
    width: 110% !important;
    object-position: -60px 0 !important;
  }
}
#design-style-section.split-banner-section .text-block .text-block-column {
  --primary-button-width: 374px;
}
#start_project_bottom_section {
  padding-bottom: var(--spacing-between-sections-ds);
}
#start_project_bottom_section_questionnaire {
  background-color: #F6F6F6;
  padding-bottom: var(--spacing-between-sections-ds);
}
body:has(#designBriefTabMarker.active) #start_project_bottom_section {
  display: none;
}
body:has(#initialEntryTabMarker.active) #initial_entry_pane_content_addendum {
  display: block;
}
body:has(#initialEntryTabMarker.active) .design-style.split-banner-section {
  --split-banner-section-background-color: #F6F6F6;
}
body:has(#finalPackageTabMarker.active) #project_tabs > .tab-content-container > .tab-content.container {
  --container-mobile-horizontal-margin: 0px;
}
body:has(#finalPackageTabMarker.active) #final_package_pane_content_addendum {
  display: block;
}
body:has(#finalPackageTabMarker.active) #start_project_bottom_section {
  display: none;
}
.featureReviewCheckContainer {
  margin: 7px ;
  text-align: left;
}
.featureReviewCheckContainer .isHighlighted label {
  color: red;
}
#adminOptionsAccordion {
  margin: 15px 0;
}
#adminOptionsAccordion .btn {
  margin: 10px;
}
.decorilla-can-pay-banner {
  min-height: 145px !important;
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: calc(0px - var(--bs-accordion-body-padding-x));
  width: calc(100% + var(--bs-accordion-body-padding-x)*2);
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-img-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-img-container img {
  height: 100%;
}
@media (max-width: 991px) {
  .decorilla-can-pay-banner .decorilla-can-pay-banner-img-container img {
    width: 100%;
  }
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container {
  position: relative;
  margin: auto;
  width: 90%;
  min-height: 90px;
  background-color: #FFFFFFE5;
  border-radius: 10px;
  margin-top: 28px;
  margin-bottom: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .row {
  height: 100%;
  align-content: center;
  width: 100%;
  margin-left: 0;
  align-items: center;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .title {
  font-family: var(--dec-font-family-ethereal);
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 6px;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .updateSpace {
  font-size: 20px;
  line-height: 24px;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .btnLaunch {
  text-transform: none;
  color: var(--dec-black);
  font-size: unset;
  text-underline-offset: 5px;
  letter-spacing: 0;
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .btnLaunch:hover {
  color: var(--dec-gold);
}
.decorilla-can-pay-banner .decorilla-can-pay-banner-container .btn-transform {
  min-width: 285px;
  width: 285px;
}
@media (min-width: 992px) {
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container .btn-transform {
    float: right;
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container .title,
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container .updateSpace {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container .title {
    font-size: 28px;
  }
  .decorilla-can-pay-banner .decorilla-can-pay-banner-container .updateSpace {
    font-size: 15px;
  }
}
.decorilla-can-pay-banner .pl25 {
  padding-left: 25px;
}
@media (max-width: 991px) {
  .decorilla-can-pay-banner .pl25 {
    padding-left: 10px;
  }
}
@media (max-width: 991px) {
  .decorilla-can-pay-banner {
    text-align: center;
  }
}
