/* screen - home-1440 */

.home-1440 {
  background-color: var(--white);
  gap: 382px;
  height: 755px;
  padding: 0 33px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.home-1440 .frame-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 37px;
  margin-left: 402px;
  margin-top: 91px;
  position: relative;
  width: 587px;
}

.home-1440 .frame-1-item {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.home-1440 .well-be-live-soon {
  color: var(--abbey);
  font-family: var(--font-family-bricolage_grotesque);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 46.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-1440 .m3 {
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.home-1440 .whats-app-image-2025-06-26-at-154314-1 {
  align-self: stretch;
  height: 309px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.home-1440 .a-bold-new-space-for {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 496px;
}

.home-1440 .drc-bar {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 326px;
  min-height: 102px;
  padding: 14.9px 0;
  width: 3px;
}

.home-1440 .rectangle-8 {
  background-color: var(--green-blue);
  transform: rotate(90deg);
}

.home-1440 .rectangle-3 {
  background-color: var(--gargoyle-gas);
  transform: rotate(90.00deg);
}

.home-1440 .rectangle-7 {
  background-color: var(--cinnabar);
  transform: rotate(90.00deg);
}

.home {
  align-items: flex-start;
  display: flex;
}

.home-1440 .rectangle {
  border-radius: 4px;
  height: 3px;
  margin-left: -14.86px;
  width: 33px;
}
/* screen - home-320 */

.home-320 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 520px;
  padding: 24px 7px;
  width: 320px;
}

.home-320 .overlap-group {
  height: 469px;
  position: relative;
  width: 306px;
}

.home-320 .drc-bar-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 299px;
  min-height: 64px;
  padding: 9.3px 0;
  position: absolute;
  top: 204px;
  width: 2px;
}

.home-320 .rectangle-8-1 {
  background-color: var(--green-blue);
  border-radius: 4px;
  height: 2px;
  margin-left: -9.31px;
  transform: rotate(90deg);
  width: 20px;
}

.home-320 .rectangle-3-1 {
  background-color: var(--gargoyle-gas);
  border-radius: 4px;
  height: 2px;
  margin-left: -9.31px;
  transform: rotate(90.00deg);
  width: 20px;
}

.home-320 .rectangle-7-1 {
  background-color: var(--cinnabar);
  border-radius: 4px;
  height: 2px;
  margin-left: -9.31px;
  transform: rotate(90.00deg);
  width: 20px;
}

.home-320 .frame-5 {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1px -116px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 306px;
}

.home-320 .frame {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.home-320 .well-be-live-soon-1 {
  color: var(--abbey);
  font-family: var(--font-family-bricolage_grotesque);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-320 .frame-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.home-320 .whats-app-image-2025-06-26-at-154314-1-1 {
  height: 228px;
  position: relative;
  width: 214px;
}

.home-320 .a-bold-new-space-for-1 {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-top: -1.00px;
  position: relative;
  width: 253px;
}
/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 47px;
  height: 755px;
  padding: 0 40px;
  width: 768px;
}

.index .frame-1-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 37px;
  margin-left: 51px;
  margin-top: 91px;
  position: relative;
  width: 587px;
}

.index .frame-1-item-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.index .well-be-live-soon-2 {
  color: var(--abbey);
  font-family: var(--font-family-bricolage_grotesque);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 46.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .m3-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.index .whats-app-image-2025-06-26-at-154314-1-2 {
  align-self: stretch;
  height: 309px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .a-bold-new-space-for-2 {
  letter-spacing: 0;
  line-height: 21.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 496px;
}

.index .drc-bar-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 326px;
  min-height: 102px;
  padding: 14.9px 0;
  width: 3px;
}

.index .rectangle-8-2 {
  background-color: var(--green-blue);
  border-radius: 4px;
  height: 3px;
  margin-left: -14.86px;
  transform: rotate(90deg);
  width: 33px;
}

.index .rectangle-3-2 {
  background-color: var(--gargoyle-gas);
  border-radius: 4px;
  height: 3px;
  margin-left: -14.86px;
  transform: rotate(90.00deg);
  width: 33px;
}

.index .rectangle-7-2 {
  background-color: var(--cinnabar);
  border-radius: 4px;
  height: 3px;
  margin-left: -14.86px;
  transform: rotate(90.00deg);
  width: 33px;
}
@media screen and (max-width: 767px) {
  .screen.home-1440 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .screen.home-1440 { 
    display: none;
   }
  .screen.home-320 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.home-320 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}