/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}

.index .header {
  align-items: center;
  align-self: stretch;
  background-color: var(--alabaster);
  border-bottom-style: solid;
  border-bottom-width: 0.69px;
  border-color: var(--gray-nurse);
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  display: flex;
  flex-direction: column;
  gap: 89.54px;
  height: 89px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .navbar {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 92px;
  justify-content: center;
  position: relative;
  width: 1200px;
}

.index .logo-1 {
  aspect-ratio: 5.97;
  height: 40px;
  margin-left: -0.58px;
  object-fit: cover;
  position: relative;
  width: 239px;
}

.index .navbar-link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 29.1px;
  position: relative;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: fit-content;
}

.index .navbar-link:hover {
  transform: scale(1.1);
}

.index .group-3 {
  height: 34.62px;
  margin-right: -2.58px;
  position: relative;
  width: 204.15px;
}

.index .overlap-group {
  align-items: flex-start;
  background-image: url(../img/rectangle-7-1@2x.png);
  background-size: 100% 100%;
  display: flex;
  gap: 6px;
  height: 35px;
  justify-content: flex-end;
  min-width: 202px;
  padding: 7.6px 16.2px;
}

.index .search {
  align-self: center;
  background-color: transparent;
  border: 0;
  height: 10px;
  letter-spacing: 0;
  line-height: 29.1px;
  margin-top: 1.0px;
  padding: 0;
  width: 145px;
}

.index .magnifying-glass-1 {
  aspect-ratio: 1;
  height: 19px;
  object-fit: cover;
  width: 19px;
}

.index .body {
  height: 1652px;
  position: relative;
  width: 1200px;
}

.index .flex-col-1 {
  gap: 50px;
  min-height: 1609px;
}

.index .flex-row {
  gap: 57px;
  min-width: 1200px;
}

.index .credit-cards-1 {
  align-self: flex-end;
  aspect-ratio: 1.5;
  height: 384px;
  object-fit: cover;
  width: 575px;
}

.index .frame-7 {
  display: flex;
  flex-direction: column;
  height: 319px;
  width: 568px;
}

.index .debt {
  color: var(--ebony-clay);
  font-family: var(--font-family-inter);
  font-size: 20.8px;
  font-weight: 600;
  height: 15px;
  letter-spacing: 0;
  line-height: normal;
  width: 63.69px;
}

.index .canadian-homeowners-2 {
  cursor: pointer;
  height: 130px;
  letter-spacing: 0;
  line-height: 49.8px;
  margin-left: 0;
  margin-top: 25.8px;
  width: 568.38px;
}

.index .in-a-time-of-rising-1 {
  color: var(--ebony-clay);
  font-family: var(--font-family-inter);
  font-size: 20.8px;
  font-weight: 400;
  height: 111px;
  letter-spacing: 0;
  line-height: 31.8px;
  margin-left: 0;
  margin-top: 37.5px;
  width: 541.38px;
}

.index .frame-23 {
  align-items: flex-start;
  display: flex;
  gap: 77px;
  height: 276px;
  min-width: 1186px;
}

.index .flex-col-2 {
  gap: 28px;
  margin-top: -0.92px;
  min-height: 277px;
  width: 555px;
}

.index .canadian-homeowners {
  letter-spacing: 0;
  line-height: 37.4px;
  min-height: 20px;
  width: 293px;
}

.index .frame-14 {
  display: flex;
  gap: 33.2px;
  height: 228px;
  width: 555px;
}

.index .apr-12-2025-04_58_19-pm-1 {
  aspect-ratio: 1;
  height: 228.46px;
  width: 228.46px;
}

.index .frame {
  display: flex;
  flex-direction: column;
  gap: 25.8px;
  height: 189.92px;
  margin-top: 10.2px;
  width: 292.85px;
}

.index .canadian-homeowners-1 {
  height: 94px;
  letter-spacing: 0;
  line-height: 37.4px;
}

.index .in-a-time-of-rising {
  height: 70px;
  letter-spacing: 0;
  line-height: 29.1px;
  margin-left: 0;
}

.index .frame-16 {
  align-self: flex-end;
  display: flex;
  gap: 33.2px;
  height: 228px;
  margin-bottom: 0;
  width: 555px;
}

.index .pexels-nicola-barts-7927424-1-1 {
  aspect-ratio: 1;
  height: 228.46px;
  width: 228.46px;
}

.index .ad-01-1 {
  aspect-ratio: 4.87;
  height: 246px;
  object-fit: cover;
  width: 1200px;
}

.index .frame-22 {
  align-items: flex-start;
  display: flex;
  gap: 77px;
  height: 553px;
  min-width: 1186px;
}

.index .flex-col {
  flex-direction: column;
  margin-top: -0.92px;
  min-height: 554px;
  width: 555px;
}

.index .frame-3 {
  display: flex;
  height: 228px;
  margin-top: 29px;
  width: 555px;
}

.index .frame-18 {
  display: flex;
  gap: 33.2px;
  height: 228.46px;
  width: 554.54px;
}

.index .chat-gpt-image-apr-12-2025-03_49_21-pm-1 {
  aspect-ratio: 1;
  height: 228.46px;
  width: 228.46px;
}

.index .frame-2 {
  display: flex;
  gap: 33.2px;
  height: 228px;
  margin-top: 48px;
  width: 555px;
}

.index .pexels-cottonbro-3943723-2 {
  aspect-ratio: 1;
  height: 228.46px;
  width: 228.46px;
}

.index .frame-19 {
  display: flex;
  gap: 33.2px;
  height: 228px;
  margin-top: 29px;
  width: 555px;
}

.index .pexels-mikhail-nilov-7735630-1 {
  aspect-ratio: 1;
  height: 228.46px;
  width: 228.46px;
}

.index .chat-gpt-image-apr-12-2025-04_21_02-pm-1 {
  height: 228.46px;
  width: 228.46px;
}

.index .footer {
  align-self: stretch;
  background-color: var(--thunder);
  gap: 9.23px;
  height: 307px;
  justify-content: flex-end;
  padding: 12.92px 433.85px 12.92px 444px;
  width: 100%;
}

.index .footer-content {
  flex: 0 0 auto;
  gap: 33.23px;
  justify-content: center;
  margin-left: -250.42px;
  margin-right: -250.42px;
  width: 1200px;
}

.index .the-information-on-t {
  align-self: stretch;
  height: 91.38px;
  letter-spacing: 0;
  line-height: 29.1px;
  margin-top: -0.92px;
  position: relative;
  text-align: justify;
}

.index .x2025-healthy-financ {
  align-self: stretch;
  height: 91.38px;
  letter-spacing: 0;
  line-height: 29.1px;
  position: relative;
  text-align: center;
}

.index .footer-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}