.index-screen {
  display: flex;
  flex-direction: column;
  width: 1740px;
  height: 5791px;
  align-items: flex-start;
  position: relative;
  background-color: #fdf8f2;
  overflow-x: hidden;
}

body {
  display: flex;
  justify-content: center;
  background-color: #fdf8f2;
}

.index-screen .image-peintures-et {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 220px;
  background-image: url(https://c.animaapp.com/RGYIG5iK/img/image--peintures-et-travaux-artistiques-d-enfants-.png);
  background-size: cover;
  background-position: 50% 50%;
}

.index-screen .index {
  position: absolute;
  top: 0;
  left: 0;
  width: 1740px;
  height: 1326px;
}

.index-screen .section {
  position: relative;
  height: 1326px;
  overflow: hidden;
}

.index-screen .container {
  position: absolute;
  top: 0;
  left: 0;
  width: 870px;
  height: 1326px;
  display: flex;
  background-color: #fdf8f2;
}

.index-screen .text-wrapper {
  margin-top: 1311px;
  width: 136px;
  height: 15px;
  margin-left: 725px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.index-screen .div {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 870px;
}

.index-screen .image-assistante {
  position: relative;
  width: 870.5px;
  height: 1326px;
  background-image: url(https://c.animaapp.com/RGYIG5iK/img/image--assistante-maternelle-jouant-avec-une-enfant-dans-un-jard.png);
  background-size: cover;
  background-position: 50% 50%;
}

.index-screen .container-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 870px;
  height: 1326px;
  background-color: #c0783a1a;
}

.index-screen .link-dfiler-vers-le {
  position: absolute;
  top: 1261px;
  left: 856px;
  width: 28px;
  height: 28px;
}

.index-screen .container-3 {
  display: flex;
  flex-direction: column;
  width: 528px;
  height: 591px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 400px;
  left: 318px;
}

.index-screen .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-screen .assistant-maternel {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #c0783a;
  font-size: 32px;
  letter-spacing: 1.4px;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .un-foyer-chaleureux {
  position: relative;
  width: 528px;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  color: #2c1f0e;
  font-size: 60.8px;
  letter-spacing: 0;
  line-height: 76px;
}

.index-screen .span {
  font-weight: 500;
}

.index-screen .text-wrapper-2 {
  font-weight: 500;
  font-style: italic;
}

.index-screen .paragraph {
  display: flex;
  flex-direction: column;
  max-width: 448px;
  align-items: flex-start;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.index-screen .je-prends-soin-de {
  position: relative;
  width: 448px;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-screen .container-margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px 0px;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-screen .container-4 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 24px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #2c1f0e1f;
}

.index-screen .div-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .text-wrapper-3 {
  font-family: "Playfair Display", Helvetica;
  color: #c0783a;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}

.index-screen .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .propos {
  display: flex;
  flex-direction: column;
  width: 1740px;
  align-items: flex-start;
  padding: 96px 0px;
  position: absolute;
  top: 1326px;
  left: 0;
  background-color: #fffbf5;
}

.index-screen .container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-screen .container-5 {
  position: relative;
  max-width: 1152px;
  width: 1152px;
  height: 650px;
}

.index-screen .img {
  position: absolute;
  top: 0;
  left: 24px;
  width: 556px;
  height: 678px;
}

.index-screen .container-6 {
  display: flex;
  flex-direction: column;
  width: 520px;
  height: 534px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 58px;
  left: 608px;
}

.index-screen .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #c0783a;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 44.8px;
  letter-spacing: 0;
  line-height: 58.2px;
  white-space: nowrap;
}

.index-screen .j-adapte-mes {
  height: 208px;
  background-color: transparent;
  border: 0;
  padding: 0;
  position: relative;
  width: 520px;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-screen .j-adapte-mes::placeholder {
  color: #7a604599;
}

.index-screen .p {
  position: relative;
  width: 520px;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.index-screen .list {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 152px;
  margin-bottom: -104.77px;
}

.index-screen .list-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 8px;
  left: 0;
}

.index-screen .icon-margin {
  position: relative;
  flex: 0 0 auto;
}

.index-screen .text-wrapper-7 {
  position: relative;
  width: 230px;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #2c1f0e;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.index-screen .list-item-2 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 8px;
  left: 266px;
}

.index-screen .list-item-3 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 60px;
  left: 0;
}

.index-screen .list-item-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 60px;
  left: 266px;
}

.index-screen .list-item-5 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 112px;
  left: 0;
}

.index-screen .list-item-6 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 112px;
  left: 266px;
}

.index-screen .services {
  top: 2168px;
  width: 1740px;
  height: 941px;
  position: absolute;
  left: 0;
}

.index-screen .section-2 {
  display: flex;
  flex-direction: column;
  width: 1740px;
  align-items: flex-start;
  padding: 96px 0px;
  position: relative;
  background-color: #fdf8f2;
}

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

.index-screen .arrow {
  position: relative;
  width: 14.73px;
  height: 35.56px;
}

.index-screen .text {
  position: relative;
  width: 159.14px;
  height: 20px;
}

.index-screen .text-wrapper-8 {
  position: absolute;
  top: 0;
  left: 1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #c0783a;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1.4px;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .heading {
  position: relative;
  width: 712.36px;
  height: 62.4px;
}

.index-screen .text-wrapper-9 {
  position: absolute;
  top: 0;
  left: -3px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 41.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 62.4px;
  white-space: nowrap;
}

.index-screen .chaque-enfant-est {
  position: relative;
  width: 576px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.index-screen .container-margin-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1152px;
  width: 1152px;
  align-items: flex-start;
  padding: 0px 24px;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 0px 0px;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-screen .container-8 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 482.5px;
}

.index-screen .container-9 {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 16px;
  padding: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fffbf5;
  border-radius: 16px;
  border: 1px solid;
  border-color: #2c1f0e1f;
}

.index-screen .container-10 {
  position: relative;
  width: 44px;
  height: 44px;
}

.index-screen .text-wrapper-10 {
  position: relative;
  width: fit-content;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.index-screen .text-wrapper-11 {
  position: relative;
  width: 294px;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.index-screen .container-11 {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 16px;
  padding: 28px;
  position: absolute;
  top: 0;
  left: 752px;
  background-color: #fffbf5;
  border-radius: 16px;
  border: 1px solid;
  border-color: #2c1f0e1f;
}

.index-screen .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.index-screen .container-12 {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 16px;
  padding: 28px;
  position: absolute;
  top: 253px;
  left: 0;
  background-color: #fffbf5;
  border-radius: 16px;
  border: 1px solid;
  border-color: #2c1f0e1f;
}

.index-screen .container-13 {
  position: absolute;
  top: 1px;
  left: 376px;
  width: 352px;
  height: 209px;
}

.index-screen .container-14 {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 16px;
  padding: 28px;
  position: absolute;
  top: 253px;
  left: 752px;
  background-color: #fffbf5;
  border-radius: 16px;
  border: 1px solid;
  border-color: #2c1f0e1f;
}

.index-screen .galerie {
  position: absolute;
  top: 3061px;
  left: 0;
  width: 1740px;
  height: 1855px;
}

.index-screen .section-3 {
  display: flex;
  flex-direction: column;
  width: 1740px;
  height: 1855px;
  align-items: flex-start;
  padding: 96px 0px;
  position: relative;
  background-color: #fffbf5;
}

.index-screen .galerie-wrapper {
  position: relative;
  width: 67.06px;
  height: 20px;
}

.index-screen .heading-2 {
  position: relative;
  width: 530.86px;
  height: 62.4px;
}

.index-screen .text-wrapper-13 {
  position: absolute;
  top: 0;
  left: -2px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 41.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 62.4px;
  white-space: nowrap;
}

.index-screen .container-margin-2 {
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-screen .heading-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 63px;
}

.index-screen .container-margin-3 {
  display: flex;
  flex-direction: column;
  height: 558px;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-screen .container-margin-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 56px 0px 0px;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.index-screen .container-15 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 456px;
}

.index-screen .element-wrapper {
  display: flex;
  flex-direction: column;
  width: 357px;
  height: 456px;
  align-items: flex-start;
  position: absolute;
  top: 1px;
  left: 0;
  background-color: #f0e6d3;
  border-radius: 16px;
  overflow: hidden;
}

.index-screen .element {
  position: relative;
  width: 357px;
  height: 456px;
  aspect-ratio: 0.92;
  object-fit: cover;
}

.index-screen .text-wrapper-14 {
  position: absolute;
  top: 565px;
  left: 373px;
  width: 334px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 41.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 62.4px;
  white-space: nowrap;
}

.index-screen .image-groupe-d-wrapper {
  display: flex;
  flex-direction: column;
  width: 357px;
  height: 220px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 747px;
  background-color: #f0e6d3;
  border-radius: 16px;
  overflow: hidden;
}

.index-screen .image-groupe-d {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 220px;
  background-image: url(https://c.animaapp.com/RGYIG5iK/img/952d2f2b-47f6-4ddc-b935-e2bab0a6b1f4-1-102-a-1@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.index-screen .image-petite-fille-wrapper {
  display: flex;
  flex-direction: column;
  width: 357px;
  height: 220px;
  align-items: flex-start;
  position: absolute;
  top: 236px;
  left: 747px;
  background-color: #f0e6d3;
  border-radius: 16px;
  overflow: hidden;
}

.index-screen .image-petite-fille {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 220px;
}

.index-screen .element-af-b-dc-wrapper {
  display: flex;
  flex-direction: column;
  width: 357px;
  height: 456px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 373px;
  background-color: #f0e6d3;
  border-radius: 16px;
  overflow: hidden;
}

.index-screen .element-af-b-dc {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 456px;
  object-fit: cover;
}

.index-screen .contact {
  position: absolute;
  top: 4916px;
  left: 3px;
  width: 1740px;
  height: 778px;
}

.index-screen .section-4 {
  display: flex;
  flex-direction: column;
  width: 1740px;
  align-items: flex-start;
  padding: 96px 0px;
  position: relative;
  background-color: #fffbf5;
}

.index-screen .container-16 {
  display: inline-flex;
  flex-direction: column;
  height: 586.2px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.index-screen .arrow-2 {
  position: relative;
  width: 14.73px;
  height: 34.6px;
}

.index-screen .container-17 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 500;
  color: #2c1f0e;
  font-size: 41.6px;
  letter-spacing: 0;
  line-height: 62.4px;
  white-space: nowrap;
}

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

.index-screen .container-19 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.index-screen .container-20 {
  position: relative;
  width: 40px;
  height: 40px;
}

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

.index-screen .text-wrapper-17 {
  font-family: "Nunito", Helvetica;
  color: #2c1f0e;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}

.index-screen .container-19 a .text-wrapper-17 {
  transition: color 300ms ease-in-out;
}

.index-screen .container-19 a:hover .text-wrapper-17 {
  color: #c0783a;
}

.index-screen .quote {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0px 8px 20px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -35.7px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #c0783a66;
}

.index-screen .notre-fils-adore {
  position: relative;
  width: 496px;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #7a6045;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.index-screen .footer-margin {
  padding: 8px 0px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.index-screen .virginie-damien {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #c0783a;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.index-screen .bottom {
  position: absolute;
  width: 1740px;
  height: 108px;
  top: 5694px;
  left: 0;
}

.index-screen .group {
  width: 1740px;
  display: flex;
}

.index-screen .footer {
  width: 1740px;
  height: 108px;
  padding: 40px 24px;
  background-color: #2c1f0e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.index-screen .container-21 {
  display: flex;
  max-width: 1152px;
  width: 1152px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .container-22 {
  display: flex;
  width: 373.64px;
  align-items: center;
  gap: 8px;
  position: relative;
}

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

.index-screen .text-2 {
  position: relative;
  width: 108px;
  height: 27px;
}

.index-screen .text-wrapper-18 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.index-screen .text-margin {
  display: inline-flex;
  align-items: flex-start;
  padding: 0px 0px 0px 8px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -26.36px;
}

.index-screen .text-wrapper-19 {
  position: relative;
  width: 252px;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.index-screen .list-item-7 {
  position: relative;
  width: 48.11px;
  height: 24px;
}

.index-screen .text-wrapper-20 {
  position: absolute;
  top: 1px;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .list-item-8 {
  position: relative;
  width: 60.17px;
  height: 24px;
}

.index-screen .list-item-9 {
  position: relative;
  width: 55.27px;
  height: 24px;
}

.index-screen .list-item-10 {
  position: relative;
  width: 47.27px;
  height: 24px;
}

.index-screen .text-wrapper-21 {
  position: relative;
  width: fit-content;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  white-space: nowrap;
}

.index-screen .text-wrapper-22 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  color: #7a6045;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.index-screen .logo-instagram-png {
  position: relative;
  width: 25px;
  height: 24px;
  aspect-ratio: 1;
  object-fit: cover;
}

.index-screen .paragraph-2 {
  position: relative;
  width: 179px;
  height: 16px;
}

.index-screen .navigation {
  display: flex;
  flex-direction: column;
  width: 1741px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fdf8f2f2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2c1f0e1f;
}

.index-screen .container-23 {
  display: flex;
  max-width: 1152px;
  width: 1152px;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  position: relative;
}

.index-screen .link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .icon-2 {
  position: relative;
  width: 18px;
  height: 18px;
}

.index-screen .text-3 {
  position: relative;
  width: 132.14px;
  height: 28px;
}

.index-screen .text-wrapper-23 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Playfair Display", Helvetica;
  font-weight: 400;
  color: #2c1f0e;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.index-screen .list-2 {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.index-screen .list-item-11 {
  position: relative;
  width: 36.47px;
  height: 24px;
}

.index-screen .list-item-12 {
  position: relative;
  width: 50.83px;
  height: 24px;
}

.index-screen .navigation .list-2 a {
  text-decoration: none;
}

.index-screen .navigation .list-2 a .text-wrapper-20,
.index-screen .navigation .list-2 a .text-wrapper-21 {
  transition: color 300ms ease-in-out;
}

.index-screen .navigation .list-2 a:hover .text-wrapper-20,
.index-screen .navigation .list-2 a:hover .text-wrapper-21 {
  color: #c0783a;
}