.index-page {
  position: relative;
  width: 1440px;
  height: 12596px;
  background-color: #ffffff;
  overflow: hidden;
}

.index-page .main-header {
  position: absolute;
  top: 39px;
  left: 0;
  width: 1440px;
  height: 670px;
}

.index-page .frame {
  position: absolute;
  top: 745px;
  left: 0;
  width: 1440px;
  height: 1050px;
  overflow: hidden;
}

.index-page .text-wrapper {
  position: absolute;
  top: 131px;
  left: 115px;
  width: 439px;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #000000;
  font-size: var(--h2-bold-font-size);
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  font-style: var(--h2-bold-font-style);
}

.index-page .div {
  width: 152px;
  position: absolute;
  top: 58px;
  left: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .title {
  position: relative;
  width: 118px;
  height: 22px;
  margin-left: -1px;
  margin-right: -1px;
  overflow: hidden;
}

.index-page .frame-2 {
  display: inline-flex;
  align-items: flex-end;
  gap: 9px;
  position: absolute;
  top: -5px;
  left: 0;
}

.index-page .marquee-slide {
  position: relative;
  width: fit-content;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #000000;
  font-size: var(--title-2-font-size);
  text-align: center;
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #000000;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .frame-3 {
  display: inline-flex;
  align-items: flex-end;
  gap: 9px;
  position: absolute;
  top: -5px;
  left: -130px;
}

.index-page .frame-4 {
  display: inline-flex;
  align-items: flex-end;
  gap: 9px;
  position: absolute;
  top: -5px;
  left: 128px;
}

.index-page .landings {
  position: absolute;
  top: 265px;
  left: 118px;
  width: 985px;
  font-weight: var(--title-2-font-weight);
  color: var(--foundation-soft-charcoaldarker);
  font-family: var(--title-2-font-family);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .classic {
  display: inline-flex;
  flex-direction: column;
  height: 60px;
  align-items: flex-start;
  gap: 8px;
  padding: 2px 0px 0px;
  position: absolute;
  top: 905px;
  left: calc(50% - 103px);
}

.index-page .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: var(--foundation-soft-charcoaldark-active);
  border-radius: 60px;
  overflow: hidden;
}

.index-page .get-started {
  position: relative;
  width: fit-content;
  margin-top: -4px;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #ffffff;
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .arrow {
  position: relative;
  width: 12px;
  height: 12px;
}

.index-page .arrow-2 {
  position: relative;
  width: 85.51%;
  height: 83.33%;
  top: 8.33%;
  background-image: url(images/vector.svg);
  background-size: 100% 100%;
}

.index-page .frame-wrapper {
  position: absolute;
  top: 368px;
  left: 0;
  width: 1489px;
  height: 487px;
  display: flex;
  overflow-x: scroll;
}

.index-page .frame-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}

.index-page .frame-5 {
  display: flex;
  width: 1209px;
  height: 487px;
  margin-left: 115px;
  position: relative;
  align-items: center;
  gap: 25px;
}

.index-page .group-wrapper {
  position: relative;
  width: 384px;
  height: 487px;
}

.index-page .group {
  position: relative;
  left: 3px;
  height: 487px;
}

.index-page .group-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 384px;
  height: 487px;
}

.index-page .unsplash {
  position: absolute;
  top: 121px;
  left: 38px;
  width: 312px;
  height: 366px;
  border-radius: 44.39px;
  filter: blur(25px);
  object-fit: cover;
}

.index-page .mask-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 384px;
  height: 458px;
}

.index-page .group-3 {
  position: absolute;
  top: 209px;
  left: calc(50% - 167px);
  width: 336px;
  height: 217px;
}

.index-page .union {
  position: absolute;
  top: 0;
  left: 0;
  width: 334px;
  height: 217px;
}

.index-page .frame-6 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  top: 172px;
  left: calc(50% - 53px);
}

.index-page .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Font Awesome 5 Free-Solid", Helvetica;
  font-weight: 400;
  color: #ffb33e;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index-page .group-4 {
  position: absolute;
  top: 8px;
  left: 142px;
  width: 50px;
  height: 55px;
}

