/* ========================
   DESIGN CONSULTATION
   ======================== */
.section-consultation {
  position: relative;
  height: 1081px;
  background-color: var(--color-dark-maroon);
}

/* --- Photo --- */
.section-consultation__photo {
  position: absolute;
  left: 120px;
  top: 150px;
  width: 728px;
  height: 781px;
  overflow: hidden;
}

.section-consultation__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

/* --- Title --- */
.section-consultation__title {
  position: absolute;
  left: 975px;
  top: 150px;
  font-family: var(--font-serif);
  font-size: var(--text-7xl);
  line-height: var(--leading-7xl);
  color: var(--color-cream);
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

/* --- Description --- */
.section-consultation__desc {
  position: absolute;
  left: 975px;
  top: 259px;
  width: 824px;
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: var(--leading-body);
  color: var(--color-cream);
  text-align: center;
}

/* --- "you will receive" box --- */
.section-consultation__box {
  position: absolute;
  left: 975px;
  top: 370px;
  width: 824px;
  height: 379px;
  background-color: var(--color-cream);
}

.section-consultation__box-script {
  position: absolute;
  left: 272px;
  top: 20px;
  font-family: var(--font-script);
  font-size: var(--text-4xl);
  line-height: var(--leading-4xl);
  color: var(--color-maroon);
  letter-spacing: var(--tracking-wide);
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}

.section-consultation__box-line {
  position: absolute;
  left: 219px;
  top: 104.5px;
  width: 354px;
  height: 1px;
}

.section-consultation__box-item {
  position: absolute;
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: var(--leading-body);
  color: var(--color-maroon);
  text-align: center;
}

.section-consultation__box-item--1 {
  left: 34px;
  top: 179px;
  width: 348px;
}

.section-consultation__box-item--2 {
  left: 445px;
  top: 179px;
  width: 345px;
}

.section-consultation__box-item--3 {
  left: 34px;
  top: 285px;
  width: 348px;
}

.section-consultation__box-item--4 {
  left: 445px;
  top: 278px;
  width: 345px;
}

/* --- Price --- */
.section-consultation__price {
  position: absolute;
  left: 1266px;
  top: 799px;
  font-family: var(--font-serif);
  font-size: var(--text-3xl);
  line-height: var(--leading-3xl);
  color: var(--color-cream);
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

/* --- CTA Button --- */
.section-consultation__cta {
  position: absolute;
  left: 975px;
  top: 864px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 824px;
  height: 67px;
  background-color: var(--color-cream);
  color: var(--color-maroon);
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: var(--leading-md-alt);
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.25s, color 0.25s;
}

.section-consultation__cta:hover {
  opacity: 0.85;
}