.dealightful-home {
  --home-ink: #102a3b;
  --home-accent: #158579;
  --home-line: #dce8ec;
}
.dealightful-home > section > .relative,
.dealightful-home > section:nth-child(2) > div,
.dealightful-home > section:nth-child(4) > div {
  max-width: 1440px;
  margin-inline: auto;
}
.dealightful-home > section:first-child {
  min-height: 760px;
}
.dealightful-home > section:first-child > .relative {
  padding-top: 176px;
  padding-bottom: 104px;
}
.dealightful-home > section:first-child > .relative > div {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  align-items: center;
  gap: 40px;
}
.dealightful-home > section:first-child .max-w-2xl {
  max-width: 660px;
  min-width: 0;
}
.dealightful-home > section:first-child h1 {
  font-size: clamp(36px, 4.2vw, 62px);
  line-height: 1.18;
  letter-spacing: -.025em;
}
.dealightful-home > section:first-child h2 {
  font-size: clamp(22px, 2.2vw, 31px);
  line-height: 1.4;
  color: #a6e7df;
}
.dealightful-home > section:first-child p {
  color: #c2d4df;
  line-height: 1.85;
}
.dealightful-home > section:first-child .mr-40 {
  margin-right: 0;
  width: 100%;
  min-width: 0;
}
.dealightful-home > section:first-child .mr-40 img {
  max-width: 560px;
  width: 100%;
  height: auto;
}
.dealightful-home > section:nth-child(2) {
  padding-block: 88px;
}
.dealightful-home > section:nth-child(2) h2 {
  color: var(--home-ink);
}
.dealightful-home > section:nth-child(2) .text-blue-600,
.dealightful-home > section:nth-child(2) .font-semibold {
  color: var(--home-accent) !important;
}
.dealightful-home > section:nth-child(3) {
  min-height: 0;
  padding-block: 96px;
}
.dealightful-home > section:nth-child(3) .rounded-2xl {
  padding: 36px 30px;
  border: 1px solid var(--home-line);
  box-shadow: 0 16px 40px #020c160d;
}
.dealightful-home > section:nth-child(3) .mb-6 img {
  width: 68px;
  height: 68px;
  object-fit: contain;
}
.dealightful-home > section:nth-child(3) h3 {
  font-size: 24px;
  line-height: 1.4;
}
.dealightful-home > section:nth-child(3) p {
  line-height: 1.8;
}
.dealightful-home > section:nth-child(4) {
  padding-block: 96px;
}
.dealightful-home > section:nth-child(4) .group {
  height: 436px;
  box-shadow: 0 8px 28px #102a3b0d;
  border: 1px solid #25465b;
}
.dealightful-home > section:nth-child(4) .group {
  background: #0c1526;
}
.dealightful-home > section:nth-child(4) .group > img {
  object-fit: contain;
  object-position: center top;
}
.dealightful-home > section:nth-child(4) .group > div.inset-0 {
  background: linear-gradient(0deg, #071522 0%, #071522d9 30%, #07152200 80%);
}
.dealightful-home > section:nth-child(4) .bottom-0 {
  padding: 32px;
}
.dealightful-home > section:nth-child(4) h3 {
  font-size: 26px;
  line-height: 1.3;
}
.dealightful-home > section:nth-child(4) p {
  color: #c2d4df;
  font-size: 14px;
  line-height: 1.7;
}
.dealightful-home > section:nth-child(5) > .bg-blue-600 {
  background: #12515a;
}
.dealightful-home > section:nth-child(5) .text-emerald-400 {
  color: #a6e7df;
}
.dealightful-home > section:nth-child(6) {
  min-height: 420px;
  padding-block: 100px;
}
@media (max-width: 1023px) {
  .dealightful-home > section:first-child {
    min-height: 0;
  }
  .dealightful-home > section:first-child > .relative {
    padding: 144px 24px 64px;
  }
  .dealightful-home > section:first-child > .relative > div {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .dealightful-home > section:first-child .mr-40 {
    justify-content: center;
  }
  .dealightful-home > section:first-child .mr-40 img {
    max-width: 440px;
  }
  .dealightful-home > section:nth-child(2),
  .dealightful-home > section:nth-child(3),
  .dealightful-home > section:nth-child(4) {
    padding-block: 64px;
  }
  .dealightful-home > section:nth-child(2) .grid > div {
    padding: 24px 16px;
    border-right: 0;
    border-bottom: 1px solid var(--home-line);
  }
}
@media (max-width: 600px) {
  .dealightful-home > section > .relative,
  .dealightful-home > section:nth-child(2) > div,
  .dealightful-home > section:nth-child(4) > div {
    padding-inline: 20px;
  }
  .dealightful-home > section:first-child h1 {
    font-size: clamp(28px, 7.7vw, 38px);
  }
  .dealightful-home > section:first-child h2 {
    font-size: 22px;
  }
  .dealightful-home > section:first-child p {
    font-size: 15px;
  }
  .dealightful-home > section:nth-child(3) .rounded-2xl {
    padding: 32px 24px;
  }
  .dealightful-home > section:nth-child(3) h2,
  .dealightful-home > section:nth-child(4) h2 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 36px;
  }
  .dealightful-home > section:nth-child(4) .group {
    height: 420px;
  }
  .dealightful-home > section:nth-child(4) .bottom-0 {
    padding: 24px;
  }
  .dealightful-home > section:nth-child(4) h3 {
    font-size: 23px;
  }
}