.index-page .ellipse {
  top: 5px;
  filter: blur(6.5px);
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.index-page .img {
  top: 0;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.index-page .group-5 {
  position: absolute;
  top: 71px;
  left: 94px;
  width: 150px;
  height: 27px;
  display: flex;
}

.index-page .text-wrapper-4 {
  width: 148px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #1e1e1e;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .p {
  position: absolute;
  top: 108px;
  left: 42px;
  width: 252px;
  opacity: 0.8;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: #1e1e1e;
  font-size: var(--body-font-size);
  text-align: center;
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  font-style: var(--body-font-style);
}

.index-page .div-wrapper {
  position: relative;
  width: 385px;
  height: 487px;
}

.index-page .unsplash-jaxstkiww {
  position: absolute;
  top: 121px;
  left: 35px;
  width: 312px;
  height: 366px;
  border-radius: 44.39px;
  filter: blur(25px);
  object-fit: cover;
}

.index-page .mask-group-2 {
  width: 385px;
  position: absolute;
  top: 0;
  left: 0;
  height: 458px;
}

.index-page .group-6 {
  position: absolute;
  top: 209px;
  left: calc(50% - 166px);
  width: 336px;
  height: 217px;
}

.index-page .group-7 {
  left: 92px;
  width: 155px;
  position: absolute;
  top: 71px;
  height: 27px;
  display: flex;
}

.index-page .text-wrapper-5 {
  width: 153px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #1e1e1e;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .frame-7 {
  position: relative;
  width: 387px;
  height: 487px;
}

.index-page .unsplash-h-dlylpu {
  position: absolute;
  top: 121px;
  left: 35px;
  width: 314px;
  height: 366px;
  border-radius: 44.39px;
  filter: blur(25px);
  object-fit: cover;
}

.index-page .mask-group-3 {
  width: 387px;
  position: absolute;
  top: 0;
  left: 0;
  height: 458px;
}

.index-page .group-8 {
  left: 107px;
  width: 125px;
  position: absolute;
  top: 71px;
  height: 27px;
  display: flex;
}

.index-page .text-wrapper-6 {
  width: 123px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #1e1e1e;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .frame-8 {
  position: relative;
  width: 384px;
  height: 487px;
  margin-right: -406px;
}

.index-page .frame-9 {
  position: absolute;
  top: 556px;
  left: 73px;
  width: 1294px;
  height: 89px;
}

.index-page .frame-10 {
  position: absolute;
  top: 1795px;
  left: 0;
  width: 1440px;
  height: 832px;
}

.index-page .frame-11 {
  display: flex;
  flex-direction: column;
  width: 810px;
  align-items: center;
  gap: 25px;
  position: absolute;
  top: 34px;
  left: calc(50% - 405px);
}

.index-page .real-comfort-real {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 31.88px;
}

.index-page .container {
  display: flex;
  width: 1119.2px;
  height: 31.99px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0px 5.34e-5px 0px 0px;
  position: relative;
  margin-left: -154.6px;
  margin-right: -154.6px;
}

.index-page .container-2 {
  position: relative;
  width: 136px;
  height: 24px;
}

.index-page .text {
  display: flex;
  width: 66.53px;
  height: 31.99px;
  align-items: center;
  position: relative;
}

.index-page .text-wrapper-7 {
  position: relative;
  width: 56px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  font-style: var(--title1-bold-font-style);
}

.index-page .landings-2 {
  position: relative;
  width: fit-content;
  margin-left: -33.5px;
  margin-right: -33.5px;
  font-weight: var(--title-2-font-weight);
  color: var(--foundation-soft-charcoaldarker);
  text-align: center;
  white-space: nowrap;
  font-family: var(--title-2-font-family);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .trustpilot-carousel-wrapper {
  position: absolute;
  top: 245px;
  left: 118px;
  width: 1211px;
  height: 380px;
  display: flex;
  overflow-x: scroll;
}

.index-page .trustpilot-carousel-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}

.index-page .trustpilot-carousel {
  display: flex;
  width: 1297px;
  height: 380px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.index-page .trustpilot-carousel-2 {
  display: inline-flex;
  align-items: flex-end;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -263px;
}

.index-page .reviews-container {
  display: inline-flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .trustpilot-review {
  display: flex;
  flex-direction: column;
  width: 240px;
  height: 380px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 12px 24px #1b3a770d, 0px 24px 60px #062e7d0d, 0px 2px 4px
    #0704921a;
}

.index-page .frame-12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .img-2 {
  position: relative;
  width: 40px;
  height: 40px;
}

.index-page .container-3 {
  position: relative;
  width: 109px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 26843500px;
  border: 0.8px solid;
  border-color: #e5e5e5;
}

.index-page .icon {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 12px;
  height: 12px;
}

.index-page .text-2 {
  display: flex;
  width: 73px;
  height: 16px;
  align-items: flex-start;
  position: absolute;
  top: 5px;
  left: 27px;
}

.index-page .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-right: -1.74px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #525252;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.index-page .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-page .rating {
  display: flex;
  align-items: center;
  gap: 13px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .stars {
  display: inline-flex;
  align-items: flex-start;
  gap: 2px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .star {
  position: relative;
  flex: 0 0 auto;
}

.index-page .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 26px;
  white-space: nowrap;
}

.index-page .i-love-this-product {
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #3f3f3f;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-page .divider {
  position: relative;
  width: 60px;
  height: 1px;
  background-color: #d9d9d9;
}

.index-page .frame-13 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.index-page .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.index-page .trustpilot-wrapper {
  display: flex;
  width: 73.34px;
  height: 23.99px;
  align-items: flex-start;
  justify-content: center;
  padding: 4px 12px;
  position: relative;
  background-color: #171717;
  border-radius: 26843500px;
}

.index-page .text-wrapper-13 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  text-align: right;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.index-page .container-4 {
  display: flex;
  width: 73.34px;
  height: 23.99px;
  align-items: flex-start;
  padding: 4px 12px;
  position: relative;
  background-color: #171717;
  border-radius: 26843500px;
}

.index-page .button-wrapper {
  display: inline-flex;
  height: 60px;
  align-items: flex-start;
  padding: 2px 0px 0px;
  position: absolute;
  left: calc(50% - 102px);
  bottom: 70px;
  flex-direction: column;
  gap: 8px;
}

.index-page .frame-14 {
  position: absolute;
  top: 4364px;
  left: 0;
  width: 1440px;
  height: 906px;
  background-color: var(--foundation-soft-charcoaldarker);
}

.index-page .container-5 {
  position: absolute;
  top: -41px;
  left: 288px;
  width: 384px;
  height: 384px;
  background-color: #fe9a001a;
  border-radius: 26843500px;
  filter: blur(64px);
}

.index-page .container-6 {
  position: absolute;
  left: 713px;
  bottom: 35px;
  width: 420px;
  height: 420px;
  background-color: #ffb9000d;
  border-radius: 35198548px;
  filter: blur(83.92px);
}

.index-page .frame-15 {
  align-items: flex-start;
  position: absolute;
  top: 131px;
  left: calc(50% - 605px);
  display: flex;
  flex-direction: column;
  width: 810px;
  gap: 25px;
}

.index-page .frame-16 {
  display: flex;
  width: 152px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .marquee-slide-2 {
  position: relative;
  width: fit-content;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #ffffff;
  font-size: var(--title-2-font-size);
  text-align: center;
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #ffffff;
  font-size: var(--title1-bold-font-size);
  text-align: center;
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .frame-17 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .frame-18 {
  display: flex;
  flex-direction: column;
  width: 519px;
  align-items: flex-start;
  gap: 45px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .text-wrapper-15 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #ffffff;
  font-size: var(--h2-bold-font-size);
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  font-style: var(--h2-bold-font-style);
}

.index-page .landings-3 {
  position: relative;
  align-self: stretch;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: var(--foundation-soft-charcoallight-active);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .classic-2 {
  display: inline-flex;
  height: 60px;
  align-items: flex-start;
  padding: 2px 0px 0px;
  position: relative;
  flex-direction: column;
  gap: 8px;
}

.index-page .button-2 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: var(--foundation-muted-goldnormal);
  border-radius: 60px;
  overflow: hidden;
  border: 2px solid;
  border-color: #c2a46d;
}

.index-page .frame-20 {
  display: inline-flex;
  align-items: flex-start;
  gap: 18px;
  padding: 32px;
  position: absolute;
  top: 202px;
  left: 826px;
  background-color: var(--foundation-soft-charcoaldark-active);
  border-radius: 16px;
}

.index-page .frame-21 {
  position: relative;
  width: 46px;
  height: 46px;
}

.index-page .frame-22 {
  display: flex;
  flex-direction: column;
  width: 374px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.index-page .landings-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: var(--title2-bold-font-weight);
  color: var(--foundation-soft-charcoallight-active);
  font-family: var(--title2-bold-font-family);
  font-size: var(--title2-bold-font-size);
  letter-spacing: var(--title2-bold-letter-spacing);
  line-height: var(--title2-bold-line-height);
  font-style: var(--title2-bold-font-style);
}

.index-page .frame-23 {
  display: inline-flex;
  height: 208px;
  align-items: center;
  gap: 25px;
  position: absolute;
  top: 493px;
  left: calc(50% - 607px);
}

.index-page .card-seats {
  position: relative;
  width: 285px;
  height: 290px;
  margin-top: -41px;
  margin-bottom: -41px;
  background-color: var(--foundation-soft-charcoaldark-active);
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid;
  border-color: #383835;
}

.index-page .frame-24 {
  position: absolute;
  top: 29px;
  left: calc(50% - 114px);
  width: 227px;
  height: 180px;
}

.index-page .text-wrapper-16 {
  position: absolute;
  left: 31px;
  bottom: 30px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #ffffff;
  font-size: var(--title-1-font-size);
  line-height: var(--title-1-line-height);
  letter-spacing: var(--title-1-letter-spacing);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .delivery-warranty {
  position: absolute;
  top: 5270px;
  left: 2px;
  width: 1438px;
  height: 1029px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(250, 250, 250, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.index-page .container-7 {
  position: absolute;
  top: 583px;
  left: 1px;
  width: 360px;
  height: 360px;
  background-color: #fee68533;
  border-radius: 33531056px;
  filter: blur(79.94px);
}

.index-page .container-8 {
  position: absolute;
  top: 120px;
  left: 119px;
  width: 1199px;
  height: 926px;
}

.index-page .container-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1199px;
  height: 105px;
  display: flex;
}

.index-page .frame-25 {
  display: flex;
  width: 1199.17px;
  height: 105.98px;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.index-page .heading {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 29.98px;
}

.index-page .text-wrapper-17 {
  position: absolute;
  top: 1px;
  left: 237px;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--h2-bold-font-size);
  text-align: center;
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  white-space: nowrap;
  font-style: var(--h2-bold-font-style);
}

.index-page .container-10 {
  position: absolute;
  top: 185px;
  left: calc(50% - 600px);
  width: 1208px;
  height: 582px;
}

.index-page .container-11 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .container-12 {
  position: relative;
  width: 79.94px;
  height: 79.94px;
}

.index-page .paragraph {
  position: relative;
  width: 387.73px;
  height: 88.06px;
}

.index-page .delivered-to-your {
  position: absolute;
  top: 13px;
  left: 1px;
  width: 388px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-soft-charcoaldark);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-13 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 0;
  left: 614px;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .optional-assembly {
  position: absolute;
  top: 13px;
  left: 1px;
  width: 404px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-soft-charcoaldark);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-14 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 175px;
  left: 0;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .text-wrapper-18 {
  position: absolute;
  top: calc(50% - 13px);
  left: 1px;
  width: 388px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-soft-charcoaldark);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-15 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 175px;
  left: 614px;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .container-16 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 350px;
  left: 614px;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .container-17 {
  display: flex;
  width: 594px;
  height: 150px;
  align-items: center;
  gap: 29.98px;
  padding: 0px 30px;
  position: absolute;
  top: 350px;
  left: 0;
  background-color: #ffffff;
  border-radius: 19.99px;
  border: 1px solid;
  border-color: #e5e5e5;
}

.index-page .paragraph-2 {
  position: relative;
  width: 301.68px;
  height: 51.53px;
}

.index-page .text-wrapper-19 {
  position: absolute;
  top: calc(50% - 13px);
  left: 0;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-soft-charcoaldark);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .container-18 {
  display: inline-flex;
  align-items: center;
  gap: 40px;
  padding: 28px 34px;
  position: absolute;
  left: calc(50% - 354px);
  bottom: 90px;
  border-radius: 24px;
  border: 1px dashed;
  border-color: #c7c7c6;
}

.index-page .container-19 {
  display: flex;
  width: 105.38px;
  height: 40px;
  align-items: center;
  gap: 12px;
  position: relative;
}

.index-page .text-3 {
  position: relative;
  width: 53.38px;
  height: 24px;
}

.index-page .text-wrapper-20 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #101727;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .container-20 {
  position: relative;
  width: 1px;
  height: 32px;
  background-color: #e5e7eb;
}

.index-page .container-21 {
  display: flex;
  width: 149.63px;
  height: 40px;
  align-items: center;
  gap: 12px;
  position: relative;
}

.index-page .text-4 {
  position: relative;
  width: 97.63px;
  height: 24px;
}

.index-page .container-22 {
  display: flex;
  width: 223.13px;
  height: 40px;
  align-items: center;
  gap: 12px;
  position: relative;
}

.index-page .text-5 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 24px;
}

.index-page .fabric-samples {
  position: absolute;
  top: 6299px;
  left: 2px;
  width: 1439px;
  height: 887px;
  background-color: #ffffff;
}

.index-page .container-23 {
  position: absolute;
  top: 487px;
  left: 679px;
  width: 400px;
  height: 400px;
  background-color: #ffd2301a;
  border-radius: 33554378px;
  filter: blur(80px);
}

.index-page .container-24 {
  position: absolute;
  top: 67px;
  left: 120px;
  width: 1200px;
  height: 700px;
}

.index-page .container-25 {
  position: absolute;
  top: 1px;
  left: -6px;
  width: 560px;
  height: 700px;
  display: flex;
  flex-direction: column;
}

.index-page .frame-26 {
  margin-left: 0.5px;
  width: 152px;
  height: 46px;
  position: relative;
  margin-top: -0.1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .frame-27 {
  display: flex;
  width: 459.5px;
  height: 113px;
  position: relative;
  margin-top: 26.3px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.index-page .text-wrapper-21 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h4-bold-font-family);
  font-weight: var(--h4-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--h4-bold-font-size);
  letter-spacing: var(--h4-bold-letter-spacing);
  line-height: var(--h4-bold-line-height);
  font-style: var(--h4-bold-font-style);
}

.index-page .order-up-to-free {
  position: relative;
  align-self: stretch;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .form {
  display: flex;
  width: 560px;
  height: 445px;
  position: relative;
  margin-top: 49.8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}

.index-page .container-26 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  height: 100px;
  gap: 25px;
  padding: 0px -9.54e-6px 0px 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
}

.index-page .container-27 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.index-page .label {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 30px;
}

.index-page .text-wrapper-22 {
  position: absolute;
  top: -3px;
  left: 1px;
  font-family: var(--title2-bold-font-family);
  font-weight: var(--title2-bold-font-weight);
  color: #3f3f3f;
  font-size: var(--title2-bold-font-size);
  letter-spacing: var(--title2-bold-letter-spacing);
  line-height: var(--title2-bold-line-height);
  white-space: nowrap;
  font-style: var(--title2-bold-font-style);
}

.index-page .input {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 5px 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f3f3f5;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid;
  border-color: transparent;
}

.index-page .text-wrapper-23 {
  position: relative;
  width: fit-content;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #717182;
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .container-28 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.index-page .text-wrapper-24 {
  position: absolute;
  top: -3px;
  left: 0;
  font-family: var(--title2-bold-font-family);
  font-weight: var(--title2-bold-font-weight);
  color: #3f3f3f;
  font-size: var(--title2-bold-font-size);
  letter-spacing: var(--title2-bold-letter-spacing);
  line-height: var(--title2-bold-line-height);
  white-space: nowrap;
  font-style: var(--title2-bold-font-style);
}

.index-page .frame-28 {
  display: inline-flex;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .container-29 {
  display: flex;
  flex-direction: column;
  width: 267px;
  height: 100px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.index-page .text-wrapper-25 {
  position: relative;
  width: 212px;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #717182;
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .iconly-curved-light {
  position: relative;
  width: 24px;
  height: 24px;
}

.index-page .input-2 {
  display: flex;
  height: 60px;
  align-items: center;
  gap: 166px;
  padding: 5px 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f3f3f5;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid;
  border-color: transparent;
}

.index-page .frame-29 {
  position: relative;
  width: 38px;
  height: 38px;
  margin-right: -6px;
  background-color: #e8dcc3;
  border-radius: 6px;
}

.index-page .group-9 {
  position: absolute;
  top: 6px;
  left: 248px;
  width: 14px;
  height: 14px;
}

.index-page .container-30 {
  position: absolute;
  top: calc(50% - 319px);
  left: 640px;
  width: 560px;
  height: 637px;
  display: flex;
}

.index-page .container-31 {
  margin-top: -8.2px;
  width: 655px;
  height: 732px;
  margin-left: -47.5px;
  position: relative;
}

.index-page .classic-3 {
  display: inline-flex;
  height: 60px;
  align-items: flex-start;
  padding: 2px 0px 0px;
  position: absolute;
  left: -4px;
  bottom: -45px;
  flex-direction: column;
  gap: 8px;
}

.index-page .badge {
  position: absolute;
  top: 450px;
  left: calc(50% + 204px);
  width: 186px;
  height: 186px;
}

.index-page .checkbox-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
  position: absolute;
  left: 118px;
  bottom: 164px;
}

.index-page .checkbox {
  position: relative;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid;
  border-color: #c5cbde;
  box-shadow: var(--neutral-BS-small);
}

.index-page .checkbox-rectangle {
  height: 100%;
  box-shadow: var(--neutral-BS-small);
}

.index-page .checkbox-label {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: #6c748f;
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .showroom {
  position: absolute;
  top: 7186px;
  left: 3px;
  width: 1438px;
  height: 1151px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(250, 250, 250, 1) 100%
  );
}

.index-page .skyline {
  position: absolute;
  top: 773px;
  left: -1px;
  width: 1440px;
  height: 472px;
}

.index-page .modern-cityscape {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1437px;
  height: 378px;
}

.index-page .rectangle {
  position: absolute;
  top: 94px;
  left: 0;
  width: 1440px;
  height: 284px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 32%,
    rgba(255, 255, 255, 1) 100%
  );
}

.index-page .container-32 {
  position: absolute;
  top: 90px;
  left: 119px;
  width: 1199px;
  height: 956px;
}

.index-page .container-33 {
  position: absolute;
  top: 0;
  left: 640px;
  width: 559px;
  height: 733px;
  display: flex;
}

.index-page .frame-30 {
  display: flex;
  margin-top: 0.1px;
  width: 574px;
  height: 748.65px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
}

.index-page .frame-31 {
  width: 115px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .title-2 {
  position: relative;
  width: 77px;
  height: 22px;
  overflow: hidden;
}

.index-page .frame-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .text-wrapper-26 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--h2-bold-font-size);
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  font-style: var(--h2-bold-font-style);
}

.index-page .try-our-sofas {
  position: relative;
  width: 536.95px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-soft-charcoaldark);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-34 {
  display: flex;
  width: 559.43px;
  height: 133.86px;
  align-items: flex-start;
  gap: 19.98px;
  padding: 29.97px 0px 0px 29.97px;
  position: relative;
  background-color: #ffffff;
  border-radius: 19.98px;
  border: 2px solid;
  border-color: #e5e5e5;
}

.index-page .container-35 {
  position: relative;
  width: 59.94px;
  height: 59.94px;
}

.index-page .container-36 {
  display: flex;
  flex-direction: column;
  width: 328.15px;
  height: 69.93px;
  align-items: flex-start;
  gap: 4.99px;
  position: relative;
}

.index-page .paragraph-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 34.96px;
}

.index-page .text-wrapper-27 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #171717;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .paragraph-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 29.97px;
}

.index-page .text-wrapper-28 {
  top: -3px;
  font-family: var(--title-1-font-family);
  color: #525252;
  font-size: var(--title-1-font-size);
  line-height: var(--title-1-line-height);
  position: absolute;
  left: 0;
  font-weight: var(--title-1-font-weight);
  letter-spacing: var(--title-1-letter-spacing);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .frame-33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .container-37 {
  display: flex;
  flex-direction: column;
  width: 559.43px;
  height: 204.79px;
  align-items: flex-start;
  gap: 14.98px;
  padding: 29.97px 29.97px 0px 34.96px;
  position: relative;
  background-color: var(--foundation-stonestone-100);
  border-radius: 0px 19.98px 19.98px 0px;
  border-left-width: 4.99px;
  border-left-style: solid;
  border-color: #927b52;
}

.index-page .container-38 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 19.98px;
}

.index-page .visited-the-store-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 64.93px;
}

.index-page .visited-the-store {
  position: absolute;
  top: -3px;
  left: 1px;
  width: 472px;
  font-family: "Arial-Italic", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #3f3f3f;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.5px;
}

.index-page .text-wrapper-29 {
  position: absolute;
  top: -3px;
  left: 1px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #525252;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

.index-page .classic-4 {
  display: flex;
  height: 60px;
  align-items: flex-start;
  padding: 2px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  gap: 8px;
}

.index-page .container-wrapper {
  position: absolute;
  top: 4px;
  left: 0;
  width: 560px;
  height: 637px;
  display: flex;
}

.index-page .image-with-fallback-wrapper {
  display: flex;
  width: 560px;
  height: 637px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff00;
  border-radius: 105px 35px 105px 35px;
  overflow: hidden;
  box-shadow: 0px 31.22px 62.44px -14.98px #00000040;
}

.index-page .image-with-fallback {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 637px;
  background: url(images/imagewithfallback.png)
    50% 50% / cover;
}

.index-page .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 637px;
}

.index-page .container-39 {
  display: flex;
  flex-direction: column;
  width: 259px;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  padding: 8px 24px;
  position: absolute;
  top: 678px;
  left: calc(50% - 600px);
  border-left-width: 6px;
  border-left-style: solid;
  border-color: #c2a46d;
  box-shadow: 0px 24px 38.6px -14.98px #0000004a;
}

.index-page .text-wrapper-30 {
  position: relative;
  width: fit-content;
  margin-top: -6px;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #a0a0a0;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
}

.index-page .text-wrapper-31 {
  position: relative;
  width: fit-content;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--foundation-soft-charcoaldarker);
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.index-page .how-it-works {
  position: absolute;
  top: 8337px;
  left: -6px;
  width: 1447px;
  height: 1226px;
  background-color: #ffffff;
  overflow: hidden;
}

.index-page .container-40 {
  position: absolute;
  top: 364px;
  left: 964px;
  width: 483px;
  height: 483px;
  background-color: #fee68533;
  border-radius: 33740916px;
  filter: blur(80.44px);
}

.index-page .container-41 {
  position: absolute;
  top: 782px;
  left: 112px;
  width: 402px;
  height: 402px;
  background-color: #f5f5f5;
  border-radius: 33740916px;
  filter: blur(80.44px);
}

.index-page .container-42 {
  position: absolute;
  top: 276px;
  left: 80px;
  width: 1287px;
  height: 1087px;
  display: flex;
  flex-direction: column;
  gap: 79.8px;
}

.index-page .container-43 {
  margin-left: 40px;
  width: 1212px;
  height: 653.22px;
  position: relative;
  margin-top: 42px;
}

.index-page .container-44 {
  position: absolute;
  top: 0;
  left: 0;
  width: 381px;
  height: 309px;
  display: flex;
}

.index-page .container-45 {
  width: 380.89px;
  height: 309.28px;
  position: relative;
  background-color: #ffffff;
  border-radius: 25.99px;
  border: 0.87px solid;
  border-color: #e5e5e5;
}

.index-page .container-46 {
  position: absolute;
  top: 27px;
  left: 279px;
  width: 75px;
  height: 65px;
  display: flex;
  opacity: 0.1;
}

.index-page .text-wrapper-32 {
  margin-top: -11.3px;
  width: 76px;
  height: 65px;
  margin-left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--foundation-muted-goldnormal);
  font-size: 65px;
  letter-spacing: 0;
  line-height: 65px;
  white-space: nowrap;
}

.index-page .container-47 {
  position: absolute;
  top: 36px;
  left: 36px;
  width: 61px;
  height: 61px;
}

.index-page .heading-2 {
  position: absolute;
  top: 122px;
  left: 36px;
  width: 310px;
  height: 26px;
  display: flex;
}

.index-page .text-wrapper-33 {
  margin-top: -2.4px;
  width: 169px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .paragraph-5 {
  position: absolute;
  top: 161px;
  left: 36px;
  width: 310px;
  height: 113px;
  display: flex;
}

.index-page .select-the-sofa {
  margin-top: -2.6px;
  width: 277.23px;
  height: 135px;
  margin-left: 0;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-48 {
  margin-top: 69.3px;
  width: 34.65px;
  height: 2.17px;
  margin-left: 0;
  background: linear-gradient(
    90deg,
    rgba(212, 212, 212, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.index-page .container-49 {
  position: absolute;
  top: 0;
  left: 416px;
  width: 381px;
  height: 309px;
}

.index-page .container-50 {
  position: absolute;
  top: 69px;
  left: 381px;
  width: 35px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(212, 212, 212, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.index-page .container-51 {
  position: absolute;
  top: 0;
  left: 0;
  width: 381px;
  height: 309px;
  background-color: #ffffff;
  border-radius: 25.99px;
  border: 0.87px solid;
  border-color: #e5e5e5;
}

.index-page .text-wrapper-34 {
  margin-top: -2.4px;
  width: 261px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .explore-our-curated {
  margin-top: -2.6px;
  width: 308.63px;
  height: 108px;
  margin-left: 0;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-52 {
  position: absolute;
  top: 0;
  left: 831px;
  width: 381px;
  height: 309px;
  background-color: #ffffff;
  border-radius: 25.99px;
  border: 0.87px solid;
  border-color: #e5e5e5;
}

.index-page .text-wrapper-35 {
  margin-top: -2.4px;
  width: 157px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .pair-your-main-sofa {
  margin-top: -2.6px;
  width: 307.55px;
  height: 108px;
  margin-left: 0;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-53 {
  position: absolute;
  top: 344px;
  left: 0;
  width: 381px;
  height: 309px;
  display: flex;
}

.index-page .text-wrapper-36 {
  margin-top: -11.3px;
  width: 76px;
  height: 65px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--foundation-muted-goldnormal);
  font-size: 65px;
  letter-spacing: 0;
  line-height: 65px;
  white-space: nowrap;
}

.index-page .text-wrapper-37 {
  margin-top: -2.4px;
  width: 213px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .add-assembly {
  margin-top: -2.6px;
  width: 292.39px;
  height: 135px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-54 {
  position: absolute;
  top: 344px;
  left: 416px;
  width: 381px;
  height: 309px;
}

.index-page .add-to-cart-checkout {
  margin-top: -2.4px;
  width: 203px;
  height: 27px;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  white-space: nowrap;
  font-style: var(--title1-bold-font-style);
}

.index-page .confirm-your {
  margin-top: -2.6px;
  width: 304.3px;
  height: 108px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .container-55 {
  position: absolute;
  top: 344px;
  left: 831px;
  width: 381px;
  height: 309px;
  background-color: #ffffff;
  border-radius: 25.99px;
  border: 0.87px solid;
  border-color: #e5e5e5;
}

.index-page .delivered-to-your-2 {
  margin-top: -2.6px;
  width: 307.55px;
  height: 108px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .frame-34 {
  display: inline-flex;
  height: 48px;
  width: 447px;
  align-self: center;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.index-page .classic-5 {
  display: inline-flex;
  height: 48px;
  align-items: center;
  padding: 2px 0px 0px;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
}

.index-page .get-started-2 {
  color: #ffffff;
  position: relative;
  width: fit-content;
  margin-top: -10px;
  margin-bottom: -6px;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .arrow-wrapper {
  position: relative;
  width: 12px;
  height: 12px;
  margin-top: -3px;
  margin-bottom: -3px;
}

.index-page .classic-6 {
  display: inline-flex;
  height: 48px;
  align-items: center;
  padding: 0px 0px 2px;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
}

.index-page .button-3 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 60px;
  overflow: hidden;
  border: 2px solid;
  border-color: #1a1a19;
  box-shadow: 0px 7px 21px #ded9d240, 0px 3px 8px #ded9d240;
}

.index-page .get-started-3 {
  color: var(--foundation-soft-charcoaldarker);
  position: relative;
  width: fit-content;
  margin-top: -10px;
  margin-bottom: -6px;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  white-space: nowrap;
  font-style: var(--title-2-font-style);
}

.index-page .arrow-3 {
  position: relative;
  width: 85.51%;
  height: 83.33%;
  top: 8.33%;
  left: 16.67%;
  background-image: url(images/vector.svg);
  background-size: 100% 100%;
}

.index-page .frame-35 {
  display: flex;
  flex-direction: column;
  width: 925px;
  align-items: center;
  gap: 25px;
  position: absolute;
  top: 37px;
  left: calc(50% - 462px);
}

.index-page .frame-36 {
  width: 171px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .title-3 {
  position: relative;
  width: 125px;
  height: 22px;
  overflow: hidden;
}

.index-page .frame-37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .text-wrapper-38 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #0a0a0a;
  font-size: var(--h2-bold-font-size);
  text-align: center;
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  font-style: var(--h2-bold-font-style);
}

.index-page .designing-your {
  position: relative;
  align-self: stretch;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  text-align: center;
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .FAQ {
  position: absolute;
  top: 9521px;
  left: calc(50% - 726px);
  width: 1447px;
  height: 1275px;
  background: linear-gradient(
    180deg,
    rgba(250, 250, 250, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.index-page .container-56 {
  position: absolute;
  top: 361px;
  left: 0;
  width: 305px;
  height: 305px;
  background-color: #ffd2301a;
  border-radius: 25605986px;
  filter: blur(61.05px);
}

.index-page .container-57 {
  display: flex;
  flex-direction: column;
  width: 855px;
  height: 893px;
  align-items: center;
  gap: 61.05px;
  position: absolute;
  top: 77px;
  left: 299px;
}

.index-page .frame-38 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .everything-you-need {
  position: relative;
  width: 586px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #525252;
  font-size: var(--title-1-font-size);
  text-align: center;
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .accordions {
  display: flex;
  flex-direction: column;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: absolute;
  top: calc(50% - 343px);
  left: calc(50% - 418px);
}

.index-page .accordions-2 {
  flex-direction: column;
  padding: 26px 32px 40px;
  flex: 0 0 auto;
  z-index: 7;
  border-color: #e4dfd9;
  box-shadow: var(--shadows-neutrals-no-4);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .heading-3 {
  display: flex;
  align-items: center;
  gap: 150px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .title-4 {
  position: relative;
  flex: 1;
  font-family: var(--title1-bold-font-family);
  font-weight: var(--title1-bold-font-weight);
  color: var(--foundation-soft-charcoaldarker);
  font-size: var(--title1-bold-font-size);
  letter-spacing: var(--title1-bold-letter-spacing);
  line-height: var(--title1-bold-line-height);
  font-style: var(--title1-bold-font-style);
}

.index-page .line-rounded-chevron-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--foundation-muted-goldnormal);
  border-radius: 100px;
  box-shadow: 0px 2px 6px #4a3aff1a, inset 0px 1px 1.5px #ffffff40, inset 0px
    -1px 1px #0000001f;
}

.index-page .line-rounded-chevron {
  position: relative;
  width: 20.42px;
  height: 20.42px;
}

.index-page .paragraph-6 {
  position: relative;
  font-family: var(--title-2-font-family);
  font-weight: var(--title-2-font-weight);
  color: var(--foundation-linendarker);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .heading-wrapper {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 6;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .heading-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.index-page .img-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--foundation-muted-goldlight);
  border-radius: 100px;
  box-shadow: var(--shadows-neutrals-no-1);
}

.index-page .accordions-3 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 5;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .accordions-4 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 4;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .accordions-5 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 3;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .accordions-6 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 2;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .accordions-7 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 1;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .accordions-8 {
  height: 86.42px;
  padding: 26px 32px;
  z-index: 0;
  border-color: #f9f6f0;
  box-shadow: var(--shadows-neutrals-no-2);
  display: flex;
  width: 835px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
}

.index-page .FAQ-2 {
  position: absolute;
  top: 10796px;
  left: calc(50% - 726px);
  width: 1447px;
  height: 1050px;
  background: linear-gradient(
    180deg,
    rgba(250, 250, 250, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.index-page .container-58 {
  position: absolute;
  top: 359px;
  left: 177px;
  width: 305px;
  height: 305px;
  background-color: #ffd2301a;
  border-radius: 25605986px;
  filter: blur(61.05px);
}

.index-page .container-59 {
  display: flex;
  flex-direction: column;
  width: 855px;
  height: 893px;
  align-items: center;
  gap: 61.05px;
  position: absolute;
  top: 92px;
  left: 299px;
}

.index-page .container-60 {
  position: absolute;
  top: 276px;
  left: 166px;
  width: 544px;
  height: 669px;
  display: flex;
}

.index-page .container-61 {
  display: flex;
  width: 544px;
  height: 670px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.53e-5px;
  padding: 0.8px 0.8px 0.8px 0.8px;
  background-color: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 0.8px solid;
  border-color: #e5e5e5;
}

.index-page .container-62 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 338.75px;
}

.index-page .element-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 542px;
  height: 339px;
  display: flex;
  background: url(images/imagewithfallback-1.png)
    50% 50% / cover;
}

.index-page .element {
  width: 542px;
  height: 338.75px;
  object-fit: cover;
}

.index-page .container-63 {
  position: absolute;
  top: 0;
  left: 0;
  width: 542px;
  height: 339px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.index-page .container-64 {
  display: flex;
  width: 115px;
  height: 36px;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 0px 16px;
  position: absolute;
  top: 24px;
  left: 403px;
  background-color: #fffffff2;
  border-radius: 26843500px;
  box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
}

.index-page .icon-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.index-page .text-6 {
  position: relative;
  width: 58.83px;
  height: 20px;
}

.index-page .text-wrapper-39 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #0a0a0a;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .container-65 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 329px;
}

.index-page .frame-39 {
  display: flex;
  flex-direction: column;
  width: 478px;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  top: 31px;
  left: 32px;
}

.index-page .frame-40 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .container-66 {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .container-67 {
  position: relative;
  width: 48px;
  height: 48px;
}

.index-page .heading-5 {
  position: relative;
  width: 191.81px;
  height: 24px;
}

.index-page .text-wrapper-40 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #0a0a0a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .lorem-ipsum-dolor-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 45px;
}

.index-page .lorem-ipsum-dolor {
  position: absolute;
  top: -3px;
  left: 0;
  width: 472px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #525252;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.index-page .container-68 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .div-2 {
  display: flex;
  height: 24px;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .icon-3 {
  position: relative;
  width: 20px;
  height: 20px;
}

.index-page .text-7 {
  position: relative;
  width: 179.18px;
  height: 24px;
}

.index-page .text-wrapper-41 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #3f3f3f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .text-8 {
  position: relative;
  width: 202.93px;
  height: 24px;
}

.index-page .text-wrapper-42 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #525252;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .button-4 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 48px;
  background-color: var(--foundation-muted-goldnormal);
  border-radius: 34px;
}

.index-page .still-have-questions {
  left: 155px;
  width: 137px;
  position: absolute;
  top: 14px;
  height: 20px;
  display: flex;
}

.index-page .text-wrapper-43 {
  margin-top: -1.2px;
  width: 133px;
  height: 20px;
  margin-left: 2px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .icon-4 {
  position: absolute;
  top: 16px;
  left: 307px;
  width: 16px;
  height: 16px;
}

.index-page .container-69 {
  position: absolute;
  top: 276px;
  left: 742px;
  width: 543px;
  height: 670px;
  display: flex;
}

.index-page .container-70 {
  display: flex;
  width: 543px;
  height: 670px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.53e-5px;
  padding: 0.8px 0.8px 0.8px 0.8px;
  background-color: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 0.8px solid;
  border-color: #e5e5e5;
}

.index-page .container-71 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 338.75px;
  overflow: hidden;
}

.index-page .wmremove-transformed-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 542px;
  height: 339px;
  display: flex;
  background: url(images/imagewithfallback-2.png)
    50% 50% / cover;
}

.index-page .wmremove-transformed {
  width: 541.4px;
  height: 338.75px;
  margin-left: 0.4px;
  object-fit: cover;
}

.index-page .container-72 {
  display: flex;
  width: 96px;
  height: 36px;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 0px 16px;
  position: absolute;
  top: 24px;
  left: 421px;
  background-color: #fffffff2;
  border-radius: 26843500px;
  box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
}

.index-page .text-9 {
  position: relative;
  width: 40.14px;
  height: 20px;
}

.index-page .container-73 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 752px;
  margin-bottom: -0.8px;
}

.index-page .frame-41 {
  display: flex;
  flex-direction: column;
  width: 478px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  top: 32px;
  left: 32px;
}

.index-page .heading-6 {
  position: relative;
  width: 188.29px;
  height: 24px;
}

.index-page .lorem-ipsum-dolor-2 {
  position: absolute;
  top: -3px;
  left: 1px;
  width: 472px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #525252;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.index-page .text-10 {
  position: relative;
  width: 165.98px;
  height: 24px;
}

.index-page .text-11 {
  position: relative;
  width: 135.43px;
  height: 24px;
}

.index-page .button-5 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: 478px;
  height: 48px;
  background-color: var(--foundation-soft-charcoaldark-active);
  border-radius: 30px;
}

.index-page .still-have-questions-2 {
  left: 161px;
  width: 124px;
  position: absolute;
  top: 14px;
  height: 20px;
  display: flex;
}

.index-page .text-wrapper-44 {
  margin-top: -1.2px;
  width: 126px;
  height: 20px;
  margin-left: -1px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .icon-5 {
  position: absolute;
  top: 16px;
  left: 301px;
  width: 16px;
  height: 16px;
}

.index-page .footer {
  position: absolute;
  top: 11846px;
  left: 0;
  width: 1440px;
  height: 750px;
  background-color: #171717;
}

.index-page .container-74 {
  position: absolute;
  top: 0;
  left: 360px;
  width: 480px;
  height: 480px;
  background-color: #fe9a000d;
  border-radius: 33577692px;
  filter: blur(80.06px);
}

.index-page .container-75 {
  position: absolute;
  top: 233px;
  left: 680px;
  width: 400px;
  height: 400px;
  background-color: #ffb9000d;
  border-radius: 33577692px;
  filter: blur(80.06px);
}

.index-page .container-76 {
  display: flex;
  flex-direction: column;
  width: 1439px;
  height: 117px;
  align-items: flex-start;
  padding: 32px 16px 0.8px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #26262680;
  border-bottom-width: 0.8px;
  border-bottom-style: solid;
  border-color: #fffefe1a;
}

.index-page .container-77 {
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 0px 7.63e-5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .container-78 {
  display: flex;
  flex-direction: column;
  width: 185.8px;
  height: 52px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.index-page .container-79 {
  display: flex;
  width: 185.8px;
  align-items: center;
  gap: 15px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.index-page .text-12 {
  position: relative;
  width: 61.8px;
  height: 24px;
}

.index-page .text-wrapper-45 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .paragraph-7 {
  position: relative;
  width: 143.18px;
  height: 20px;
}

.index-page .text-wrapper-46 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .frame-42 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5.54px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .shape {
  position: relative;
  width: 19.38px;
  height: 18.35px;
}

.index-page .text-wrapper-47 {
  position: relative;
  width: fit-content;
  margin-top: -1.38px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16.6px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

.index-page .container-80 {
  display: flex;
  flex-direction: column;
  width: 1439px;
  height: 633px;
  align-items: flex-start;
  gap: 48px;
  padding: 64px 114px 0px;
  position: absolute;
  top: 117px;
  left: calc(50% - 719px);
}

.index-page .container-81 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 267.59px;
}

.index-page .container-82 {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 268px;
  display: flex;
  flex-direction: column;
}

.index-page .heading-7 {
  width: 274.8px;
  display: flex;
}

.index-page .m-h-living {
  margin-top: -2.2px;
  width: 82px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .handcrafted-sofas-wrapper {
  width: 274.8px;
  margin-top: 16px;
  display: flex;
}

.index-page .handcrafted-sofas {
  margin-top: -2.4px;
  width: 254px;
  height: 78px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-page .container-83 {
  width: 171.31px;
  height: 61.59px;
  margin-top: 24px;
  display: flex;
  gap: 10px;
  background-color: #ffffff0d;
  border-radius: 14px;
  border: 0.8px solid;
  border-color: #fffefe1a;
}

.index-page .container-84 {
  display: flex;
  margin-top: 12.8px;
  width: 36px;
  height: 36px;
  position: relative;
  margin-left: 14.8px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 26843500px;
  overflow: hidden;
  border: 2px solid;
  border-color: #ffffff;
}

.index-page .image-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 32px;
  background: url(images/imagewithfallback-3.png)
    50% 50% / cover;
}

.index-page .image-2 {
  position: absolute;
  top: 1px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.index-page .container-85 {
  display: flex;
  margin-top: 12.8px;
  width: 93.71px;
  height: 35.99px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.index-page .paragraph-8 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 20px;
}

.index-page .text-wrapper-48 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .paragraph-9 {
  display: flex;
  height: 15.99px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .text-wrapper-49 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe99;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.index-page .container-86 {
  width: 274.8px;
  height: 40px;
  position: relative;
  margin-top: 24px;
}

.index-page .container-87 {
  display: flex;
  flex-direction: column;
  width: 275px;
  height: 268px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 0;
  left: 323px;
}

.index-page .div-wrapper-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 24px;
}

.index-page .list {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 204px;
}

.index-page .list-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .link {
  width: 60.28px;
  display: flex;
}

.index-page .text-wrapper-50 {
  margin-top: -2.2px;
  width: 64px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-wrapper {
  position: absolute;
  top: 36px;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .link-2 {
  width: 99.56px;
  display: flex;
}

.index-page .text-wrapper-51 {
  margin-top: -2.2px;
  width: 106px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  white-space: nowrap;
}

.index-page .list-item-2 {
  position: absolute;
  top: 72px;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .list-item-3 {
  position: absolute;
  top: 108px;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .link-3 {
  width: 90.03px;
  display: flex;
}

.index-page .text-wrapper-52 {
  margin-top: -2.2px;
  width: 95px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .list-item-4 {
  position: absolute;
  top: 144px;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .link-4 {
  width: 104.89px;
  display: flex;
}

.index-page .text-wrapper-53 {
  margin-top: -2.2px;
  width: 112px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .list-item-5 {
  position: absolute;
  top: 180px;
  left: 0;
  width: 275px;
  height: 24px;
  display: flex;
}

.index-page .link-5 {
  width: 28.89px;
  display: flex;
}

.index-page .text-wrapper-54 {
  margin-top: -2.2px;
  width: 33px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .container-88 {
  display: flex;
  flex-direction: column;
  width: 275px;
  height: 268px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 0;
  left: 646px;
}

.index-page .link-6 {
  width: 88.05px;
  display: flex;
}

.index-page .text-wrapper-55 {
  margin-top: -2.2px;
  width: 91px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-7 {
  width: 143.96px;
  display: flex;
}

.index-page .text-wrapper-56 {
  margin-top: -2.2px;
  width: 143px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-8 {
  width: 63.95px;
  display: flex;
}

.index-page .text-wrapper-57 {
  margin-top: -2.2px;
  width: 65px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-9 {
  width: 94.75px;
  display: flex;
}

.index-page .link-10 {
  width: 36.05px;
  display: flex;
}

.index-page .text-wrapper-58 {
  margin-top: -2.2px;
  width: 41px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-11 {
  width: 98.36px;
  display: flex;
}

.index-page .text-wrapper-59 {
  margin-top: -2.2px;
  width: 104px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .container-89 {
  position: absolute;
  top: 0;
  left: 968px;
  width: 275px;
  height: 268px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.index-page .text-wrapper-60 {
  margin-top: -2.2px;
  width: 80px;
  height: 24px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .list-2 {
  display: flex;
  width: 274.8px;
  height: 152px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.index-page .list-item-6 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 72px;
}

.index-page .icon-6 {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
}

.index-page .container-90 {
  display: flex;
  flex-direction: column;
  width: 131px;
  height: 72px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 32px;
}

.index-page .text-wrapper-61 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefeb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .link-12 {
  position: relative;
  width: 145.88px;
  height: 24px;
}

.index-page .link-13 {
  position: relative;
  width: 151.15px;
  height: 24px;
}

.index-page .link-14 {
  width: 142.88px;
  height: 40px;
  display: flex;
  background-color: var(--foundation-muted-goldnormal);
  border-radius: 10px;
}

.index-page .text-wrapper-62 {
  margin-top: 5.8px;
  width: 111px;
  height: 24px;
  margin-left: 16px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .container-91 {
  display: flex;
  flex-direction: column;
  height: 137.6px;
  align-items: flex-start;
  padding: 32.8px 0px 0.8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-top-width: 0.8px;
  border-top-style: solid;
  border-bottom-width: 0.8px;
  border-bottom-style: solid;
  border-color: #fffefe1a;
}

.index-page .container-92 {
  display: flex;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 9.16e-5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .container-93 {
  display: flex;
  flex-direction: column;
  width: 566.15px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  margin-top: -4px;
  margin-bottom: -4px;
}

.index-page .text-wrapper-63 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .container-94 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 48px;
}

.index-page .frame-43 {
  display: flex;
  flex-wrap: wrap;
  width: 528px;
  align-items: flex-start;
  gap: 6px 6px;
  position: relative;
}

.index-page .payment-method-amex {
  background-color: #1f72cd;
  border-radius: 6px;
  position: relative;
  width: 70px;
  height: 48px;
}

.index-page .AMEX {
  position: absolute;
  width: 82.9%;
  height: 30.23%;
  top: 35.42%;
  left: 8.57%;
}

.index-page .img-wrapper-2 {
  position: relative;
  width: 70px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #d9d9d9;
}

.index-page .apple-pay {
  position: absolute;
  width: 71.62%;
  height: 43.41%;
  top: 29.17%;
  left: 14.29%;
}

.index-page .google-pay {
  position: absolute;
  width: 71.43%;
  height: 42.89%;
  top: 32.11%;
  left: 14.29%;
}

.index-page .payment-method {
  background-color: #feb4c7;
  border-radius: 6px;
  border: 1px solid;
  border-color: #d9d9d9;
  position: relative;
  width: 70px;
  height: 48px;
}

.index-page .klarna {
  position: absolute;
  width: 80.92%;
  height: 27.08%;
  top: 37.5%;
  left: 11.43%;
}

.index-page .payment-method-2 {
  position: relative;
  width: 70px;
  height: 48px;
}

.index-page .mastercard {
  position: absolute;
  width: 64.29%;
  height: 57.53%;
  top: 20.83%;
  left: 18.57%;
}

.index-page .visa-logo {
  position: absolute;
  width: 70%;
  height: 32.58%;
  top: 35.42%;
  left: 12.86%;
}

.index-page .container-95 {
  display: flex;
  flex-direction: column;
  width: 178.16px;
  height: 44px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.index-page .text-wrapper-64 {
  position: absolute;
  top: -1px;
  left: -2px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .text-wrapper-65 {
  position: absolute;
  top: -1px;
  left: 37px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .container-96 {
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 3.05e-5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .element-m-h-living-all-wrapper {
  position: relative;
  width: 403.41px;
  height: 20px;
}

.index-page .container-97 {
  position: relative;
  width: 405.05px;
  height: 20px;
}

.index-page .link-15 {
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
  height: 20px;
  display: flex;
}

.index-page .text-wrapper-66 {
  margin-top: -1.2px;
  width: 88px;
  height: 20px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .terms-conditions-wrapper {
  position: absolute;
  top: 0;
  left: 107px;
  width: 122px;
  height: 20px;
  display: flex;
}

.index-page .terms-conditions {
  margin-top: -1.2px;
  width: 122px;
  height: 20px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .link-16 {
  position: absolute;
  top: 0;
  left: 252px;
  width: 82px;
  height: 20px;
  display: flex;
}

.index-page .text-wrapper-67 {
  margin-top: -1.2px;
  width: 85px;
  height: 20px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .link-17 {
  position: absolute;
  top: 0;
  left: 358px;
  width: 47px;
  height: 20px;
  display: flex;
}

.index-page .text-wrapper-68 {
  margin-top: -1.2px;
  width: 50px;
  height: 20px;
  font-family: "Arial-Regular", Helvetica;
  font-weight: 400;
  color: #fffefe80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-page .frame-44 {
  position: absolute;
  top: 2627px;
  left: calc(50% - 720px);
  width: 1440px;
  height: 980px;
  display: flex;
  flex-direction: column;
  background-color: #fbfbfb;
}

.index-page .frame-45 {
  height: 174px;
  align-self: center;
  position: relative;
  margin-top: 72px;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 810px;
  gap: 25px;
}

.index-page .frame-46 {
  width: 140px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 46px;
  border: 1px solid;
  border-color: #c2a46d;
}

.index-page .title-5 {
  position: relative;
  width: 100px;
  height: 22px;
  overflow: hidden;
}

.index-page .text-wrapper-69 {
  position: relative;
  align-self: stretch;
  font-family: var(--h2-bold-font-family);
  font-weight: var(--h2-bold-font-weight);
  color: #000000;
  font-size: var(--h2-bold-font-size);
  text-align: center;
  letter-spacing: var(--h2-bold-letter-spacing);
  line-height: var(--h2-bold-line-height);
  font-style: var(--h2-bold-font-style);
}

.index-page .landings-5 {
  position: relative;
  align-self: stretch;
  font-weight: var(--title-2-font-weight);
  color: var(--foundation-soft-charcoaldarker);
  text-align: center;
  font-family: var(--title-2-font-family);
  font-size: var(--title-2-font-size);
  letter-spacing: var(--title-2-letter-spacing);
  line-height: var(--title-2-line-height);
  font-style: var(--title-2-font-style);
}

.index-page .frame-47 {
  margin-left: 116px;
  width: 1213px;
  margin-top: 52px;
  display: flex;
  overflow-x: scroll;
}

.index-page .frame-47::-webkit-scrollbar {
  width: 0;
  display: none;
}

.index-page .frame-48 {
  display: flex;
  width: 1213px;
  height: 496px;
  position: relative;
  align-items: flex-start;
  gap: 25px;
}

.index-page .container-98 {
  position: relative;
  width: 356px;
  height: 496px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .container-99 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
}

.index-page .image-3 {
  position: absolute;
  top: -55px;
  left: -42px;
  width: 581px;
  height: 581px;
  object-fit: cover;
}

.index-page .container-100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.index-page .container-101 {
  position: absolute;
  top: 273px;
  left: 0;
  width: 397px;
  height: 223px;
  display: flex;
}

.index-page .frame-49 {
  display: flex;
  margin-top: 59.5px;
  width: 312.02px;
  height: 122.32px;
  margin-left: 39.5px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 15px;
}

.index-page .frame-50 {
  display: flex;
  flex-direction: column;
  height: 75.41px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .text-wrapper-70 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 33.6px;
}

.index-page .text-wrapper-71 {
  position: relative;
  align-self: stretch;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #fffefecc;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  font-style: var(--title-1-font-style);
}

.index-page .btn-wrapper {
  position: relative;
  width: 135.13px;
  height: 31.91px;
}

.index-page .btn {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 124px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  left: 1px;
}

.index-page .text-13 {
  position: relative;
  width: 97.9px;
  height: 31.91px;
}

.index-page .text-wrapper-72 {
  position: absolute;
  top: calc(50% - 14px);
  left: 0;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-muted-goldnormal);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .icon-7 {
  position: relative;
  width: 26.59px;
  height: 26.59px;
  margin-right: -0.49px;
  margin-left: 0px;
}

.index-page .container-102 {
  position: absolute;
  top: 21px;
  left: 312px;
  width: 64px;
  height: 64px;
}

.index-page .container-103 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
  background: url(images/imagewithfallback-4.png)
    50% 50% / cover;
}

.index-page .image-4 {
  position: absolute;
  top: -119px;
  left: -192px;
  width: 621px;
  height: 621px;
  object-fit: cover;
}

.index-page .container-104 {
  position: absolute;
  top: 273px;
  left: 1px;
  width: 397px;
  height: 223px;
  display: flex;
}

.index-page .frame-51 {
  display: flex;
  margin-top: 57.5px;
  width: 314.57px;
  height: 124.44px;
  margin-left: 40px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.index-page .frame-52 {
  display: flex;
  flex-direction: column;
  height: 77.53px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .text-wrapper-73 {
  position: relative;
  width: 314.57px;
  margin-top: -1px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 33.6px;
}

.index-page .btn-2 {
  all: unset;
  box-sizing: border-box;
  width: 114px;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.index-page .text-wrapper-74 {
  position: absolute;
  top: calc(50% - 14px);
  left: 1px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-muted-goldnormal);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .icon-8 {
  position: relative;
  width: 26.59px;
  height: 26.59px;
  margin-right: -10.49px;
  margin-left: 0px;
}

.index-page .container-105 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
  background: url(images/imagewithfallback-5.png)
    50% 50% / cover;
}

.index-page .image-5 {
  position: absolute;
  top: 0;
  left: -17px;
  width: 513px;
  height: 513px;
  object-fit: cover;
}

.index-page .frame-53 {
  display: flex;
  flex-direction: column;
  width: 314px;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  top: 326px;
  left: 40px;
}

.index-page .frame-54 {
  display: flex;
  flex-direction: column;
  height: 85.08px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .text-wrapper-75 {
  position: relative;
  width: fit-content;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: #fffefecc;
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .container-106 {
  position: relative;
  width: 356px;
  height: 496px;
  margin-right: -286px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .container-107 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
  background: url(images/imagewithfallback-6.png)
    50% 50% / cover;
}

.index-page .image-6 {
  position: absolute;
  top: -78px;
  left: -153px;
  width: 584px;
  height: 584px;
  object-fit: cover;
}

.index-page .container-108 {
  position: absolute;
  top: 273px;
  left: 0;
  width: 397px;
  height: 223px;
}

.index-page .btn-3 {
  width: 114px;
  justify-content: space-around;
  gap: 11px;
  position: absolute;
  top: 420px;
  left: 40px;
  display: flex;
  align-items: center;
}

.index-page .frame-55 {
  display: flex;
  flex-direction: column;
  width: 315px;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  top: -94px;
  left: -1px;
}

.index-page .frame-56 {
  display: flex;
  flex-direction: column;
  height: 84.61px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .frame-57 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-page .text-wrapper-76 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--title-1-font-family);
  font-weight: var(--title-1-font-weight);
  color: var(--foundation-muted-goldnormal);
  font-size: var(--title-1-font-size);
  letter-spacing: var(--title-1-letter-spacing);
  line-height: var(--title-1-line-height);
  white-space: nowrap;
  font-style: var(--title-1-font-style);
}

.index-page .icon-9 {
  position: relative;
  width: 26.59px;
  height: 26.59px;
}

.index-page .container-109 {
  position: relative;
  width: 356px;
  height: 496px;
  margin-right: -667px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .container-110 {
  position: absolute;
  top: 0;
  left: 0;
  width: 397px;
  height: 496px;
  background: url(images/imagewithfallback-7.png)
    50% 50% / cover;
}

.index-page .image-7 {
  position: absolute;
  top: -62px;
  left: -86px;
  width: 600px;
  height: 600px;
  object-fit: cover;
}

.index-page .frame-58 {
  display: flex;
  flex-direction: column;
  width: 326px;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  top: 328px;
  left: 39px;
}

.index-page .frame-59 {
  display: flex;
  flex-direction: column;
  height: 80.61px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-page .frame-60 {
  margin-left: -1079px;
  margin-top: 36.5px;
  height: 89.06px;
  width: 168.06px;
  align-self: center;
  position: relative;
}

.index-page .frame-61 {
  position: absolute;
  top: 3607px;
  left: calc(50% - 720px);
  width: 1440px;
  height: 757px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

.index-page .frame-62 {
  height: 174px;
  align-self: center;
  position: relative;
  margin-top: 69px;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 810px;
  gap: 25px;
}

.index-page .frame-63 {
  margin-left: 120px;
  width: 1205px;
  margin-top: 56px;
  display: flex;
  overflow-x: scroll;
}

.index-page .frame-63::-webkit-scrollbar {
  width: 0;
  display: none;
}

.index-page .container-111 {
  display: flex;
  width: 1205px;
  height: 268px;
  position: relative;
  align-items: flex-start;
  gap: 24px;
}

.index-page .container-112 {
  position: relative;
  width: 356px;
  height: 268px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .container-113 {
  position: absolute;
  top: 1px;
  left: 0;
  width: 357px;
  height: 268px;
  background-color: #171717;
}

.index-page .image-with-fallback-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  display: flex;
  overflow: hidden;
  background: url(images/imagewithfallback-8.png)
    50% 50% / cover;
  opacity: 0.9;
}

.index-page .image-8 {
  margin-top: -109.3px;
  width: 385px;
  height: 385px;
  margin-left: -15px;
  object-fit: cover;
}

.index-page .container-114 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.index-page .container-115 {
  position: absolute;
  top: 104px;
  left: 0;
  width: 357px;
  height: 164px;
  display: flex;
  flex-direction: column;
}

.index-page .container-116 {
  margin-left: 24px;
  width: 48px;
  height: 4px;
  margin-top: 54px;
  background: linear-gradient(
    90deg,
    rgba(254, 154, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
}

.index-page .heading-8 {
  margin-left: 24px;
  width: 309.06px;
  margin-top: 16px;
  display: flex;
}

.index-page .text-wrapper-77 {
  margin-top: -2.2px;
  width: 89px;
  height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
  white-space: nowrap;
}

.index-page .btn-4 {
  margin-left: 24px;
  width: 124px;
  height: 31.91px;
  position: relative;
  margin-top: 13.9px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.index-page .image-with-fallback-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  display: flex;
  overflow: hidden;
  background: url(images/imagewithfallback-9.png)
    50% 50% / cover;
  opacity: 0.9;
}

.index-page .image-9 {
  margin-top: -90.3px;
  width: 364px;
  height: 364px;
  margin-left: -3.1px;
  object-fit: cover;
}

.index-page .container-117 {
  margin-left: 24px;
  width: 48px;
  height: 4px;
  margin-top: 54px;
  background: linear-gradient(
    90deg,
    rgba(43, 127, 255, 1) 0%,
    rgba(97, 95, 255, 1) 100%
  );
}

.index-page .btn-5 {
  margin-left: 23.9px;
  width: 124px;
  height: 31.91px;
  position: relative;
  margin-top: 12.9px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.index-page .image-with-fallback-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  display: flex;
  overflow: hidden;
  background: url(images/imagewithfallback-10.png)
    50% 50% / cover;
  opacity: 0.9;
}

.index-page .image-10 {
  margin-top: -90.3px;
  width: 374px;
  height: 374px;
  margin-left: -3.1px;
  object-fit: cover;
}

.index-page .container-118 {
  margin-left: 24px;
  width: 48px;
  height: 4px;
  margin-top: 54px;
  background: linear-gradient(
    90deg,
    rgba(0, 188, 125, 1) 0%,
    rgba(0, 187, 167, 1) 100%
  );
}

.index-page .heading-9 {
  margin-left: 24px;
  width: 309.08px;
  margin-top: 16px;
  display: flex;
}

.index-page .container-119 {
  position: relative;
  width: 356px;
  height: 268px;
  margin-right: -291px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .image-with-fallback-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  display: flex;
  overflow: hidden;
  background: url(images/imagewithfallback-11.png)
    50% 50% / cover;
  opacity: 0.9;
}

.index-page .image-11 {
  margin-top: -97.3px;
  width: 368px;
  height: 368px;
  margin-left: -5.2px;
  object-fit: cover;
}

.index-page .container-120 {
  margin-left: 24px;
  width: 48px;
  height: 4px;
  margin-top: 54px;
  background: linear-gradient(
    90deg,
    rgba(173, 70, 255, 1) 0%,
    rgba(246, 51, 154, 1) 100%
  );
}

.index-page .text-wrapper-78 {
  margin-top: -2.2px;
  width: 169px;
  height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .btn-6 {
  margin-left: 23.8px;
  width: 124px;
  height: 31.91px;
  position: relative;
  margin-top: 12.9px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.index-page .icon-10 {
  position: relative;
  width: 26.59px;
  height: 26.59px;
  margin-right: -0.49px;
}

.index-page .container-121 {
  position: relative;
  width: 356px;
  height: 268px;
  margin-right: -671px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .container-122 {
  position: absolute;
  top: 1px;
  left: 0;
  width: 357px;
  height: 268px;
}

.index-page .container-123 {
  position: absolute;
  top: 104px;
  left: 0;
  width: 357px;
  height: 164px;
}

.index-page .container-124 {
  position: absolute;
  top: 54px;
  left: 24px;
  width: 48px;
  height: 4px;
  background: linear-gradient(
    90deg,
    rgba(255, 32, 86, 1) 0%,
    rgba(251, 44, 54, 1) 100%
  );
}

.index-page .image-12 {
  position: absolute;
  top: 54px;
  left: 24px;
  width: 48px;
  height: 4px;
  object-fit: cover;
}

.index-page .heading-10 {
  position: absolute;
  top: 74px;
  left: 24px;
  width: 309px;
  height: 24px;
  display: flex;
}

.index-page .text-wrapper-79 {
  margin-top: -2.2px;
  width: 141px;
  height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
  white-space: nowrap;
}

.index-page .btn-7 {
  all: unset;
  box-sizing: border-box;
  width: 124px;
  justify-content: space-between;
  position: absolute;
  top: 111px;
  left: 24px;
  display: flex;
  align-items: center;
}

.index-page .container-125 {
  position: relative;
  width: 356px;
  height: 268px;
  margin-right: -1051px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .image-with-fallback-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 268px;
  display: flex;
  overflow: hidden;
  background: url(images/imagewithfallback-13.png)
    50% 50% / cover;
  opacity: 0.9;
}

.index-page .image-13 {
  margin-top: -96.3px;
  width: 370px;
  height: 370px;
  margin-left: -6.3px;
  object-fit: cover;
}

.index-page .text-wrapper-80 {
  margin-top: -2.2px;
  width: 83px;
  height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .container-126 {
  position: relative;
  width: 356px;
  height: 268px;
  margin-right: -1431px;
  border-radius: 25px;
  overflow: hidden;
}

.index-page .image-14 {
  margin-top: -100.3px;
  width: 370px;
  height: 370px;
  margin-left: -6.4px;
  object-fit: cover;
}

.index-page .container-127 {
  position: absolute;
  top: 104px;
  left: 0;
  width: 357px;
  height: 164px;
  display: flex;
  flex-direction: column;
  gap: 12.9px;
}

.index-page .frame-64 {
  display: flex;
  margin-left: 24px;
  width: 309.06px;
  height: 44px;
  position: relative;
  margin-top: 54px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.index-page .container-128 {
  position: relative;
  width: 48px;
  height: 4px;
  background-color: #01bba1;
}

.index-page .text-wrapper-81 {
  position: absolute;
  top: -2px;
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index-page .btn-8 {
  margin-left: 23.6px;
  width: 124px;
  height: 31.91px;
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.index-page .frame-65 {
  margin-left: -1071px;
  margin-top: 50.5px;
  height: 89.06px;
  width: 168.06px;
  align-self: center;
  position: relative;
}

.index-page .frame-66 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 643px;
  background-color: var(--foundation-muted-golddarker);
}

.index-page .trustpilot-micro {
  display: inline-flex;
  height: 26px;
  width: 209px;
  position: relative;
  align-items: center;
  gap: 13px;
}

.index-page .text-wrapper-82 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 26px;
  white-space: nowrap;
}

.index-page .element-out-of {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 26px;
  white-space: nowrap;
}

.index-page .span {
  font-weight: 700;
}

.index-page .text-wrapper-83 {
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-page .frame-67 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.index-page .shape-2 {
  position: relative;
  width: 14px;
  height: 13.25px;
}

.index-page .frame-68 {
  display: inline-flex;
  height: 18px;
  width: 439px;
  position: relative;
  margin-right: 70px;
  align-items: center;
  gap: 32px;
}

.index-page .pages {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--foundation-muted-goldlight-active);
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13px;
}

.index-page .text-wrapper-84 {
  color: #ece3d2;
  line-height: var(--body-line-height);
  font-family: var(--body-font-family);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  letter-spacing: var(--body-letter-spacing);
  font-size: var(--body-font-size);
}

.index-page .text-wrapper-85 {
  color: #9b8357;
  line-height: var(--body-line-height);
  font-family: var(--body-font-family);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  letter-spacing: var(--body-letter-spacing);
  font-size: var(--body-font-size);
}

.index-page .pages-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--foundation-muted-goldlight-active);
  font-size: var(--body-font-size);
  text-align: center;
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  white-space: nowrap;
  font-style: var(--body-font-style);
}
/* INJECT ORIGINAL CSS HERE - All existing styles from style.css should be placed here */

/* Additional semantic HTML enhancements - form inputs */
.index-page input[type="text"],
.index-page input[type="tel"] {
  border: none;
  background: transparent;
  width: 100%;
  font-family: var(--title-2-font-family);
  font-size: var(--title-2-font-size);
  color: #000;
  outline: none;
}

.index-page input[type="text"]::placeholder,
.index-page input[type="tel"]::placeholder {
  color: #717182;
}

.index-page select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

/* Checkbox styling for semantic input */
.index-page input[type="checkbox"] {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.index-page input[type="checkbox"]:checked + .checkbox-rectangle::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #c2a46d;
  font-size: 14px;
  font-weight: bold;
}

/* Button reset for semantic buttons */
.index-page button {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.index-page button:hover {
  opacity: 0.9;
}

.index-page button:focus {
  outline: 2px solid #c2a46d;
  outline-offset: 2px;
}

/* Details/Summary styling for accordions */
.index-page details summary {
  cursor: pointer;
  list-style: none;
}

.index-page details summary::-webkit-details-marker {
  display: none;
}

.index-page details[open] .line-rounded-chevron {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* Link styling */
.index-page a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
}

.index-page a:hover {
  opacity: 0.8;
}

.index-page a:focus {
  outline: 2px solid #c2a46d;
  outline-offset: 2px;
}

/* HR element styling */
.index-page hr {
  border: none;
  margin: 0;
  padding: 0;
}