.iphone-14-1-child {
  position: absolute;
  top: 949px;
  left: 103px;
  background-color: #f2f8ff;
  width: 175px;
  height: 54px;
}
.iphone-14-1-item {
  position: absolute;
  top: 4696px;
  left: 0;
  background: linear-gradient(180deg, #dfe4e8, rgba(223, 228, 232, 0));
  width: 390px;
  height: 1051px;
}
.frame-child {
  position: absolute;
  height: 45.55%;
  width: 55.63%;
  top: 2.08%;
  right: 16.96%;
  bottom: 52.37%;
  left: 27.41%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.04;
}
.project-dashboard-child {
  position: absolute;
  top: -6px;
  left: 218px;
  background-color: var(--color-gray-100);
  width: 1222px;
  height: 1570px;
}
.project-dashboard-item {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-powderblue);
  box-shadow: 0.8207888603210449px 0.469022274017334px 1.17px
    rgba(215, 215, 215, 0.16);
  width: 25.56px;
  height: 128.86px;
}
.project-dashboard-inner {
  position: absolute;
  top: 10.98px;
  left: 0;
  border-radius: 0 1.41px 1.41px 0;
  background-color: var(--color-steelblue-100);
  width: 24.04px;
  height: 6.68px;
}
.vuesaxlinearchart-2-icon {
  position: relative;
  width: 2.61px;
  height: 2.61px;
}
.vuesaxlinearchart-2-icon1 {
  position: relative;
  width: 2.84px;
  height: 2.84px;
}
.vuesaxlinearchart-21 {
  filter: blur(3.19px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0.2;
  margin-top: -2.66px;
}
.vuesaxlinearchart-2-parent {
  width: 2.87px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  padding: 0 0.0000022890571926836856px 0 0.04441707208752632px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.projects {
  position: relative;
  font-size: 1.92px;
  font-family: var(--font-rubik);
  color: var(--color-black);
  text-align: left;
}
.projects-wrapper {
  padding: 1.2770408391952515px;
  align-items: flex-start;
}
.frame-parent,
.projects-wrapper,
.vuesaxlineardiagram,
.vuesaxlineardiagram1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.frame-parent {
  position: absolute;
  top: 19.75px;
  left: 5.04px;
  align-items: center;
  gap: 0.64px;
}
.vuesaxlineardiagram,
.vuesaxlineardiagram1 {
  align-items: flex-start;
}
.vuesaxlineardiagram1 {
  filter: blur(3.19px);
  opacity: 0.2;
  margin-top: -2.4px;
}
.vuesaxlineardiagram-parent {
  width: 2.87px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  padding: 0 9.917926035996061e-8px 0 0;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-group {
  position: absolute;
  top: 27.58px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
}
.vuesaxlineargraph-parent {
  width: 2.83px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-container {
  position: absolute;
  top: 35.41px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
}
.vuesaxlinearsetting-icon {
  position: relative;
  width: 3.08px;
  height: 3.08px;
}
.frame-div,
.vuesaxlinearsetting-container,
.vuesaxlinearsetting-group,
.vuesaxlinearsetting-parent {
  position: absolute;
  top: 43.24px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.64px;
}
.frame-div,
.vuesaxlinearsetting-container,
.vuesaxlinearsetting-group {
  top: 51.07px;
}
.frame-div,
.vuesaxlinearsetting-container {
  top: 96.85px;
}
.frame-div {
  top: 106.94px;
}
.vuesaxboldelement-4 {
  width: 2.6px;
  height: 2.6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.vuesaxboldelement-4-icon1 {
  position: relative;
  width: 2.41px;
  height: 2.41px;
}
.vuesaxboldelement-41 {
  filter: blur(3.19px);
  width: 2.4px;
  height: 2.4px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0.2;
  margin-top: -2.4px;
}
.vuesaxboldelement-4-parent {
  width: 2.6px;
  height: 2.6px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.10829430818557739px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.dashboard {
  position: relative;
  font-size: 1.92px;
  font-weight: 600;
  font-family: var(--font-rubik);
  color: var(--white-white);
  text-align: left;
}
.frame-parent1 {
  position: absolute;
  top: 11.92px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
}
.logo-icon,
.rectangle-div {
  position: absolute;
  top: 2.36px;
  left: 3.01px;
  width: 19.47px;
  height: 4.95px;
}
.rectangle-div {
  top: 0;
  left: 25.56px;
  background-color: var(--white-white);
  box-shadow: 0.703533411026001px 0.938044548034668px 3.28px
    rgba(216, 216, 216, 0.16);
  width: 143.29px;
  height: 9.61px;
}
.group-icon {
  position: absolute;
  top: 2.95px;
  left: 154.27px;
  width: 5.18px;
  height: 5.18px;
}
.hi-ezaquel,
.text {
  position: absolute;
  top: 3.64px;
  left: 142.35px;
  font-size: 1.88px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.text {
  top: 5.63px;
  left: 146.57px;
}
.vector-icon {
  position: absolute;
  top: 16.46px;
  left: -0.55px;
  border-radius: 7.39px;
  width: 15.77px;
  height: 75.16px;
}
.icons-arrow-chevron-down {
  position: absolute;
  top: 4.15px;
  left: 160.14px;
  width: 2.82px;
  height: 2.82px;
}
.division-line-icon,
.division-line-icon1 {
  position: absolute;
  top: 83.6px;
  width: 0.12px;
  height: 112.68px;
  display: none;
}
.division-line-icon {
  right: 111.77px;
}
.division-line-icon1 {
  left: 28.61px;
}
.division-line-icon2,
.division-line-icon3 {
  position: absolute;
  top: 78.09px;
  width: 0.12px;
  height: 5.51px;
  display: none;
}
.division-line-icon2 {
  right: 111.77px;
}
.division-line-icon3 {
  left: 28.61px;
}
.division-line-icon4,
.division-line-icon5 {
  position: absolute;
  top: 83.6px;
  width: 0.12px;
  height: 112.68px;
  display: none;
}
.division-line-icon4 {
  right: 48.14px;
}
.division-line-icon5 {
  left: 92.13px;
}
.division-line-icon6,
.division-line-icon7 {
  position: absolute;
  top: 78.09px;
  width: 0.12px;
  height: 5.51px;
  display: none;
}
.division-line-icon6 {
  right: 48.14px;
}
.division-line-icon7 {
  left: 92.13px;
}
.division-line-icon8,
.division-line-icon9 {
  position: absolute;
  top: 83.6px;
  width: 0.12px;
  height: 112.68px;
  display: none;
}
.division-line-icon8 {
  right: 79.92px;
}
.division-line-icon9 {
  left: 60.23px;
}
.division-line-icon10,
.division-line-icon11 {
  position: absolute;
  top: 78.09px;
  width: 0.12px;
  height: 5.51px;
  display: none;
}
.division-line-icon10 {
  right: 79.92px;
}
.division-line-icon11 {
  left: 60.23px;
}
.division-line-icon12,
.division-line-icon13 {
  position: absolute;
  top: 83.6px;
  width: 0.12px;
  height: 112.68px;
  display: none;
}
.division-line-icon12 {
  right: 16.33px;
}
.division-line-icon13 {
  left: 123.94px;
}
.division-line-icon14,
.division-line-icon15 {
  position: absolute;
  top: 78.09px;
  width: 0.12px;
  height: 5.51px;
  display: none;
}
.division-line-icon14 {
  right: 16.33px;
}
.division-line-icon15 {
  left: 123.94px;
}
.sun-d-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.button {
  border-radius: 0.99px;
  width: 3.46px;
  height: 3.46px;
  display: flex;
  padding: 0.4948368966579437px;
  box-sizing: border-box;
  justify-content: center;
}
.button,
.button3,
.icon-button {
  flex-direction: row;
  align-items: center;
}
.button3 {
  border-radius: 0.99px;
  width: 3.46px;
  height: 3.46px;
  display: none;
  padding: 0.4948368966579437px;
  box-sizing: border-box;
  justify-content: center;
}
.icon-button {
  position: absolute;
  top: calc(50% - 56.65px);
  right: 36.89px;
  display: flex;
  justify-content: flex-end;
  gap: 2.58px;
}
.search-s-icon {
  position: relative;
  width: 1.99px;
  height: 1.99px;
  z-index: 0;
}
.text1 {
  position: relative;
  font-size: 1.73px;
  line-height: 2.47px;
  font-family: var(--regular);
  color: var(--black-20);
  text-align: left;
  z-index: 1;
}
.button4 {
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 1.24px);
  right: 0.62px;
  border-radius: 0.99px;
  width: 2.97px;
  height: 2.97px;
  display: none;
  flex-direction: row;
  padding: 0.4948368966579437px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.c {
  position: relative;
  font-size: 1.48px;
  line-height: 2.23px;
  font-family: var(--regular);
  color: var(--black-20);
  text-align: left;
}
.search,
.shortcut {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shortcut {
  margin: 0 !important;
  top: calc(50% - 0.87px);
  right: 1.36px;
  height: 2.23px;
  justify-content: flex-end;
  z-index: 3;
}
.search {
  top: calc(50% - 56.39px);
  left: calc(50% - 16.93px);
  border-radius: 0.99px;
  background-color: var(--black-5);
  width: 37.37px;
  height: 3.51px;
  padding: 0.4948368966579437px 0.7422553300857544px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 0.49px;
}
.text2 {
  position: relative;
  font-size: var(--regular-size);
  line-height: 20px;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: center;
}
.button7 {
  cursor: pointer;
  border: 0;
  padding: 0.4948368966579437px 0.9896737933158875px;
  background-color: transparent;
  border-radius: 0.99px;
  height: 3.46px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.div,
.text3 {
  position: relative;
  font-size: var(--regular-size);
  line-height: 20px;
  font-family: var(--regular);
  color: var(--black-20);
  text-align: left;
}
.text3 {
  color: var(--black-100);
  text-align: center;
}
.breadcrumb,
.icon-breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.breadcrumb {
  height: 3.46px;
  gap: 0.49px;
}
.icon-breadcrumb {
  position: absolute;
  top: calc(50% - 56.65px);
  left: 28.61px;
  gap: 0.99px;
}
.carbondrone-icon {
  position: absolute;
  top: 69.43px;
  left: 2.98px;
  width: 20.26px;
  height: 20.26px;
  overflow: hidden;
  opacity: 0.06;
}
.projects-dashboards,
.text4 {
  position: absolute;
  font-weight: 600;
  font-family: var(--regular);
  text-align: left;
}
.projects-dashboards {
  top: 11.49px;
  left: 28.61px;
  font-size: 3.31px;
  color: var(--color-black);
}
.text4 {
  top: calc(50% + 22.02px);
  left: 31.93px;
  font-size: 3.32px;
  color: var(--white-white);
}
.project-dashboard-child1 {
  position: absolute;
  top: 80.79px;
  left: 28.38px;
  border-radius: 2.22px;
  background-color: var(--white-white);
  box-shadow: 0 0.7399714589118958px 2.03px rgba(0, 0, 0, 0.06);
  border: 0.2px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 101.07px;
  height: 32.83px;
}
.d08-icon {
  position: relative;
  border-radius: 93.71px;
  width: 2.81px;
  height: 2.81px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.byewind,
.emailgmailcom {
  align-self: stretch;
  position: relative;
  font-size: 1.64px;
  line-height: 2.34px;
  font-family: var(--regular);
  color: var(--black-100);
  text-align: left;
}
.emailgmailcom {
  font-size: 1.41px;
  line-height: 2.11px;
  color: var(--black-40);
}
.avatar-name-text,
.byewind-parent {
  align-items: flex-start;
  justify-content: flex-start;
}
.byewind-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.avatar-name-text {
  top: 72.58px;
  left: 136.37px;
  border-radius: 0.94px;
  width: 28.11px;
  display: none;
  flex-direction: row;
  padding: 0.46857160329818726px;
  gap: 0.94px;
}
.avatar-name-text,
.button9,
.line-div {
  position: absolute;
  box-sizing: border-box;
}
.button9 {
  top: 48.9px;
  right: 6.94px;
  border-radius: 0.94px;
  width: 3.28px;
  height: 3.28px;
  display: none;
  flex-direction: row;
  padding: 0.46857160329818726px;
  align-items: center;
  justify-content: center;
}
.line-div {
  top: 61.15px;
  left: 138.19px;
  border-right: 0.1px solid var(--black-10);
  width: 0.12px;
  height: 1.76px;
}
.project-dashboard-child2 {
  top: 70.41px;
  display: none;
}
.project-dashboard-child2,
.project-dashboard-child3,
.project-dashboard-child4 {
  position: absolute;
  left: 138.19px;
  border-right: 0.1px solid var(--black-10);
  box-sizing: border-box;
  width: 0.12px;
  height: 1.76px;
}
.project-dashboard-child3 {
  top: 76.74px;
  display: none;
}
.project-dashboard-child4 {
  top: 74.4px;
}
.monthly-tasks {
  position: absolute;
  top: 82.63px;
  left: 30.82px;
  font-size: 2.58px;
  line-height: 3.69px;
  font-weight: 600;
  color: var(--black-100);
  text-align: left;
}
.badge1,
.model-answer,
.monthly-tasks {
  font-family: var(--regular);
}
.model-answer {
  position: absolute;
  top: 1.11px;
  left: 13.27px;
  font-size: 2.21px;
  line-height: 3.69px;
  font-weight: 600;
  color: var(--gray-800);
  text-align: left;
}
.badge1 {
  position: relative;
  font-size: var(--extra-bold-8-size);
  line-height: 12px;
  font-weight: 800;
  color: var(--gray-500);
  text-align: center;
}
.badge {
  position: absolute;
  top: 1.01px;
  left: -0.09px;
  border-radius: 2.95px;
  background-color: var(--white-white);
  border: 0.2px solid var(--gray-50);
  box-sizing: border-box;
  width: 8.47px;
  height: 3.87px;
  display: flex;
  flex-direction: row;
  padding: 0.9204084277153015px 1.4726535081863403px;
  align-items: center;
  justify-content: center;
}
.badge3 {
  position: relative;
  font-size: 1.47px;
  line-height: 2.21px;
  font-weight: 800;
  font-family: var(--regular);
  color: #c2e103;
  text-align: center;
}
.badge2 {
  cursor: pointer;
  border: 0;
  padding: 0.9204084277153015px 1.4726535081863403px;
  background-color: rgba(194, 225, 3, 0.1);
  position: absolute;
  top: 1.11px;
  left: 35.01px;
  border-radius: 2.95px;
  width: 8.28px;
  height: 3.68px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.avatar-icon {
  border-radius: 4.42px;
  width: 5.92px;
  height: 5.92px;
  object-fit: cover;
}
.avatar-icon1,
.avatar-icon3 {
  border-radius: 4.42px;
  object-fit: cover;
  margin-left: -1.47px;
}
.avatar-icon1 {
  width: 5.89px;
  height: 5.89px;
  display: none;
}
.avatar-icon3 {
  width: 5.92px;
  height: 5.92px;
}
.div1 {
  position: relative;
  font-size: 1.84px;
  line-height: 2.95px;
  font-weight: 800;
  font-family: var(--regular);
  color: var(--gray-500);
  text-align: center;
}
.other {
  border-radius: 4.42px;
  background-color: var(--gray-30);
  width: 5.89px;
  height: 5.89px;
  align-items: center;
  justify-content: center;
  margin-left: -1.47px;
}
.add-button,
.avatar-group,
.other {
  display: flex;
  flex-direction: row;
}
.add-button {
  cursor: pointer;
  border-radius: 8.84px;
  background-color: var(--white-white);
  border: 0.4px dashed var(--gray-50);
  padding: 1.4726535081863403px;
  align-items: center;
  justify-content: center;
}
.avatar-group {
  position: absolute;
  top: 0;
  left: 51.96px;
  border-radius: 4.42px;
  width: 30.93px;
  height: 5.89px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.47px;
}
.file-present-icon {
  position: relative;
  width: 3.7px;
  height: 3.7px;
  overflow: hidden;
  flex-shrink: 0;
}
.div2 {
  position: relative;
  font-size: 1.84px;
  line-height: 2.95px;
  font-weight: 800;
  font-family: var(--regular);
  color: var(--gray-300);
  text-align: left;
}
.file,
.icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.47px;
}
.icons {
  position: absolute;
  top: 1.11px;
  left: 80.34px;
  width: 14.37px;
  height: 3.69px;
  align-items: flex-start;
}
.model-answer-parent {
  position: absolute;
  top: 93.32px;
  left: 31.56px;
  width: 94.71px;
  height: 5.9px;
}
.badge7 {
  position: relative;
  font-size: 1.47px;
  line-height: 2.21px;
  font-weight: 800;
  font-family: var(--regular);
  color: #33a8ea;
  text-align: center;
}
.badge6 {
  cursor: pointer;
  border: 0;
  padding: 0.9204084277153015px 1.4726535081863403px;
  background-color: rgba(51, 168, 234, 0.1);
  position: absolute;
  top: 1.11px;
  left: 35.01px;
  border-radius: 2.95px;
  width: 8.28px;
  height: 3.68px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.model-answer-group {
  position: absolute;
  top: 101.98px;
  left: 31.56px;
  width: 94.71px;
  height: 5.9px;
}
.project-dashboard-child5 {
  position: absolute;
  top: 92.12px;
  left: 31.47px;
  border-top: 0.2px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  width: 94.89px;
  height: 0.18px;
}
.project-dashboard-child6 {
  position: absolute;
  top: 87.05px;
  left: 30.27px;
  border-radius: 2.21px 2.21px 0 0;
  background-color: #1f81b9;
  width: 97.47px;
  height: 5.16px;
}
.attachments,
.id,
.memebers,
.status,
.task-name {
  position: absolute;
  top: 88.71px;
  left: 33.95px;
  font-size: 2.21px;
  line-height: 2.21px;
  font-weight: 500;
  font-family: var(--regular);
  color: var(--white-white);
  text-align: center;
}
.attachments,
.memebers,
.status,
.task-name {
  left: 46.11px;
}
.attachments,
.memebers,
.status {
  left: 66.75px;
}
.attachments,
.memebers {
  left: 83.7px;
}
.attachments {
  left: 112.82px;
}
.project-dashboard-child7 {
  top: 108.89px;
  left: 31.47px;
  border-top: 0.2px solid var(--color-whitesmoke-200);
  width: 94.89px;
  height: 0.18px;
}
.frame-item,
.project-dashboard-child7,
.project-dashboard-child8 {
  position: absolute;
  box-sizing: border-box;
}
.project-dashboard-child8 {
  top: 100.23px;
  left: 31.47px;
  border-top: 0.2px solid var(--color-whitesmoke-200);
  width: 94.89px;
  height: 0.18px;
}
.frame-item {
  top: 0;
  left: 0;
  border-radius: 1.33px;
  background-color: var(--white-white);
  box-shadow: 0 0.469022274017334px 1.06px rgba(0, 0, 0, 0.16);
  border: 0.2px solid var(--color-steelblue-100);
  width: 43.62px;
  height: 28.96px;
}
.frame-inner,
.messages {
  position: absolute;
  left: 1.1px;
}
.messages {
  top: 1.09px;
  font-size: 1.55px;
  line-height: 2.21px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--black-100);
  text-align: left;
}
.frame-inner {
  top: 4.51px;
  border-radius: 0.66px;
  background-color: #f9f9f9;
  width: 40.86px;
  height: 3.09px;
}
.search-course {
  position: absolute;
  top: 5.28px;
  left: 2.21px;
  font-size: 0.91px;
  letter-spacing: -0.01em;
  font-family: var(--font-plus-jakarta-sans);
  color: var(--secondary-300);
  text-align: left;
  display: flex;
  align-items: center;
  width: 6.05px;
  height: 1.82px;
}
.search-normal-icon {
  position: absolute;
  top: 13.09px;
  left: 38.69px;
  width: 1.52px;
  height: 1.52px;
  overflow: hidden;
}
.photo-icon {
  position: relative;
  border-radius: 50%;
  width: 3.63px;
  height: 3.63px;
  object-fit: cover;
}
.title,
.your-job-as {
  position: relative;
  font-family: var(--font-plus-jakarta-sans);
  display: flex;
  align-items: center;
  height: 1.51px;
  flex-shrink: 0;
}
.title {
  font-size: 1.06px;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  color: var(--secondary-500);
  text-align: left;
  width: 7.57px;
}
.your-job-as {
  font-size: 0.91px;
  letter-spacing: -0.01em;
  color: var(--secondary-300);
  text-align: right;
  width: 3.48px;
}
.name {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 21.98px;
}
.done-all-icon,
.your-job-as1 {
  position: relative;
  flex-shrink: 0;
}
.your-job-as1 {
  font-size: 0.91px;
  letter-spacing: -0.01em;
  font-family: var(--font-plus-jakarta-sans);
  color: var(--secondary-500);
  text-align: left;
  display: inline-block;
  width: 14.83px;
}
.done-all-icon {
  width: 1.37px;
  height: 1.37px;
  overflow: hidden;
}
.message-11,
.message2,
.message3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 17.01px;
}
.message-11,
.message2 {
  flex-direction: column;
  gap: 0.61px;
}
.message-11 {
  flex-direction: row;
  align-items: center;
  gap: 0.99px;
}
.frame-child1,
.message-1 {
  position: absolute;
  box-sizing: border-box;
}
.message-1 {
  top: 9.7px;
  left: 1.1px;
  border-radius: 0.76px;
  background-color: #fafafa;
  width: 40.85px;
  height: 5.15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0.7566314935684204px 1.5132629871368408px;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child1 {
  top: 16.07px;
  left: 2.61px;
  border-top: 0.1px solid var(--color-whitesmoke-100);
  width: 39.39px;
  height: 0.08px;
}
.photo-icon1 {
  position: absolute;
  top: 18.05px;
  left: 2.52px;
  border-radius: 50%;
  width: 3.63px;
  height: 3.63px;
  object-fit: cover;
}
.title1,
.your-job-as2,
.your-job-as3 {
  position: absolute;
  font-family: var(--font-plus-jakarta-sans);
}
.title1 {
  top: 18.1px;
  left: 7.16px;
  font-size: 1.06px;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  color: var(--secondary-500);
  text-align: left;
  display: flex;
  align-items: center;
  width: 5.75px;
  height: 1.51px;
}
.your-job-as2,
.your-job-as3 {
  font-size: 0.91px;
  letter-spacing: -0.01em;
  color: var(--secondary-300);
}
.your-job-as2 {
  top: calc(50% + 8.91px);
  left: calc(50% + 15.07px);
  text-align: right;
  display: flex;
  align-items: center;
  width: 3.48px;
  height: 1.51px;
}
.your-job-as3 {
  top: 20.22px;
  left: 7.16px;
  text-align: left;
  display: inline-block;
  width: 14.83px;
}
.frame-child2 {
  position: absolute;
  top: 23.58px;
  left: 2.61px;
  border-top: 0.1px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  width: 39.28px;
  height: 0.08px;
}
.mask-group-icon {
  position: absolute;
  top: 24.15px;
  left: -0.14px;
  width: 43.64px;
  height: 5.09px;
  object-fit: cover;
}
.title2 {
  position: absolute;
  top: 25.57px;
  left: 7.16px;
  font-size: 1.06px;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  font-family: var(--font-plus-jakarta-sans);
  color: var(--secondary-500);
  text-align: left;
  display: flex;
  align-items: center;
  width: 8.17px;
  height: 1.51px;
}
.frame-child3 {
  position: absolute;
  top: 33.58px;
  left: 2.58px;
  border-top: 0.1px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  width: 23.68px;
  height: 0.08px;
}
.rectangle-parent {
  position: absolute;
  top: 48.78px;
  left: 122.41px;
  width: 43.62px;
  height: 33.62px;
}
.rectangle-icon {
  position: relative;
  border-radius: 1.41px;
  width: 35.52px;
  height: 29.34px;
}
.frame-child4,
.frame-child5 {
  position: absolute;
  top: 0.72px;
  left: 29.06px;
  width: 0.48px;
  height: 2.82px;
}
.frame-child5 {
  top: 0;
  left: 0;
  border-radius: var(--br-12xs-7);
  background-color: var(--color-cornflowerblue);
  width: 3.99px;
  height: 3.99px;
}
.icons-save {
  position: absolute;
  height: 70.85%;
  width: 9.56%;
  top: 14.78%;
  right: 88.51%;
  bottom: 14.36%;
  left: 1.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.lorem-ipsum {
  position: absolute;
  top: 0.82px;
  left: 5.39px;
  font-size: 1.88px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.group-container {
  position: relative;
  width: 29.55px;
  height: 3.99px;
}
.avatar,
.avatar-icon8,
.avatar1 {
  border-radius: 2.81px;
  width: 3.75px;
  height: 3.75px;
}
.avatar {
  cursor: pointer;
  background-image: url(./public/avatar8@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.avatar-icon8,
.avatar1 {
  margin-left: -0.94px;
}
.avatar-icon8 {
  object-fit: cover;
  display: none;
}
.avatar1 {
  cursor: pointer;
  background-image: url(./public/avatar11@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.div7 {
  position: relative;
  font-size: 1.17px;
  line-height: 1.87px;
  font-weight: 800;
  font-family: var(--regular);
  color: var(--gray-500);
  text-align: center;
}
.other2 {
  border-radius: 2.81px;
  background-color: var(--gray-30);
  width: 3.75px;
  height: 3.75px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -0.94px;
}
.icon {
  position: relative;
  width: 1.88px;
  height: 1.88px;
  overflow: hidden;
  flex-shrink: 0;
}
.add-button2,
.avatar-group2 {
  display: flex;
  flex-direction: row;
}
.add-button2 {
  border-radius: 5.62px;
  background-color: var(--white-white);
  border: 0.2px dashed var(--gray-50);
  padding: 0.9371432065963745px;
  align-items: center;
  justify-content: center;
}
.avatar-group2 {
  border-radius: 2.81px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.94px;
}
.progress {
  font-weight: 600;
}
.b,
.progress {
  position: relative;
  font-size: 1.88px;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.progress-parent {
  width: 29.59px;
  height: 2.4px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 1.1823088371589477e-16px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 17.04px;
}
.frame-child6 {
  position: relative;
  width: 29.55px;
  height: 0.84px;
}
.frame-child7 {
  position: absolute;
  top: 0;
  left: -0.02px;
  border-radius: var(--br-12xs-7);
  width: 17.14px;
  height: 5.94px;
}
.icons-timer {
  position: absolute;
  top: 1.18px;
  left: 1.39px;
  width: 3.53px;
  height: 3.53px;
}
.days-left {
  position: absolute;
  top: 1.88px;
  left: 6.33px;
  font-size: 1.64px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.file-present-icon2 {
  position: relative;
  width: 2.35px;
  height: 2.35px;
  overflow: hidden;
  flex-shrink: 0;
}
.div8 {
  position: relative;
  font-size: 1.17px;
  line-height: 1.88px;
  font-weight: 800;
  font-family: var(--regular);
  color: var(--gray-300);
  text-align: left;
}
.file2,
.icons2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.94px;
}
.icons2 {
  position: absolute;
  top: 1.76px;
  left: 20.52px;
  align-items: flex-start;
}
.vector-group {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  width: 29.89px;
  height: 5.86px;
}
.frame-parent2,
.vector-parent {
  display: flex;
  flex-direction: column;
}
.frame-parent2 {
  width: 29.89px;
  height: 23.33px;
  padding: 0.000058168585383100435px 0.0002274842408951372px 0
    0.11712157726287842px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-12xs);
  margin-top: -25.03px;
}
.vector-parent {
  position: absolute;
  top: 18.53px;
  left: 28.61px;
  width: 33.3px;
  height: 27.09px;
  align-items: center;
  justify-content: flex-end;
}
.icons-save1 {
  position: absolute;
  height: 70.85%;
  width: 9.56%;
  top: 14.78%;
  right: 88.51%;
  bottom: 14.37%;
  left: 1.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.avatar2 {
  cursor: pointer;
  border-radius: 2.81px;
  width: 3.75px;
  height: 3.75px;
  background-image: url(./public/avatar12@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.avatar-icon12 {
  border-radius: 2.81px;
  width: 3.77px;
  height: 3.77px;
  object-fit: cover;
  margin-left: -0.94px;
}
.progress-group {
  width: 29.59px;
  height: 2.4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 17.04px;
}
.icons-timer1 {
  position: absolute;
  top: 1.18px;
  left: 1.38px;
  width: 3.53px;
  height: 3.53px;
}
.frame-parent3,
.vector-container {
  display: flex;
  flex-direction: column;
}
.frame-parent3 {
  width: 29.89px;
  height: 23.33px;
  padding: 0.00002683026104932651px 0 0 0.11729005724191666px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.86px;
  margin-top: -25.03px;
}
.vector-container {
  position: absolute;
  top: 18.53px;
  left: 63.32px;
  width: 33.3px;
  height: 27.09px;
  align-items: center;
  justify-content: flex-end;
}
.icons-save2 {
  position: absolute;
  height: 70.85%;
  width: 9.56%;
  top: 14.77%;
  right: 88.51%;
  bottom: 14.38%;
  left: 1.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.avatar3,
.avatar4 {
  cursor: pointer;
  border-radius: 2.81px;
  width: 3.75px;
  height: 3.75px;
  background-image: url(./public/avatar16@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.avatar4 {
  background-image: url(./public/avatar19@3x.png);
  margin-left: -0.94px;
}
.add-button4,
.progress-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-button4 {
  cursor: pointer;
  border-radius: 5.62px;
  background-color: var(--white-white);
  border: 0.2px dashed var(--gray-50);
  padding: 0.9371432065963745px;
  justify-content: center;
}
.progress-container {
  width: 29.59px;
  height: 2.4px;
  padding: 0 0.000014218338037608191px 0 0.000014933903912606183px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 17.04px;
}
.frame-parent4,
.vector-parent1 {
  display: flex;
  flex-direction: column;
}
.frame-parent4 {
  width: 29.89px;
  height: 23.33px;
  padding: 0 0 0 0.1172327846288681px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-12xs);
  margin-top: -25.03px;
}
.vector-parent1 {
  position: absolute;
  top: 18.53px;
  left: 98.03px;
  width: 33.3px;
  height: 27.09px;
  align-items: center;
  justify-content: flex-end;
}
.frame-child18 {
  position: absolute;
  top: -0.58px;
  left: -1.18px;
  border-radius: 1.41px;
  width: 35.52px;
  height: 29.34px;
}
.see-all {
  position: absolute;
  top: 2.7px;
  left: 26.85px;
  font-size: 1.41px;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: right;
}
.frame-child19 {
  position: absolute;
  top: 1.88px;
  left: 1.88px;
  border-radius: var(--br-12xs-7);
  background-color: var(--color-cornflowerblue);
  width: 3.99px;
  height: 3.99px;
}
.icons-save3 {
  position: absolute;
  height: 10.43%;
  width: 8.48%;
  top: 9.13%;
  right: 84.2%;
  bottom: 80.44%;
  left: 7.32%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.lorem-ipsum3 {
  position: absolute;
  top: 2.7px;
  left: 7.27px;
  font-size: 1.88px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.ellipse-div,
.frame-child20 {
  position: absolute;
  border-radius: 50%;
}
.ellipse-div {
  top: 7.62px;
  left: 15.83px;
  background-color: #ebf4ff;
  box-shadow: 0 0.916539192199707px 5.5px rgba(226, 236, 249, 0.5);
  width: 16.3px;
  height: 16.3px;
}
.frame-child20 {
  top: 9.73px;
  left: 17.94px;
  border: 1.8px solid #e4e4e4;
  box-sizing: border-box;
  width: 12.08px;
  height: 12.08px;
}
.frame-child21,
.frame-child22 {
  position: absolute;
  left: 17.59px;
  border-radius: 50%;
  width: 12.78px;
}
.frame-child21 {
  top: 9.38px;
  background: linear-gradient(107.91deg, #4bbeff, #4623e9);
  height: 12.78px;
}
.frame-child22 {
  top: 8.79px;
  background: linear-gradient(201.18deg, #fb0d0e, #cdf4ff);
  height: 12.9px;
}
.span {
  line-height: 1.41px;
}
.b3 {
  font-size: 2.18px;
  font-family: var(--font-poppins);
}
.p {
  margin: 0;
}
.completed1 {
  margin: 0;
  font-size: 1.09px;
  line-height: 1.88px;
  font-family: var(--font-poppins);
}
.completed {
  position: absolute;
  top: 13.25px;
  left: 20.87px;
  letter-spacing: -0.01em;
  color: var(--color-black);
  text-align: center;
}
.icons-layers {
  position: relative;
  width: 2.82px;
  height: 2.82px;
}
.total-projects {
  position: relative;
  font-size: 1.17px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-black);
  text-align: left;
}
.icons-bulb-parent,
.icons-layers-parent,
.icons-layout-parent {
  position: absolute;
  top: 10.2px;
  left: 1.88px;
  width: 13.37px;
  height: 2.81px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.53px;
}
.icons-bulb-parent,
.icons-layout-parent {
  top: 14.42px;
  width: 13.49px;
  gap: 0.8px;
}
.icons-bulb-parent {
  top: 18.64px;
  width: 8.84px;
  gap: 0.53px;
}
.vector-parent3 {
  position: absolute;
  top: 18.53px;
  left: 132.73px;
  width: 33.3px;
  height: 27.09px;
}
.image-1-icon,
.image-2-icon,
.image-3-icon {
  position: absolute;
  top: 48.13px;
  left: 27.05px;
  border-radius: 1.61px;
  width: 55.11px;
  height: 31.68px;
  object-fit: cover;
}
.image-1-icon,
.image-3-icon {
  top: 48.3px;
  left: 81.6px;
  border-radius: 1.83px;
  width: 40.2px;
  height: 31.94px;
}
.image-1-icon {
  top: 80.68px;
  left: 129.86px;
  border-radius: 1.47px;
  width: 36.89px;
  height: 35.3px;
}
.badge11 {
  position: relative;
  font-size: var(--extra-bold-8-size);
  line-height: 12px;
  font-weight: 800;
  font-family: var(--regular);
  color: #ff1f00;
  text-align: center;
}
.badge10 {
  cursor: pointer;
  border: 0;
  padding: 0.9204084277153015px 1.4726535081863403px;
  background-color: rgba(255, 31, 0, 0.1);
  position: absolute;
  top: 1.11px;
  left: 35.01px;
  border-radius: 2.95px;
  width: 8.28px;
  height: 3.68px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.avatar-icon15,
.avatar-icon18 {
  border-radius: 4.42px;
  width: 5.92px;
  height: 5.89px;
  object-fit: cover;
}
.avatar-icon18 {
  margin-left: -1.47px;
}
.icon2 {
  position: relative;
  width: 2.96px;
  height: 2.96px;
  overflow: hidden;
  flex-shrink: 0;
}
.add-button5 {
  border-radius: 8.84px;
  background-color: var(--white-white);
  border: 0.4px dashed var(--gray-50);
  display: flex;
  flex-direction: row;
  padding: 1.4726535081863403px;
  align-items: center;
  justify-content: center;
}
.mask-group,
.model-answer-container {
  position: absolute;
  top: 30.2px;
  left: 3.18px;
  width: 94.71px;
  height: 5.9px;
}
.mask-group {
  top: 80.44px;
  left: 28.38px;
  width: 101.07px;
  height: 32.83px;
}
.project-dashboard {
  position: absolute;
  top: 8.64px;
  left: 31.66px;
  border-radius: 4.26px;
  background-color: var(--white-white);
  border: 1.6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 172.04px;
  height: 119.75px;
  overflow: hidden;
  transform: rotate(17.37deg);
  transform-origin: 0 0;
}
.project-details-item {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-powderblue);
  box-shadow: 0.8207888603210449px 0.469022274017334px 1.17px
    rgba(215, 215, 215, 0.16);
  width: 25.56px;
  height: 137.54px;
}
.vuesaxlinearchart-2-group {
  width: 2.87px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent5 {
  position: absolute;
  top: 19.75px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
  font-size: 1.92px;
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.vuesaxlineardiagram-group {
  width: 2.87px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  padding: 0 8.72777405902525e-8px 0 0.044452276080846786px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent6,
.frame-parent7,
.vuesaxlinearsetting-parent1,
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3 {
  position: absolute;
  top: 27.58px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
  font-size: 1.92px;
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.frame-parent7,
.vuesaxlinearsetting-parent1,
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3 {
  top: 35.41px;
}
.vuesaxlinearsetting-parent1,
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3 {
  top: 43.24px;
  justify-content: center;
}
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3 {
  top: 51.07px;
}
.vuesaxlinearsetting-parent3 {
  top: 111.39px;
}
.vuesaxlinearsetting-icon7 {
  position: relative;
  width: 3.06px;
  height: 3.06px;
}
.vuesaxlinearsetting-parent4 {
  position: absolute;
  top: 121.48px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.64px;
  font-size: 1.92px;
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.dashboard-container,
.vuesaxboldelement-4-group {
  position: absolute;
  display: flex;
  justify-content: flex-start;
}
.vuesaxboldelement-4-group {
  top: 13.01px;
  left: 5.04px;
  width: 2.6px;
  height: 2.6px;
  flex-direction: column;
  align-items: center;
}
.dashboard-container {
  top: 11.92px;
  left: 8.28px;
  flex-direction: row;
  padding: 1.2770408391952515px;
  align-items: flex-start;
  font-size: 1.92px;
  color: var(--white-white);
  font-family: var(--font-rubik);
}
.hi-ezaquel1,
.text5 {
  position: absolute;
  top: 3.63px;
  left: 142.35px;
  font-weight: 600;
  color: var(--color-black);
}
.text5 {
  top: 5.63px;
  left: 146.57px;
}
.c1,
.text6 {
  position: relative;
}
.text6 {
  line-height: 2.47px;
  z-index: 1;
}
.c1 {
  line-height: 2.23px;
}
.search1,
.shortcut1 {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shortcut1 {
  margin: 0 !important;
  top: calc(50% - 0.87px);
  right: 1.36px;
  height: 2.23px;
  justify-content: flex-end;
  z-index: 3;
  font-size: 1.48px;
}
.search1 {
  top: calc(50% - 56.39px);
  left: calc(50% - 16.93px);
  border-radius: 0.99px;
  background-color: var(--black-5);
  width: 37.37px;
  height: 3.51px;
  padding: 0.4948368966579437px 0.7422553300857544px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 0.49px;
  font-size: 1.73px;
  color: var(--black-20);
}
.div19 {
  position: relative;
  line-height: 20px;
}
.icon-breadcrumb1 {
  position: absolute;
  top: calc(50% - 56.65px);
  left: 28.61px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.99px;
  font-size: var(--regular-size);
  color: var(--black-20);
}
.carbondrone-icon1 {
  position: absolute;
  top: 88.07px;
  left: 2.89px;
  width: 20.26px;
  height: 20.26px;
  overflow: hidden;
  opacity: 0.06;
}
.project-details1 {
  position: absolute;
  top: 13.48px;
  left: 28.61px;
  font-size: 3.05px;
  font-weight: 600;
  color: var(--color-darkslategray-200);
}
.project-details-child4 {
  position: absolute;
  top: 28.99px;
  left: 28.45px;
  width: 137.21px;
  height: 6.38px;
}
.text10,
.text11,
.text12,
.text13,
.text14,
.text15,
.text16,
.text9 {
  position: absolute;
  top: calc(50% - 29.74px);
  left: 30.72px;
  font-size: 2.11px;
  font-weight: 600;
  color: var(--white-white);
}
.text10,
.text11,
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 47.25px;
}
.text11,
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 67.54px;
}
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 104.01px;
}
.text13,
.text14,
.text15,
.text16 {
  left: 121.95px;
}
.text14,
.text15,
.text16 {
  left: 86.53px;
}
.text15,
.text16 {
  left: 156.07px;
}
.text16 {
  left: 139.42px;
}
.text17,
.text18,
.text19,
.text20,
.text21 {
  position: absolute;
  top: calc(50% - 1.06px);
  left: 0;
  font-weight: 600;
}
.text18,
.text19,
.text20,
.text21 {
  left: 16.53px;
}
.text19,
.text20,
.text21 {
  left: 36.82px;
}
.text20,
.text21 {
  left: 73.28px;
}
.text21 {
  left: 91.22px;
}
.frame-child23 {
  position: absolute;
  height: 101.47%;
  width: 7.92%;
  top: 7.98%;
  right: 49.01%;
  bottom: -9.45%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.frame-child24 {
  position: absolute;
  top: 0.84px;
  left: 129.08px;
  width: 0.48px;
  height: 2.82px;
}
.ellipse {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-darkorange);
  width: 1px;
  height: 0.98px;
}
.ellipse-parent,
.in-progress {
  display: flex;
  align-items: center;
}
.in-progress {
  position: relative;
  line-height: 140%;
  width: 8.02px;
  flex-shrink: 0;
}
.ellipse-parent {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  flex-direction: row;
  padding: 0 0 0 0.000010115251825482119px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-darkorange);
}
.frame-child25,
.text-parent {
  position: absolute;
  top: 36px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child25 {
  height: 101.46%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -9.46%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-group {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.000011740340596588794px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-darkorange);
}
.text-group {
  position: absolute;
  top: 98.14px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.ellipse-container {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0.0000220892015931895px 0 0.000022333895685733296px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-darkorange);
}
.frame-child29,
.text-container {
  position: absolute;
  top: 54.64px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child29 {
  height: 100%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -7.99%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent1,
.frame-child30 {
  position: absolute;
  top: 0.23px;
  left: 129.1px;
  width: 0.47px;
  height: 2.81px;
}
.ellipse-parent1 {
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-darkorange);
}
.text-parent1 {
  position: absolute;
  top: 116.79px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.text41 {
  position: absolute;
  top: calc(50% - 1.05px);
  left: 91.23px;
  font-weight: 600;
}
.frame-child31 {
  position: absolute;
  height: 101.47%;
  width: 7.92%;
  top: 8%;
  right: 49.01%;
  bottom: -9.47%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent2 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0.0000012694945326074958px 0 0.0000016068373724920093px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-darkorange);
}
.text-parent2 {
  position: absolute;
  top: 85.71px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.text45 {
  position: absolute;
  top: calc(50% - 1.05px);
  left: 73.28px;
  font-weight: 600;
}
.ellipse5 {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-limegreen);
  width: 1px;
  height: 0.98px;
}
.ellipse-parent3 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.000014257002476369962px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-limegreen);
}
.frame-child35,
.text-parent3 {
  position: absolute;
  top: 42.21px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child35 {
  height: 101.46%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -9.45%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent4 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.00001486837300035404px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-limegreen);
}
.text-parent4 {
  position: absolute;
  top: 104.36px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.text52,
.text53,
.text54 {
  position: absolute;
  top: calc(50% - 1.05px);
  left: 0;
  font-weight: 600;
}
.text53,
.text54 {
  left: 16.53px;
}
.text54 {
  left: 36.82px;
}
.ellipse-parent5 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-limegreen);
}
.frame-child39,
.text-parent5 {
  position: absolute;
  top: 73.28px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child39 {
  height: 101.47%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -9.46%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent6 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 10.18px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0.000026913281544693746px 0 0.000027269172278465703px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-limegreen);
}
.frame-child41,
.text-parent6 {
  position: absolute;
  top: 60.86px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child41 {
  height: 100.01%;
  width: 7.87%;
  top: -0.01%;
  right: 49.05%;
  bottom: 0;
  left: 43.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.text-parent7,
.text-parent8 {
  position: absolute;
  top: 123px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.text-parent8 {
  top: 91.93px;
}
.ellipse11 {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-crimson);
  width: 1px;
  height: 0.98px;
}
.on-hold {
  position: relative;
  line-height: 140%;
}
.ellipse-parent9 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 7.75px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-crimson);
}
.frame-child47,
.text-parent9 {
  position: absolute;
  top: 48.43px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child47 {
  height: 101.47%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -9.45%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent10 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 7.75px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.000017996404494624585px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-crimson);
}
.text-parent10 {
  position: absolute;
  top: 110.57px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.text86 {
  position: absolute;
  top: calc(50% - 1.06px);
  left: 91.23px;
  font-weight: 600;
}
.frame-child51,
.text-parent11 {
  position: absolute;
  top: 79.5px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.frame-child51 {
  height: 101.47%;
  width: 7.92%;
  top: 7.99%;
  right: 49.01%;
  bottom: -9.47%;
  left: 43.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.ellipse-parent12 {
  position: absolute;
  top: 0.7px;
  left: 108.7px;
  width: 7.75px;
  height: 1.86px;
  display: flex;
  flex-direction: row;
  padding: 0 0.00002945227242889814px 0 0.000029681761589017697px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
  font-size: 1.41px;
  color: var(--color-crimson);
}
.text-parent12 {
  position: absolute;
  top: 67.07px;
  left: 30.72px;
  width: 129.57px;
  height: 3.28px;
}
.division-line-icon32 {
  position: absolute;
  width: calc(100% - 34.85px);
  right: 6.44px;
  bottom: 78.16px;
  left: 28.42px;
  max-width: 100%;
  overflow: hidden;
  height: 0.76px;
}
.division-line-icon33,
.division-line-icon34,
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  position: absolute;
  width: calc(100% - 34.85px);
  right: 6.73px;
  bottom: 16.02px;
  left: 28.13px;
  max-width: 100%;
  overflow: hidden;
  height: 0.76px;
}
.division-line-icon34,
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  right: 6.58px;
  bottom: 47.09px;
  left: 28.27px;
}
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  right: 6.52px;
  bottom: 59.52px;
  left: 28.33px;
}
.division-line-icon36,
.division-line-icon37 {
  right: 6.24px;
  bottom: -1.85px;
  left: 28.61px;
  height: 0.12px;
}
.division-line-icon37 {
  right: 6.67px;
  bottom: 28.45px;
  left: 28.18px;
  height: 0.76px;
}
.division-line-icon38,
.division-line-icon39,
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  position: absolute;
  width: calc(100% - 34.85px);
  right: 6.46px;
  bottom: 71.95px;
  left: 28.39px;
  max-width: 100%;
  overflow: hidden;
  height: 0.76px;
}
.division-line-icon39,
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  right: 6.76px;
  bottom: 9.8px;
  left: 28.1px;
}
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  right: 6.61px;
  bottom: 40.88px;
  left: 28.24px;
}
.division-line-icon41,
.division-line-icon42 {
  right: 6.55px;
  bottom: 53.3px;
  left: 28.3px;
}
.division-line-icon42 {
  right: 6.24px;
  bottom: -8.06px;
  left: 28.61px;
  height: 0.12px;
}
.division-line-icon43,
.division-line-icon44,
.division-line-icon45,
.division-line-icon46 {
  position: absolute;
  width: calc(100% - 34.85px);
  right: 6.7px;
  bottom: 22.23px;
  left: 28.16px;
  max-width: 100%;
  overflow: hidden;
  height: 0.76px;
}
.division-line-icon44,
.division-line-icon45,
.division-line-icon46 {
  right: 6.49px;
  bottom: 65.73px;
  left: 28.36px;
}
.division-line-icon45,
.division-line-icon46 {
  right: 6.79px;
  bottom: 3.59px;
  left: 28.07px;
}
.division-line-icon46 {
  right: 6.64px;
  bottom: 34.66px;
  left: 28.21px;
}
.add-new-porject {
  position: relative;
  line-height: 2.67px;
  font-weight: 500;
}
.frame-child53 {
  position: relative;
  width: 5.18px;
  height: 5.18px;
}
.add-new-porject-parent {
  position: absolute;
  top: 12.66px;
  left: 142.93px;
  width: 22.86px;
  height: 5.16px;
  display: flex;
  flex-direction: row;
  padding: 0.00005331006832420826px 0 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: 0.53px;
  text-align: center;
  font-size: 2.11px;
  color: var(--color-black);
}
.all {
  position: relative;
  font-weight: 600;
}
.all-parent,
.status-parent {
  height: 2.81px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
}
.all-parent {
  width: 6.57px;
  padding: 0 0 0 0.00002528832010284532px;
  color: var(--color-steelblue-100);
}
.status-parent {
  width: 14.42px;
  padding: 0 1.0655501099402707e-16px;
  gap: 1.86px;
}
.line-icon {
  position: relative;
  width: 0.26px;
  height: 4.92px;
}
.parent {
  width: 10.79px;
  height: 2.81px;
  flex-direction: row;
  padding: 0 0.000019285276721348055px;
  align-items: center;
  color: var(--color-steelblue-100);
}
.frame-parent8,
.parent,
.progress-parent1 {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
}
.progress-parent1 {
  width: 20.87px;
  height: 2.81px;
  flex-direction: row;
  padding: 0 0 0 0.000015934794646454975px;
  align-items: center;
  gap: 1.86px;
}
.frame-parent8 {
  top: 21.22px;
  left: 90.64px;
  width: 38.11px;
  height: 4.69px;
  padding: 0 0 0 0.00003249905785196461px;
  gap: 1.33px;
  color: var(--color-darkslategray-200);
}
.button19,
.frame-parent8,
.search2,
.shortcut2 {
  position: absolute;
  flex-direction: row;
  align-items: center;
}
.button19 {
  margin: 0 !important;
  top: calc(50% - 1.18px);
  right: 0.34px;
  border-radius: 0.99px;
  width: 2.97px;
  height: 2.97px;
  display: none;
  padding: 0.4948368966579437px;
  box-sizing: border-box;
  justify-content: center;
  z-index: 2;
}
.search2,
.shortcut2 {
  display: flex;
}
.shortcut2 {
  margin: 0 !important;
  top: calc(50% - 0.81px);
  right: 1.08px;
  height: 2.23px;
  justify-content: flex-end;
  z-index: 3;
  font-size: 1.48px;
}
.search2 {
  top: calc(50% - 38.51px);
  left: calc(50% - 54.29px);
  border-radius: 0.99px;
  background-color: var(--black-5);
  width: 34.09px;
  height: 5.39px;
  padding: 0.4948368966579437px 0.7422553300857544px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 0.49px;
  font-size: 1.73px;
  color: var(--black-20);
}
.filter-add-svgrepo-com-1-icon {
  position: relative;
  width: 3.48px;
  height: 3.48px;
  overflow: hidden;
  flex-shrink: 0;
}
.advance-search {
  position: relative;
  line-height: 2.48px;
}
.filter-add-svgrepo-com-1-parent {
  position: absolute;
  top: 21.81px;
  left: 66.95px;
  width: 19.57px;
  height: 3.47px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.33px;
  color: var(--color-black);
}
.export-1-svgrepo-com-1-1 {
  position: relative;
  width: 3.77px;
  height: 3.77px;
  overflow: hidden;
  flex-shrink: 0;
}
.export-1-svgrepo-com-1-1-parent,
.export-1-svgrepo-com-1-2-parent {
  position: absolute;
  top: 21.69px;
  left: 139.07px;
  width: 12.08px;
  height: 3.75px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.33px;
  text-align: center;
  font-size: 2.11px;
  color: var(--color-black);
}
.export-1-svgrepo-com-1-2-parent {
  left: 153.96px;
  padding: 0 0.000006093573574617039px 0.5324645638465881px
    0.000006248109912121436px;
  box-sizing: border-box;
  align-items: flex-start;
}
.div21 {
  flex: 1;
  position: relative;
  font-weight: 600;
}
.icon-field-chevron-down {
  position: relative;
  width: 1.87px;
  height: 1.87px;
  overflow: hidden;
  flex-shrink: 0;
}
.field-content {
  align-self: stretch;
  border-radius: 0.94px;
  background-color: var(--white-white);
  border: 0.1px solid #ddd;
  box-sizing: border-box;
  height: 4.92px;
  flex-direction: row;
  padding: 0.9371432065963745px 1.757143497467041px;
  align-items: center;
  gap: 0.94px;
}
.field-content,
.page-select,
.pagination-v4 {
  display: flex;
  justify-content: flex-start;
}
.page-select {
  width: 8.2px;
  flex-direction: column;
  align-items: flex-start;
}
.pagination-v4 {
  position: absolute;
  top: 130.86px;
  left: 147.39px;
  flex-direction: row;
  align-items: center;
  gap: 1.17px;
  font-size: 1.64px;
  color: var(--color-darkslategray-300);
  font-family: var(--font-open-sans);
}
.color-icon,
.color-icon1 {
  height: 0.59%;
  width: 0.68%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon {
  position: absolute;
  top: 31.83%;
  right: 12.05%;
  bottom: 67.58%;
  left: 87.27%;
  overflow: hidden;
}
.color-icon1 {
  top: 37.02%;
  right: 12.06%;
  bottom: 62.39%;
  left: 87.25%;
}
.color-icon1,
.color-icon2,
.color-icon3 {
  position: absolute;
  overflow: hidden;
}
.color-icon2 {
  height: 0.59%;
  width: 0.68%;
  top: 42.21%;
  right: 12.08%;
  bottom: 57.2%;
  left: 87.24%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon3 {
  top: 47.49%;
  right: 12.1%;
  bottom: 51.92%;
  left: 87.22%;
}
.color-icon3,
.color-icon4,
.color-icon5 {
  height: 0.59%;
  width: 0.68%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon4 {
  position: absolute;
  top: 52.68%;
  right: 12.12%;
  bottom: 46.73%;
  left: 87.2%;
  overflow: hidden;
}
.color-icon5 {
  top: 57.97%;
  right: 12.13%;
  bottom: 41.44%;
  left: 87.19%;
}
.color-icon5,
.color-icon6,
.color-icon7 {
  position: absolute;
  overflow: hidden;
}
.color-icon6 {
  height: 0.59%;
  width: 0.68%;
  top: 62.96%;
  right: 12.15%;
  bottom: 36.45%;
  left: 87.17%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon7 {
  top: 68.15%;
  right: 12.17%;
  bottom: 31.26%;
  left: 87.15%;
}
.color-icon7,
.color-icon8,
.color-icon9 {
  height: 0.59%;
  width: 0.68%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon8 {
  position: absolute;
  top: 73.34%;
  right: 12.18%;
  bottom: 26.07%;
  left: 87.14%;
  overflow: hidden;
}
.color-icon9 {
  top: 78.53%;
  right: 12.2%;
  bottom: 20.88%;
  left: 87.12%;
}
.color-icon10,
.color-icon11,
.color-icon9 {
  position: absolute;
  overflow: hidden;
}
.color-icon10 {
  height: 0.59%;
  width: 0.68%;
  top: 83.72%;
  right: 12.22%;
  bottom: 15.69%;
  left: 87.1%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon11 {
  top: 88.91%;
  right: 12.23%;
  bottom: 10.5%;
  left: 87.08%;
}
.color-icon11,
.color-icon12,
.color-icon13 {
  height: 0.59%;
  width: 0.68%;
  max-width: 100%;
  max-height: 100%;
}
.color-icon12 {
  position: absolute;
  top: 94.3%;
  right: 12.25%;
  bottom: 5.11%;
  left: 87.07%;
  overflow: hidden;
}
.color-icon13 {
  top: 98.7%;
  right: 11.94%;
  bottom: 0.71%;
  left: 87.37%;
}
.color-icon13,
.color-icon14,
.project-details {
  position: absolute;
  overflow: hidden;
}
.color-icon14 {
  height: 0.59%;
  width: 0.68%;
  top: 103.89%;
  right: 11.94%;
  bottom: -4.48%;
  left: 87.37%;
  max-width: 100%;
  max-height: 100%;
}
.project-details {
  top: 7.78px;
  left: 214.35px;
  border-radius: 4.26px;
  background-color: var(--white-white);
  border: 1.6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 172.04px;
  height: 119.75px;
  transform: rotate(17.37deg);
  transform-origin: 0 0;
}
.task-details-item {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-powderblue);
  box-shadow: 0.8207888603210449px 0.469022274017334px 1.17px
    rgba(215, 215, 215, 0.16);
  width: 25.56px;
  height: 163.22px;
}
.vuesaxlinearchart-2-container,
.vuesaxlineardiagram-container {
  width: 2.87px;
  height: 2.83px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.04433615878224373px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.vuesaxlineardiagram-container {
  padding: 0 9.124491384682187e-8px 0 0;
}
.vuesaxlinearsetting-parent7,
.vuesaxlinearsetting-parent8 {
  position: absolute;
  top: 137.54px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.64px;
}
.vuesaxlinearsetting-parent8 {
  top: 147.62px;
}
.vuesaxboldelement-4-container {
  width: 2.6px;
  height: 2.6px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.10825221240520477px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent12 {
  position: absolute;
  top: 11.92px;
  left: 5.04px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.64px;
  color: var(--white-white);
}
.hi-ezaquel2 {
  position: absolute;
  top: 3.63px;
  left: 142.35px;
  font-size: 1.88px;
  font-weight: 600;
}
.hi-ezaquel2,
.search3,
.text93,
.text95 {
  font-family: var(--regular);
}
.text93 {
  position: absolute;
  top: 5.63px;
  left: 146.57px;
  font-size: 1.88px;
  font-weight: 600;
}
.search3,
.text95 {
  font-size: 1.73px;
}
.search3 {
  position: absolute;
  top: calc(50% - 56.39px);
  left: calc(50% - 16.93px);
  border-radius: 0.99px;
  background-color: var(--black-5);
  width: 37.37px;
  height: 3.51px;
  display: flex;
  flex-direction: row;
  padding: 0.4948368966579437px 0.7422553300857544px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 0.49px;
  color: var(--black-20);
}
.text95 {
  color: var(--color-black);
  text-align: center;
}
.div22,
.text95,
.text96 {
  position: relative;
  line-height: 2.47px;
}
.text96 {
  font-size: 1.73px;
  font-family: var(--regular);
  color: var(--black-100);
  text-align: center;
}
.icon-breadcrumb2,
.task-details1 {
  position: absolute;
  left: 28.61px;
  font-family: var(--regular);
}
.icon-breadcrumb2 {
  top: calc(50% - 56.65px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.99px;
  font-size: 1.73px;
  color: var(--black-20);
}
.task-details1 {
  top: 12.66px;
  font-size: 3.05px;
  font-weight: 600;
  color: var(--color-darkslategray-200);
}
.frame-child54 {
  position: absolute;
  top: 17.72px;
  left: 2.96px;
  width: 18.33px;
  height: 8.14px;
}
.b4 {
  position: absolute;
  top: 3.94px;
  left: 35.26px;
  font-size: 3.46px;
}
.frame-child55 {
  position: absolute;
  top: 3.48px;
  left: 3.11px;
  width: 5.38px;
  height: 5.38px;
}
.task-completed {
  position: absolute;
  top: 4.56px;
  left: 10.39px;
  font-weight: 500;
  color: var(--color-lightslategray-100);
}
.span1 {
  color: var(--color-black);
}
.more1 {
  font-weight: 500;
  color: var(--color-lightslategray-200);
}
.from-last-week,
.more {
  position: absolute;
  top: 19.05px;
  left: 28.97px;
  color: var(--color-green);
}
.from-last-week {
  top: 22.98px;
  left: 22.51px;
  font-weight: 500;
  color: var(--color-lightslategray-200);
}
.frame-child56 {
  position: absolute;
  top: 12.91px;
  left: 3.15px;
  background-color: var(--color-whitesmoke-300);
  width: 36.68px;
  height: 0.16px;
}
.task-details-child4,
.vector-parent4 {
  position: absolute;
  left: 28.61px;
  border-radius: 2.52px;
  background-color: var(--white-white);
  border: 0.1px solid var(--color-lightskyblue);
  box-sizing: border-box;
}
.vector-parent4 {
  top: 18.41px;
  width: 43.13px;
  height: 33.06px;
  font-size: 2.52px;
  color: var(--color-gray-600);
  font-family: var(--font-dm-sans);
}
.task-details-child4 {
  top: 53.59px;
  width: 136.95px;
  height: 108.11px;
}
.task-detail {
  position: absolute;
  top: 56.63px;
  left: 31.31px;
  font-size: 3.05px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-darkslategray-200);
}
.new-task {
  position: absolute;
  top: 4.57px;
  left: 10.39px;
  font-weight: 500;
  color: var(--color-lightslategray-100);
}
.more2,
.vector-parent5 {
  position: absolute;
  top: 19.05px;
  left: 28.96px;
  color: var(--color-green);
}
.vector-parent5 {
  top: 18.41px;
  left: 75.52px;
  border-radius: 2.52px;
  background-color: var(--white-white);
  border: 0.1px solid var(--color-lightskyblue);
  box-sizing: border-box;
  width: 43.13px;
  height: 33.06px;
  font-size: 2.52px;
  color: var(--color-gray-600);
  font-family: var(--font-dm-sans);
}
.more4,
.vector-parent6 {
  position: absolute;
  top: 19.05px;
  left: 28.18px;
  color: var(--color-green);
}
.vector-parent6 {
  top: 18.41px;
  left: 122.43px;
  border-radius: 2.52px;
  background-color: var(--white-white);
  border: 0.1px solid var(--color-lightskyblue);
  box-sizing: border-box;
  width: 43.13px;
  height: 33.06px;
  font-size: 2.52px;
  color: var(--color-gray-600);
  font-family: var(--font-dm-sans);
}
.icon-search {
  position: absolute;
  height: 60.28%;
  width: 7.58%;
  top: 20.22%;
  right: 86.49%;
  bottom: 19.49%;
  left: 5.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.search-items,
.searchbar-child {
  position: absolute;
  top: 27.5%;
  left: 17.92%;
}
.searchbar-child {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.4px;
  background-color: var(--color-silver-200);
  border: 0.1px solid var(--color-aliceblue-300);
  box-sizing: border-box;
}
.searchbar {
  width: 31.61px;
  height: 3.98px;
}
.button-title,
.searchbar {
  position: relative;
}
.button29,
.button30 {
  border-radius: var(--br-12xs-5);
  width: 10.27px;
  height: 3.98px;
  display: flex;
  flex-direction: row;
  padding: 0.9941269159317017px 2.286491870880127px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.button29 {
  background-color: var(--color-steelblue-100);
  color: var(--white-white);
}
.button30 {
  background-color: var(--color-aliceblue-300);
}
.container-buttons,
.container-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.container-buttons {
  width: 31.64px;
  justify-content: flex-start;
  gap: 0.4px;
}
.container-top {
  width: 132.15px;
  padding: 1.791149616241455px 0;
  box-sizing: border-box;
  justify-content: space-between;
}
.container-row1 {
  position: absolute;
  height: 110.18%;
  width: 100.05%;
  top: -0.07%;
  right: -0.05%;
  bottom: -10.11%;
  left: 0;
  border-radius: var(--br-12xs-5) var(--br-12xs-5) 0 0;
  background-color: var(--color-aliceblue-100);
}
.container-button-span {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-lightgray-100);
}
.container-button-p {
  position: absolute;
  top: calc(50% - 2.27px);
  left: calc(50% - 0.95px);
}
.container-button {
  position: relative;
  width: 2.98px;
  height: 2.98px;
  font-size: 1.29px;
}
.container-leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2.09px;
}
.container-button1 {
  position: relative;
  width: 2.98px;
  height: 2.98px;
}
.container-button-p2 {
  position: absolute;
  top: calc(50% - 2.27px);
  left: calc(50% - 1.95px);
}
.container-header,
.container-trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container-trailing {
  justify-content: center;
  gap: var(--gap-12xs-6);
  font-size: 1.29px;
}
.container-header {
  position: absolute;
  top: calc(50% - 40.6px);
  left: calc(50% - 15.82px);
  width: 31.64px;
  height: 5.57px;
  padding: 2.3881995677948px 1.5921329259872437px;
  box-sizing: border-box;
  justify-content: space-between;
}
.user-research {
  position: relative;
  font-weight: 500;
}
.lorem-ipsum-dolor {
  position: relative;
  text-align: left;
  display: none;
  align-items: center;
  width: 26.44px;
}
.tag-title {
  position: relative;
  font-size: 1.49px;
  font-weight: 500;
  font-family: var(--font-roboto);
  color: var(--white-white);
  text-align: center;
}
.tag,
.task-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tag {
  cursor: pointer;
  border: 0;
  padding: 0.3976507782936096px 1.1929523944854736px;
  background-color: var(--color-steelblue-100);
  border-radius: var(--br-12xs-5);
  flex-direction: row;
}
.task-top {
  width: 28.43px;
  flex-direction: column;
  padding: 1.1929523944854736px;
  box-sizing: border-box;
  gap: 1.19px;
}
.task-divider {
  position: relative;
  border-top: 0.1px solid var(--color-aliceblue-300);
  box-sizing: border-box;
  width: 28.63px;
  height: 0.1px;
}
.icon-paperclip {
  position: relative;
  width: 2.4px;
  height: 2.4px;
  overflow: hidden;
  flex-shrink: 0;
}
.task-attachments,
.task-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.task-attachments {
  gap: var(--gap-12xs-2);
}
.task-meta {
  gap: 1.19px;
}
.task-users-icon {
  position: relative;
  width: 4.98px;
  height: 3.01px;
}
.task-bottom {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 0.7953015565872192px 1.1929523944854736px;
  align-items: center;
  justify-content: space-between;
}
.task {
  border-radius: var(--br-12xs-5);
  background-color: var(--white-white);
  box-shadow: 0 0.0994126945734024px 0.2px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.user-research1 {
  font-weight: 500;
  text-align: center;
}
.b8,
.lorem-ipsum-dolor1,
.user-research1 {
  position: relative;
  font-size: 1.49px;
  font-family: var(--font-roboto);
  color: var(--color-darkslategray-500);
}
.lorem-ipsum-dolor1 {
  text-align: left;
  display: flex;
  align-items: center;
  width: 26.44px;
}
.b8 {
  text-align: center;
}
.task-users-icon1 {
  position: relative;
  width: 6.97px;
  height: 3.02px;
}
.lorem-ipsum-dolor2 {
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  width: 26.44px;
}
.icon-paperclip2 {
  position: relative;
  width: 2.39px;
  height: 2.39px;
  overflow: hidden;
  flex-shrink: 0;
}
.task-attachments2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.task-users-icon2 {
  position: relative;
  width: 6.96px;
  height: 2.98px;
}
.tasks3 {
  position: absolute;
  top: 5.82px;
  left: 1.59px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.19px;
  color: var(--color-darkslategray-500);
}
.container-row,
.container-row3 {
  position: relative;
  width: 31.64px;
  height: 81.2px;
}
.container-row3 {
  border-radius: var(--br-12xs-5) var(--br-12xs-5) 0 0;
  background-color: var(--color-aliceblue-100);
  width: 31.66px;
  height: 89.47px;
}
.container-header1 {
  width: 31.64px;
  height: 5.57px;
  display: flex;
  flex-direction: row;
  padding: 2.3881995677948px 1.5921329259872437px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
.task-users-icon3 {
  position: relative;
  width: 4.97px;
  height: 2.98px;
}
.tasks4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.19px;
  color: var(--color-darkslategray-500);
}
.container-row2,
.container-row4 {
  width: 31.64px;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: flex-end;
}
.container-row2 {
  height: 81.2px;
  display: flex;
  padding: 0.058220334351062775px 0.0017398186028003693px 0 0;
  align-items: flex-start;
}
.container-row4 {
  padding: 0.05817710608243942px 0.01848650351166725px 0 0;
}
.container-row-parent,
.container-row4,
.container-row6 {
  height: 81.2px;
  display: flex;
  align-items: flex-start;
}
.container-row6 {
  width: 31.64px;
  flex-direction: column;
  padding: 0.05835765600204468px 0.03529447689652443px 0 0;
  box-sizing: border-box;
  justify-content: flex-end;
}
.container-row-parent {
  border-radius: var(--br-12xs-5) var(--br-12xs-5) 0 0;
  flex-direction: row;
  justify-content: center;
  gap: 1.79px;
}
.container,
.container-bottom {
  display: flex;
  flex-direction: column;
}
.container-bottom {
  background-color: var(--color-silver-200);
  box-shadow: 0 0.09950830787420273px 0.1px rgba(0, 0, 0, 0.1);
  width: 132.15px;
  align-items: flex-start;
  justify-content: center;
  color: var(--color-black);
}
.container {
  position: absolute;
  top: 62.15px;
  left: 31.31px;
  height: 88.76px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 1.49px;
  color: var(--color-silver-100);
  font-family: var(--font-roboto);
}
.task-details-child5 {
  position: absolute;
  top: 159.58px;
  left: 31.66px;
  width: 131.56px;
  height: 0.06px;
}
.task-details-child6 {
  position: absolute;
  top: 70.77px;
  left: 162.7px;
  width: 1.15px;
  height: 46.57px;
}
.group-parent,
.task-details {
  position: absolute;
  transform-origin: 0 0;
}
.task-details {
  top: 122.26px;
  left: 114.43px;
  border-radius: 4.26px;
  background-color: var(--white-white);
  border: 1.6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 172.04px;
  height: 119.75px;
  overflow: hidden;
  transform: rotate(17.37deg);
  font-size: 1.92px;
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.group-parent {
  top: 5362.47px;
  left: -9.48px;
  width: 370.3px;
  height: 314.15px;
  transform: rotate(-17.1deg);
  font-size: 1.88px;
  color: var(--color-darkslategray-400);
}
.vector-icon1 {
  position: absolute;
  top: 5141.62px;
  left: 0;
  width: 67.3px;
  height: 125.78px;
}
.experience-optimal-performance {
  position: absolute;
  top: 4811.88px;
  left: calc(50% - 171px);
  font-size: var(--font-size-base);
  line-height: 29px;
  font-weight: 500;
  color: var(--color-darkslategray-100);
  text-align: justify;
  display: inline-block;
  width: 342px;
}
.icon3,
.icon4 {
  object-fit: cover;
}
.icon3 {
  position: absolute;
  top: 0;
  left: 4px;
  width: 488px;
  height: 425.53px;
}
.icon4 {
  top: 387.21px;
  left: 205.59px;
  width: 165.79px;
  height: 117.98px;
}
.group,
.icon4,
.icon5 {
  position: absolute;
}
.icon5 {
  top: 387.21px;
  left: 28.24px;
  width: 165.79px;
  height: 117.98px;
  object-fit: cover;
}
.group {
  top: 4273px;
  left: -4px;
  width: 488px;
  height: 502.88px;
}
.vector-icon2,
.vector-icon3 {
  position: absolute;
  top: 2473.06px;
  left: 0;
  width: 90.97px;
  height: 145.62px;
}
.vector-icon3 {
  top: 0;
  width: 237.7px;
  height: 226px;
}
.iphone-14-1-child1,
.iphone-14-1-inner {
  position: absolute;
  height: 2.37%;
  width: 52.82%;
  top: 4.49%;
  right: 23.59%;
  bottom: 93.15%;
  left: 23.59%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.04;
}
.iphone-14-1-child1 {
  top: 21.77%;
  bottom: 75.86%;
}
.our-portfolio-presentation-container {
  position: absolute;
  top: 447.89px;
  left: calc(50% - 119px);
  font-size: 40.91px;
  line-height: 42.5px;
  font-family: var(--font-roboto);
  text-align: center;
}
.logo-icon3 {
  position: absolute;
  top: 316.9px;
  left: calc(50% - 154.41px);
  width: 309.41px;
  height: 77.35px;
}
.vector-icon4,
.vector-icon5 {
  position: absolute;
  top: 752.15px;
  left: 0;
  width: 138.84px;
  height: 183.14px;
}
.vector-icon5 {
  top: 747.9px;
  left: 310.64px;
  width: 122.36px;
  height: 116.34px;
}
.marketing-screen-child {
  position: absolute;
  top: 232.93px;
  left: calc(50% - 68.87px);
  border-radius: 50%;
  background-color: var(--color-aliceblue-200);
  box-shadow: 0 3.2876670360565186px 10.52px #cae0fa inset;
  filter: blur(8.85px);
  width: 138.06px;
  height: 36.11px;
}
.elegant-simple-interiors {
  position: absolute;
  top: 16.2px;
  left: 9.72px;
  letter-spacing: 0.04em;
  line-height: 25.92px;
  text-transform: capitalize;
  display: inline-block;
  width: 132.46px;
}
.affordable-home-furniture {
  position: relative;
  line-height: 8.55px;
  display: inline-block;
  width: 75.75px;
  flex-shrink: 0;
}
.frame-child63 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-midnightblue-100);
  box-shadow: 0 3.2876670360565186px 10.52px rgba(0, 0, 0, 0.3);
  width: 40.51px;
  height: 40.51px;
}
.start {
  position: absolute;
  top: 15.39px;
  left: 11.54px;
  letter-spacing: 0.02em;
  line-height: 9.72px;
  text-transform: capitalize;
  font-weight: 500;
}
.ellipse-parent13 {
  position: relative;
  width: 40.51px;
  height: 40.51px;
  font-size: 5.67px;
  color: var(--color-lightgray-200);
  font-family: var(--font-roboto);
}
.affordable-home-furniture-desi-parent {
  position: absolute;
  top: 272.21px;
  left: 9.72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16.2px;
  font-size: 6.48px;
  color: #645f57;
  font-family: var(--regular);
}
.marketing-screen-item {
  position: absolute;
  top: 117.88px;
  left: 9.91px;
  width: 135.93px;
  height: 130.27px;
  object-fit: cover;
}
.marketing-screen {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 17.75px;
  background-color: var(--color-gray-200);
  box-shadow: 0 2.6269187927246094px 28.37px 4.93px rgba(69, 62, 62, 0.16);
  width: 151.9px;
  height: 328.92px;
  overflow: hidden;
  font-size: 19.44px;
  color: #26206a;
}
.frame-child64 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 144.98px;
  height: 44.55px;
}
.ellipse-icon {
  position: absolute;
  top: -3.24px;
  left: 14.38px;
  width: 114.61px;
  height: 45.56px;
}
.view {
  position: absolute;
  top: 38.47px;
  left: 67.17px;
  font-weight: 500;
}
.frame-child65,
.frame-child66 {
  position: absolute;
  top: 41.56px;
  left: 49.65px;
  width: 2.93px;
  height: 3.55px;
}
.frame-child66 {
  top: 40.83px;
  left: 44.65px;
  width: 2.89px;
  height: 3.58px;
}
.ellipse-parent14 {
  position: absolute;
  top: 152.57px;
  left: 3.64px;
  width: 144.98px;
  height: 50.03px;
  text-align: center;
  font-size: 4.86px;
}
.swm-icons-broken-arrow-lef {
  position: relative;
  width: 13.77px;
  height: 13.77px;
}
.swm-icons-broken-arrow-lef-parent,
.swm-icons-broken-share-1-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.48px;
}
.swm-icons-broken-arrow-lef-parent {
  position: absolute;
  top: 16.2px;
  left: 9.72px;
  gap: 84.64px;
}
.modern-room-tour,
.mordern-room-tour {
  position: absolute;
  left: 9.72px;
  text-transform: capitalize;
}
.modern-room-tour {
  top: 39.69px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  font-family: var(--font-poppins);
}
.mordern-room-tour {
  top: 209.77px;
  line-height: 12.15px;
  font-weight: 500;
  display: inline-block;
  width: 123.51px;
}
.star-icon {
  position: relative;
  width: 8.1px;
  height: 8.1px;
}
.star-parent {
  width: 18.13px;
  height: 8.1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.58px;
}
.frame-child67 {
  position: relative;
  border-right: 0.4px solid var(--color-tan);
  box-sizing: border-box;
  width: 0;
  height: 9.31px;
}
.frame-parent13 {
  position: absolute;
  top: 237.31px;
  left: 9.72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4.86px;
  font-size: 5.67px;
  color: var(--color-gray-400);
  font-family: var(--regular);
}
.offers {
  position: relative;
  line-height: 12.15px;
  text-transform: capitalize;
  font-weight: 500;
}
.frame-child68 {
  position: relative;
  border-top: 0.4px solid var(--color-tan);
  box-sizing: border-box;
  width: 116.22px;
  height: 0;
}
.citibank-offer {
  position: relative;
  text-transform: capitalize;
  font-weight: 500;
}
.get-additional-15 {
  position: relative;
  font-family: var(--regular);
  color: var(--color-gray-400);
  display: inline-block;
  width: 116.22px;
}
.citibank-offer-parent,
.offers-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.citibank-offer-parent {
  justify-content: flex-start;
  gap: 0.81px;
  font-size: 5.67px;
}
.offers-parent {
  position: absolute;
  top: 253.91px;
  left: 9.72px;
  border-radius: 6.48px;
  background-color: var(--color-aliceblue-200);
  width: 132.42px;
  padding: 8.099289894104004px;
  box-sizing: border-box;
  justify-content: center;
  gap: 2.43px;
}
.view-product-screen-child {
  position: absolute;
  top: 294px;
  left: 0;
  border-radius: 0 0 17.82px 17.82px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(3.54px);
  width: 151.86px;
  height: 34.83px;
}
.swm-icons-broken-cart-4 {
  position: absolute;
  top: 306.56px;
  left: 9.72px;
  width: 9.72px;
  height: 9.72px;
  overflow: hidden;
}
.frame-child69 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-midnightblue-100);
  box-shadow: 0 3.286785840988159px 10.52px rgba(0, 0, 0, 0.3);
  width: 40.5px;
  height: 40.5px;
}
.buy-now {
  position: absolute;
  top: 15.39px;
  left: 8.5px;
  letter-spacing: 0.02em;
  line-height: 9.72px;
  text-transform: capitalize;
  font-weight: 500;
}
.ellipse-parent15 {
  position: absolute;
  top: 278.62px;
  left: 101.65px;
  width: 40.5px;
  height: 40.5px;
  font-size: 5.67px;
  color: var(--color-lightgray-200);
}
.div24 {
  position: absolute;
  top: 305.75px;
  left: 29.16px;
  font-size: 10.93px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  text-transform: capitalize;
  font-family: var(--font-poppins);
  color: var(--color-darkgreen);
}
.unsplashenhzc6dei0y-icon {
  position: absolute;
  top: 65.84px;
  left: 4.25px;
  border-radius: 12.74px;
  width: 140.89px;
  height: 101.48px;
  object-fit: cover;
}
.view-product-screen {
  position: absolute;
  top: 92.47px;
  left: 189.14px;
  border-radius: 17.75px;
  background-color: var(--color-gray-200);
  box-shadow: 0 23.00750160217285px 32.87px 4.93px rgba(69, 62, 62, 0.26);
  width: 151.86px;
  height: 328.83px;
  font-family: var(--font-roboto);
}
.swm-icons-broken-cart-41 {
  position: relative;
  width: 13.77px;
  height: 13.77px;
  overflow: hidden;
  flex-shrink: 0;
}
.menu-cart {
  position: absolute;
  top: 16.2px;
  left: 9.72px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 104.91px;
}
.hot-deals,
.new-arrivals,
.recently-viewed {
  position: absolute;
  top: 39.7px;
  left: 9.72px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  text-transform: capitalize;
}
.new-arrivals,
.recently-viewed {
  top: 123.14px;
}
.recently-viewed {
  top: 275.85px;
}
.ruslan-bardash-4ktbamrahtq-uns-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6.48px;
  width: 135.7px;
  height: 55.9px;
}
.image-266-icon,
.image-278-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 62.79px;
  height: 55.9px;
  object-fit: cover;
}
.image-266-icon {
  top: 98.03px;
  left: -366.59px;
  width: 139.75px;
  height: 64px;
}
.image-254-icon,
.ruslan-bardash-4ktbamrahtq-uns-icon1 {
  position: absolute;
  top: 97.62px;
  left: -61.98px;
  width: 54.28px;
  height: 55.9px;
  object-fit: cover;
}
.ruslan-bardash-4ktbamrahtq-uns-icon1 {
  top: 137.32px;
  left: 15.8px;
  width: 66.43px;
}
.diy {
  position: absolute;
  top: 14.58px;
  left: 60.27px;
  text-transform: uppercase;
  font-family: var(--font-bebas-neue);
}
.midnight {
  font-weight: 500;
}
.starts-midnight-16-container {
  position: absolute;
  top: 22.68px;
  left: 100.05px;
  font-size: 4.86px;
  text-transform: uppercase;
  display: inline-block;
  width: 29.17px;
}
.discount {
  font-size: 4.05px;
  letter-spacing: 0.15em;
  font-weight: 500;
}
.upto-75-discount-container {
  position: absolute;
  top: 6.48px;
  left: 61.08px;
  text-transform: uppercase;
  display: inline-block;
  width: 29.17px;
  font-size: 5.27px;
}
.hot-deals1 {
  position: absolute;
  top: 57.52px;
  left: 9.72px;
  box-shadow: 0 4.0507307052612305px 16.2px #c6c1b8;
  width: 135.7px;
  height: 55.9px;
  font-size: 29.17px;
  font-family: var(--font-montserrat);
}
.new-arrival-1-child {
  position: absolute;
  height: 66.74%;
  width: 86.4%;
  top: 4.18%;
  right: 6.98%;
  bottom: 29.08%;
  left: 6.62%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.div25,
.leatherette-sofa {
  position: absolute;
  left: 7.95px;
  text-transform: capitalize;
}
.leatherette-sofa {
  top: 93.57px;
  font-weight: 500;
}
.div25 {
  top: 106.53px;
  font-size: 7.29px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  font-family: var(--font-poppins);
  color: var(--color-darkgreen);
}
.new-arrival-1-item {
  position: absolute;
  height: 11%;
  width: 12.88%;
  top: 5.18%;
  right: 7.86%;
  bottom: 83.82%;
  left: 79.27%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.new-arrival-1 {
  position: absolute;
  top: 140.97px;
  left: 9.87px;
  border-radius: 6.48px;
  background-color: var(--color-lavender);
  width: 106.94px;
  height: 125.17px;
  font-size: var(--font-size-4xs-1);
  font-family: var(--font-roboto);
}
.div26,
.ork-stool {
  position: absolute;
  left: 8.1px;
  text-transform: capitalize;
}
.ork-stool {
  top: 93.57px;
  font-weight: 500;
}
.div26 {
  top: 106.53px;
  font-size: 7.29px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  font-family: var(--font-poppins);
  color: var(--color-darkgreen);
}
.new-arrival-2-child {
  position: absolute;
  height: 11%;
  width: 12.88%;
  top: 5.18%;
  right: 6.06%;
  bottom: 83.82%;
  left: 81.06%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.image-278-icon1,
.new-arrival-2-item {
  position: absolute;
  top: 14.58px;
  left: 16.61px;
  width: 8.84px;
  height: 29.39px;
  object-fit: cover;
}
.new-arrival-2-item {
  height: 66.74%;
  width: 63.24%;
  top: 4.18%;
  right: 26.06%;
  bottom: 29.08%;
  left: 10.7%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.new-arrival-2 {
  position: absolute;
  top: 140.97px;
  left: 126.38px;
  border-radius: 6.48px;
  background-color: var(--color-lavender);
  width: 106.94px;
  height: 125.17px;
  font-size: var(--font-size-4xs-1);
  font-family: var(--font-roboto);
}
.frame-child70 {
  position: relative;
  width: 21.71px;
  height: 26.82px;
  object-fit: cover;
}
.rectangle-wrapper {
  border-radius: 7.06px;
  background-color: var(--color-gray-800);
  display: flex;
  flex-direction: column;
  padding: 3.0894291400909424px 4.413469314575195px;
  align-items: flex-start;
  justify-content: flex-start;
}
.div27 {
  position: relative;
  font-size: 6.48px;
  letter-spacing: 0.04em;
  line-height: 11.34px;
  text-transform: capitalize;
  color: var(--color-darkgreen);
}
.floor-lamp-parent,
.frame-parent14,
.recently-viewed-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.24px;
}
.frame-parent14,
.recently-viewed-card {
  flex-direction: row;
  align-items: center;
  gap: 4.86px;
}
.recently-viewed-card {
  position: absolute;
  top: 293.68px;
  left: 9.72px;
  border-radius: 6.48px;
  background-color: var(--color-gray-800);
  width: 132.46px;
  height: 38.48px;
  padding: 3.2405693531036377px 3.2405545711517334px 2.243833303451538px;
  box-sizing: border-box;
  justify-content: flex-end;
  gap: 35.73px;
  font-size: 6.37px;
  color: var(--color-black);
}
.whatsapp-image-2023-06-17-at-1-icon {
  position: absolute;
  top: 8.34px;
  left: calc(50% - 44.1px);
  width: 88.14px;
  height: 33.03px;
  object-fit: cover;
}
.homescreen {
  position: absolute;
  top: 349.38px;
  left: 0.53px;
  border-radius: 17.75px;
  background-color: var(--color-gray-200);
  box-shadow: 0 23.013668060302734px 32.88px 4.93px rgba(69, 62, 62, 0.26);
  width: 151.84px;
  height: 184.94px;
  overflow: hidden;
}
.marketing-screen-parent {
  position: absolute;
  top: 1110.73px;
  left: 25px;
  width: 341px;
  height: 534.32px;
  font-size: 7.29px;
  color: var(--color-gray-500);
  font-family: var(--font-poppins);
}
.fabcon {
  position: absolute;
  top: 1028px;
  left: calc(50% - 59px);
  font-size: var(--font-size-15xl);
  line-height: 46.29px;
  font-family: var(--font-roboto-slab);
}
.elevate-your-interior {
  position: absolute;
  top: 1681.04px;
  left: calc(50% - 174px);
  font-size: var(--font-size-base);
  line-height: 29px;
  font-weight: 500;
  color: var(--color-darkslategray-100);
  text-align: justify;
  display: inline-block;
  width: 348px;
}
.click-here1 {
  text-decoration: underline;
}
.click-here {
  color: var(--color-steelblue-100);
}
.want-to-know-container,
.want-to-know-container1 {
  position: absolute;
  top: 1867.04px;
  left: calc(50% - 92px);
  line-height: 66.6px;
  font-weight: 600;
}
.want-to-know-container1 {
  top: 3161.34px;
}
.want-to-know-container2,
.want-to-know-container3,
.want-to-know-container4 {
  position: absolute;
  top: 4201.45px;
  left: calc(50% - 92px);
  line-height: 66.6px;
  font-weight: 600;
}
.want-to-know-container3,
.want-to-know-container4 {
  top: 5055.88px;
}
.want-to-know-container4 {
  top: 5816px;
}
.our-crm,
.premium-auto-source-container {
  position: absolute;
  top: 4323px;
  left: calc(50% - 114px);
  font-size: var(--font-size-14xl);
  line-height: 49px;
  font-family: var(--font-roboto-slab);
  text-align: center;
}
.our-crm {
  top: 5230.88px;
  left: calc(50% - 72px);
}
.vector-icon6 {
  position: absolute;
  top: 1861.26px;
  left: 351.68px;
  width: 38.32px;
  height: 150.37px;
}
.iphone-14-1-child2 {
  position: absolute;
  top: 2042.35px;
  left: 24px;
  width: 342px;
  height: 867.99px;
}
.english-faculties {
  position: absolute;
  top: 2042px;
  left: 33px;
  font-size: var(--font-size-15xl);
  line-height: 56.6px;
  font-family: var(--font-roboto-slab);
}
.english-faculties1 {
  position: absolute;
  top: 2946.34px;
  left: 24px;
  font-size: var(--font-size-base);
  line-height: 29px;
  font-weight: 500;
  color: var(--color-darkslategray-100);
  text-align: justify;
  display: inline-block;
  width: 343px;
}
.home-1-1,
.vector-icon7 {
  position: absolute;
  top: 3308.26px;
  left: 254.03px;
  width: 135.97px;
  height: 166.92px;
}
.home-1-1 {
  top: -4.85px;
  left: -4.85px;
  width: 229.26px;
  height: 295.07px;
  object-fit: cover;
}
.service-page-1,
.web-devlopement-services-1 {
  position: absolute;
  top: 128.92px;
  left: 152.12px;
  width: 213.88px;
  height: 387.85px;
  object-fit: cover;
}
.service-page-1 {
  top: 299.92px;
  left: 14.02px;
  width: 199.06px;
  height: 224.95px;
}
.home-1-1-parent {
  position: absolute;
  top: 3445px;
  left: 24px;
  width: 342px;
  height: 505.45px;
}
.iphone-14-1-child3,
.iphone-14-1-child4 {
  position: absolute;
  height: 2.37%;
  width: 52.82%;
  top: 64.34%;
  right: 23.59%;
  bottom: 33.29%;
  left: 23.59%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.04;
}
.iphone-14-1-child4 {
  top: 71.9%;
  bottom: 25.74%;
}
.our-website {
  position: absolute;
  top: 3336.34px;
  left: 33px;
  font-size: var(--font-size-15xl);
  line-height: 96.56px;
  font-family: var(--font-roboto-slab);
}
.empower-your-digital {
  position: absolute;
  top: 3986.45px;
  left: 24px;
  font-size: var(--font-size-base);
  line-height: 29px;
  font-weight: 500;
  color: var(--color-darkslategray-100);
  text-align: justify;
  display: inline-block;
  width: 342px;
}
.vector-icon8 {
  position: absolute;
  top: 4247px;
  left: 0;
  width: 80.22px;
  height: 76px;
}
.our-crm-web-container {
  position: absolute;
  top: 5601px;
  left: calc(50% - 171px);
  font-size: var(--font-size-base);
  line-height: 29px;
  font-weight: 500;
  color: var(--color-darkslategray-100);
  text-align: justify;
  display: inline-block;
  width: 343px;
}
.ezgif-5-1b721d7eb1-1-icon {
  position: absolute;
  top: 5868.8px;
  left: calc(50% - 195px);
  width: 396px;
  height: 217.8px;
  object-fit: cover;
}
.iphone-14-1-child5,
.iphone-14-1-child6 {
  position: absolute;
  top: 5856px;
  left: -8px;
  background-color: var(--color-gray-300);
  width: 410px;
  height: 52px;
}
.iphone-14-1-child6 {
  top: 6046px;
  height: 61px;
}
.vector-icon10,
.vector-icon9 {
  position: absolute;
  top: 5837.85px;
  left: 347px;
  width: 105px;
  height: 97.65px;
}
.vector-icon10 {
  top: 6022.97px;
  left: 0;
  width: 55.62px;
  height: 26.03px;
}
.scroll-down {
  position: absolute;
  top: 709px;
  left: calc(50% - 31px);
  line-height: 96.56px;
  font-weight: 600;
  font-family: var(--font-roboto);
  text-align: center;
  cursor: pointer;
}
.icons-arrow-arrowhead-do {
  position: absolute;
  height: 0.4%;
  width: 6.15%;
  top: 12.76%;
  right: 46.92%;
  bottom: 86.84%;
  left: 46.92%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  cursor: pointer;
}
.iphone-14-1-child7 {
  position: absolute;
  bottom: 40px;
  left: calc(50% + 135px);
  width: 36px;
  height: 36px;
}
.iphone-14-1 {
  position: relative;
  background: linear-gradient(180deg, #f0f7ff, #fff);
  width: 100%;
  height: 6049px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-gray-700);
  font-family: var(--regular);
}