.ezgif-5-1b721d7eb1-1-icon {
  position: absolute;
  top: 8311px;
  left: calc(50% - 720px);
  width: 1449px;
  height: 796.95px;
  object-fit: cover;
}
.desktop-1-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 8432px;
}
.desktop-1-inner,
.desktop-1-item,
.group-icon,
.icons-arrow-arrowhead-do {
  position: absolute;
  height: 0.27%;
  width: 1.67%;
  top: 7.6%;
  right: 49.17%;
  bottom: 89.99%;
  left: 49.17%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.desktop-1-inner,
.desktop-1-item,
.group-icon {
  height: 7.2%;
  width: 64.37%;
  top: 14.07%;
  right: 17.85%;
  bottom: 78.74%;
  left: 17.79%;
  opacity: 0.04;
}
.desktop-1-inner,
.group-icon {
  top: 27.66%;
  bottom: 65.14%;
}
.group-icon {
  top: 42.37%;
  bottom: 50.43%;
}
.vector-icon {
  position: absolute;
  top: 3597.32px;
  /* left: 1010.26px; */
  width: 429.74px;
  height: 455.02px;
  right: 1%;
}
.vector-icon1,
.vector-icon2 {
  position: absolute;
  top: 7%;
  left: -9%;
  width: 283.75px;
  height: 451.46px;
}
.vector-icon2 {
  /* top: 2586.48px;
  width: 262.44px; */
  top: 30.3%;
  width: 262.44px;
  left: -7.5%;
}
.marketing-screen-child {
  position: absolute;
  top: 443.34px;
  left: calc(50% - 131.09px);
  border-radius: 50%;
  background-color: var(--color-aliceblue-200);
  box-shadow: 0 6.257648468017578px 20.02px #cae0fa inset;
  filter: blur(16.84px);
  width: 262.77px;
  height: 68.72px;
}
.elegant-simple-interiors {
  position: absolute;
  top: 30.84px;
  left: 18.5px;
  letter-spacing: 0.04em;
  line-height: 49.34px;
  text-transform: capitalize;
  display: inline-block;
  width: 252.12px;
}
.affordable-home-furniture {
  position: relative;
  line-height: 16.27px;
  display: inline-block;
  width: 144.18px;
  flex-shrink: 0;
}
.frame-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-midnightblue-100);
  box-shadow: 0 6.257648468017578px 20.02px rgba(0, 0, 0, 0.3);
  width: 77.1px;
  height: 77.1px;
}
.start {
  position: absolute;
  top: 29.3px;
  left: 21.97px;
  letter-spacing: 0.02em;
  line-height: 18.5px;
  text-transform: capitalize;
  font-weight: 500;
}
.ellipse-parent {
  position: relative;
  width: 77.1px;
  height: 77.1px;
  font-size: 10.79px;
  color: var(--color-lightgray-200);
  font-family: var(--font-roboto);
}
.affordable-home-furniture-desi-parent {
  position: absolute;
  top: 518.11px;
  left: 18.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 30.84px;
  font-size: 12.34px;
  color: #645f57;
  font-family: var(--regular);
}
.marketing-screen-item {
  position: absolute;
  top: 224.37px;
  left: 18.87px;
  width: 258.73px;
  height: 247.95px;
  object-fit: cover;
}
.marketing-screen {
  position: absolute;
  top: 1086px;
  left: 714px;
  border-radius: 33.79px;
  background-color: var(--color-gray-200);
  box-shadow: 0 5px 54px 9.39px rgba(69, 62, 62, 0.16);
  width: 289.13px;
  height: 626.06px;
  overflow: hidden;
  font-size: 37.01px;
  color: #26206a;
  font-family: var(--font-poppins);
}
.rectangle-div {
  position: absolute;
  top: 6303px;
  left: 0;
  /* background: linear-gradient(180deg, #dfe4e8, #fff 49.48%); */
  width: 1449px;
  height: 2129px;
}
.frame-item {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 275.95px;
  height: 84.79px;
}
.frame-inner {
  position: absolute;
  top: -6.17px;
  left: 27.36px;
  width: 218.14px;
  height: 86.72px;
}
.p {
  margin: 0;
}
.view {
  position: absolute;
  top: 73.23px;
  left: 127.86px;
  font-weight: 500;
}
.frame-child1 {
  position: absolute;
  top: 79.1px;
  left: 94.5px;
  width: 5.57px;
  height: 6.76px;
}
.ellipse-group,
.frame-child2 {
  position: absolute;
  top: 77.72px;
  left: 84.98px;
  width: 5.49px;
  height: 6.82px;
}
.ellipse-group {
  top: 290.4px;
  left: 6.94px;
  width: 275.95px;
  height: 95.23px;
  text-align: center;
  font-size: 9.25px;
}
.swm-icons-broken-arrow-lef {
  position: relative;
  width: 26.21px;
  height: 26.21px;
}
.swm-icons-broken-arrow-lef-parent,
.swm-icons-broken-heart-wrapper,
.swm-icons-broken-share-1-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.swm-icons-broken-arrow-lef-parent,
.swm-icons-broken-share-1-parent {
  gap: 12.33px;
}
.swm-icons-broken-arrow-lef-parent {
  position: absolute;
  top: 30.83px;
  left: 18.5px;
  gap: 161.1px;
}
.modern-room-tour,
.mordern-room-tour {
  position: absolute;
  left: 18.5px;
  text-transform: capitalize;
}
.modern-room-tour {
  top: 75.54px;
  letter-spacing: 0.04em;
  line-height: 21.58px;
  font-family: var(--font-poppins);
}
.mordern-room-tour {
  top: 399.27px;
  line-height: 23.12px;
  font-weight: 500;
  display: inline-block;
  width: 235.09px;
}
.star-icon {
  width: 15.42px;
  height: 15.42px;
}
.div,
.star-icon {
  position: relative;
}
.star-parent {
  width: 34.5px;
  height: 15.42px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs);
}
.line-div {
  position: relative;
  border-right: 0.8px solid var(--color-tan);
  box-sizing: border-box;
  width: 0;
  height: 17.73px;
}
.frame-parent {
  position: absolute;
  top: 451.69px;
  left: 18.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 9.25px;
  font-size: 10.79px;
  color: var(--color-gray-300);
  font-family: var(--regular);
}
.offers {
  position: relative;
  line-height: 23.12px;
  text-transform: capitalize;
  font-weight: 500;
}
.frame-child3 {
  position: relative;
  border-top: 0.8px solid var(--color-tan);
  box-sizing: border-box;
  width: 221.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-300);
  display: inline-block;
  width: 221.22px;
}
.citibank-offer-parent,
.offers-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.citibank-offer-parent {
  justify-content: flex-start;
  gap: 1.54px;
  font-size: 10.79px;
}
.offers-parent {
  position: absolute;
  top: 483.29px;
  left: 18.5px;
  border-radius: 12.33px;
  background-color: var(--color-aliceblue-200);
  width: 252.05px;
  padding: 15.415949821472168px;
  box-sizing: border-box;
  justify-content: center;
  gap: 4.62px;
}
.view-product-screen-child {
  position: absolute;
  top: 559.6px;
  left: 0;
  border-radius: 0 0 33.92px 33.92px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(6.74px);
  width: 289.05px;
  height: 66.29px;
}
.swm-icons-broken-cart-4 {
  position: absolute;
  top: 583.49px;
  left: 18.5px;
  width: 18.5px;
  height: 18.5px;
  overflow: hidden;
}
.ellipse-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-midnightblue-100);
  box-shadow: 0 6.2559709548950195px 20.02px rgba(0, 0, 0, 0.3);
  width: 77.08px;
  height: 77.08px;
}
.buy-now {
  position: absolute;
  top: 29.29px;
  left: 16.19px;
  letter-spacing: 0.02em;
  line-height: 18.5px;
  text-transform: capitalize;
  font-weight: 500;
}
.ellipse-container {
  position: absolute;
  top: 530.31px;
  left: 193.47px;
  width: 77.08px;
  height: 77.08px;
  font-size: 10.79px;
  color: var(--color-lightgray-200);
}
.div1 {
  position: absolute;
  top: 581.95px;
  left: 55.5px;
  font-size: 20.81px;
  letter-spacing: 0.04em;
  line-height: 21.58px;
  text-transform: capitalize;
  font-family: var(--font-poppins);
  color: var(--color-darkgreen);
}
.unsplashenhzc6dei0y-icon {
  position: absolute;
  top: 125.32px;
  left: 8.09px;
  border-radius: 24.26px;
  width: 268.16px;
  height: 193.15px;
  object-fit: cover;
}
.view-product-screen {
  position: absolute;
  top: 1262px;
  left: 1074px;
  border-radius: 33.78px;
  background-color: var(--color-gray-200);
  box-shadow: 0 43.79180145263672px 62.56px 9.38px rgba(69, 62, 62, 0.26);
  width: 289.05px;
  height: 625.89px;
  font-size: 13.87px;
  color: var(--color-gray-400);
  font-family: var(--font-roboto);
}
.swm-icons-broken-cart-41 {
  position: relative;
  width: 26.21px;
  height: 26.21px;
  overflow: hidden;
  flex-shrink: 0;
}
.menu-cart {
  position: absolute;
  top: 30.84px;
  left: 18.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 199.69px;
}
.hot-deals,
.new-arrivals,
.recently-viewed {
  position: absolute;
  top: 75.56px;
  left: 18.5px;
  letter-spacing: 0.04em;
  line-height: 21.59px;
  text-transform: capitalize;
}
.new-arrivals,
.recently-viewed {
  top: 234.39px;
}
.recently-viewed {
  top: 525.05px;
}
.ruslan-bardash-4ktbamrahtq-uns-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12.34px;
  width: 258.29px;
  height: 106.4px;
}
.image-266-icon,
.image-278-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 119.51px;
  height: 106.4px;
  object-fit: cover;
}
.image-266-icon {
  top: 186.58px;
  left: -697.76px;
  width: 266px;
  height: 121.82px;
}
.image-254-icon,
.ruslan-bardash-4ktbamrahtq-uns-icon1 {
  position: absolute;
  top: 185.81px;
  left: -117.96px;
  width: 103.31px;
  height: 106.4px;
  object-fit: cover;
}
.ruslan-bardash-4ktbamrahtq-uns-icon1 {
  top: 261.37px;
  left: 30.07px;
  width: 126.44px;
}
.diy {
  position: absolute;
  top: 27.76px;
  left: 114.71px;
  text-transform: uppercase;
  font-family: var(--font-bebas-neue);
}
.midnight {
  font-weight: 500;
}
.starts-midnight-16-container {
  position: absolute;
  top: 43.18px;
  left: 190.44px;
  font-size: 9.25px;
  text-transform: uppercase;
  display: inline-block;
  width: 55.51px;
}
.discount {
  font-size: 7.71px;
  letter-spacing: 0.15em;
  font-weight: 500;
}
.upto-75-discount-container {
  position: absolute;
  top: 12.34px;
  left: 116.25px;
  text-transform: uppercase;
  display: inline-block;
  width: 55.51px;
  font-size: 10.02px;
}
.hot-deals1 {
  position: absolute;
  top: 109.48px;
  left: 18.5px;
  box-shadow: 0 7.710041046142578px 30.84px #c6c1b8;
  width: 258.29px;
  height: 106.4px;
  font-size: 55.51px;
  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;
}
.div2,
.leatherette-sofa {
  position: absolute;
  left: 15.14px;
  text-transform: capitalize;
}
.leatherette-sofa {
  top: 178.1px;
  font-weight: 500;
}
.div2 {
  top: 202.77px;
  font-size: 13.88px;
  letter-spacing: 0.04em;
  line-height: 21.59px;
  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: 268.31px;
  left: 18.79px;
  border-radius: 12.34px;
  background-color: var(--color-lavender);
  width: 203.55px;
  height: 238.24px;
  font-size: 15.42px;
  font-family: var(--font-roboto);
}
.div3,
.ork-stool {
  position: absolute;
  left: 15.42px;
  text-transform: capitalize;
}
.ork-stool {
  top: 178.1px;
  font-weight: 500;
}
.div3 {
  top: 202.77px;
  font-size: 13.88px;
  letter-spacing: 0.04em;
  line-height: 21.59px;
  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: 27.76px;
  left: 31.61px;
  width: 16.84px;
  height: 55.93px;
  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: 268.31px;
  left: 240.55px;
  border-radius: 12.34px;
  background-color: var(--color-lavender);
  width: 203.55px;
  height: 238.24px;
  font-size: 15.42px;
  font-family: var(--font-roboto);
}
.rectangle-icon {
  position: relative;
  width: 41.32px;
  height: 51.05px;
  object-fit: cover;
}
.rectangle-wrapper {
  border-radius: 13.44px;
  background-color: var(--color-gray-700);
  display: flex;
  flex-direction: column;
  padding: 5.880328178405762px 8.400467872619629px;
  align-items: flex-start;
  justify-content: flex-start;
}
.div4 {
  position: relative;
  font-size: 12.34px;
  letter-spacing: 0.04em;
  line-height: 21.59px;
  text-transform: capitalize;
  color: var(--color-darkgreen);
}
.floor-lamp-parent,
.frame-group,
.recently-viewed-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.17px;
}
.frame-group,
.recently-viewed-card {
  flex-direction: row;
  align-items: center;
  gap: 9.25px;
}
.recently-viewed-card {
  position: absolute;
  top: 558.98px;
  left: 18.5px;
  border-radius: 12.34px;
  background-color: var(--color-gray-700);
  width: 252.12px;
  height: 73.25px;
  padding: 6.168004512786865px 6.167975902557373px 4.270845890045166px;
  box-sizing: border-box;
  justify-content: flex-end;
  gap: 68px;
  font-size: 12.13px;
  color: var(--color-black);
}
.whatsapp-image-2023-06-17-at-1-icon {
  position: absolute;
  top: 15.87px;
  left: calc(50% - 83.94px);
  width: 167.77px;
  height: 62.87px;
  object-fit: cover;
}
.homescreen {
  position: absolute;
  top: 1751px;
  left: 715px;
  border-radius: 33.79px;
  background-color: var(--color-gray-200);
  box-shadow: 0 43.80353546142578px 62.58px 9.39px rgba(69, 62, 62, 0.26);
  width: 289px;
  height: 352px;
  overflow: hidden;
  font-size: 13.88px;
  color: var(--color-gray-400);
  font-family: var(--font-poppins);
}
.our-portfolio-presentation {
  top: 400.51px;
  left: calc(50% - 413px);
  font-size: 70.22px;
  font-weight: 600;
  font-family: var(--font-roboto);
  text-align: center;
}
.fabcon,
.our-portfolio-presentation,
.scroll-down {
  position: absolute;
  line-height: 96.56px;
}
.scroll-down {
  top: 590px;
  left: calc(50% - 53px);
  font-size: 20.22px;
  font-weight: 600;
  font-family: var(--font-roboto);
  text-align: center;
  cursor: pointer;
}
.fabcon {
  top: 1227px;
  left: 46px;
  font-family: var(--font-roboto-slab);
}
.elevate-your-interior {
  position: absolute;
  top: 1374px;
  left: 46px;
  font-size: 30.22px;
  line-height: 66.6px;
  font-weight: 600;
  color: var(--color-darkslategray-100);
  display: inline-block;
  width: 637px;
}
.vector-icon3,
.vector-icon4 {
  position: absolute;
  top: -1.5%;
  left: -9%;
  width: 301.63px;
  height: 286.79px;
}
.vector-icon4 {
  top: 698px;
  left: 1340px;
}
.logo-icon {
  position: absolute;
  top: 230px;
  left: calc(50% - 241px);
  width: 483px;
  height: 120.75px;
}
.vector-icon5,
.vector-icon6 {
  position: absolute;
  top: 2008.54px;
  /* left: 1.76px; */
  right: -4%;
  width: 172.24px;
  height: 402.19px;
}
.vector-icon6 {
  top: 8856.54px;
  left: -7%;
  width: 313.82px;
  height: 175.46px;
}
.english-faculties {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 96.56px;
  font-family: var(--font-roboto-slab);
}
.english-faculties-embark {
  position: absolute;
  top: 126px;
  left: 0;
  font-size: 30.22px;
  line-height: 66.6px;
  font-weight: 600;
  color: var(--color-darkslategray-100);
  display: inline-block;
  width: 637px;
}
.click-here1 {
  text-decoration: underline;
}
.click-here {
  color: var(--color-blue);
}
.want-to-know-container {
  position: absolute;
  top: 645px;
  left: 0;
  font-size: 23.22px;
  line-height: 66.6px;
  font-weight: 600;
}
.english-faculties-parent {
  position: absolute;
  top: 2505px;
  left: 694px;
  width: 654px;
  height: 712px;
  font-size: 79.22px;
}
.home-1-2,
.home-1-3,
.home-1-4,
.home-1-5 {
  position: absolute;
  top: 585.26px;
  left: 290.82px;
  border-radius: 12.83px;
  width: 253.96px;
  height: 549.91px;
  object-fit: cover;
}
.home-1-3,
.home-1-4,
.home-1-5 {
  top: 832.74px;
  left: 0;
}
.home-1-3,
.home-1-5 {
  top: 0;
  left: 290.67px;
}
.home-1-5 {
  top: 247.47px;
  left: 0;
}
.home-1-2-parent {
  position: absolute;
  top: 2226.51px;
  left: 74px;
  width: 544.78px;
  height: 1382.65px;
}
.want-to-know-container1 {
  position: absolute;
  top: 1810px;
  left: 46px;
  font-size: 23.22px;
  line-height: 66.6px;
  font-weight: 600;
}
.whatsapp-image-2023-06-06-at-1-icon {
  position: absolute;
  height: 0.51%;
  top: 31.55%;
  bottom: 67.94%;
  left: calc(50% - 242.96px);
  max-height: 100%;
  width: 45.81px;
  object-fit: cover;
}
.icon,
.icon1,
.icon2 {
  position: absolute;
  top: 4743px;
  left: 0;
  width: 1789px;
  height: 1560px;
  object-fit: cover;
}
.icon1,
.icon2 {
  top: 6162.52px;
  left: 753.7px;
  width: 607.78px;
  height: 432.51px;
}
.icon2 {
  left: 103.52px;
}
.vector-icon7 {
  position: absolute;
  top: 4668px;
  left: -7%;
  width: 190px;
  height: 180px;
}
.our-website-parent {
  position: absolute;
  top: 3919px;
  left: 74px;
  width: 637px;
  height: 712px;
}
.our-crm,
.premium-auto-source {
  position: absolute;
  top: 4914px;
  left: calc(50% - 447px);
  line-height: 96.56px;
  font-family: var(--font-roboto-slab);
}
.our-crm {
  top: 6895px;
  left: calc(50% - 196px);
}
.experience-optimal-performance,
.our-crm-web-container {
  position: absolute;
  top: 5028px;
  left: calc(50% - 609px);
  font-size: 30.22px;
  line-height: 57.6px;
  font-weight: 600;
  color: var(--color-darkslategray-100);
  text-align: center;
  display: inline-block;
  width: 1219px;
}
.our-crm-web-container {
  top: 7009px;
}
.want-to-know-container3,
.want-to-know-container4 {
  position: absolute;
  top: 5274px;
  left: calc(50% - 177px);
  font-size: 23.22px;
  line-height: 66.6px;
  font-weight: 600;
}
.want-to-know-container4 {
  top: 7255px;
}

.want-to-know-container4:hover {

}
.home-1-1 {
  position: absolute;
  top: -9.64px;
  left: -9.64px;
  width: 455.17px;
  height: 585.82px;
  object-fit: cover;
}
.service-page-1,
.web-devlopement-services-1 {
  position: absolute;
  top: 255.96px;
  left: 302.02px;
  width: 423.98px;
  height: 770.03px;
  object-fit: cover;
}
.service-page-1 {
  top: 595.46px;
  left: 27.84px;
  width: 395.21px;
  height: 446.61px;
}
.home-1-1-parent {
  position: absolute;
  top: 3642.75px;
  left: 714px;
  width: 679px;
  height: 1003.51px;
}
.vector-icon8 {
  position: absolute;
  top: 8177px;
  /* left: 1213px; */
  width: 457px;
  height: 425px;
  right: -13%;
}
.vector-icon9 {
  position: absolute;
  top: 8177px;
  left: 1213px;
  width: 457px;
  height: 425px;
}
.vector-icon9 {
  top: 6670.72px;
  left: -4%;
  width: 204.72px;
  height: 351.62px;
}
.desktop-1-child1 {
  position: absolute;
  top: 8944px;
  left: -24px;
  background-color: var(--white-white);
  width: 1473px;
  height: 193px;
}
.desktop-1-child2 {

  position: absolute;
  height: 7.2%;
  width: 0%;
  top: 1%;
  right: 17.85%;
  bottom: 91.8%;
  left: 17.79%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.04;
}
.desktop-1-child3,
.desktop-1-child4,
.desktop-1-child5 {
  position: absolute;
  height: 7.2%;
  width: 0%;
  top: 1%;
  right: 17.85%;
  bottom: 91.8%;
  left: 17.79%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  opacity: 0.04;
}
.desktop-1-child3,
.desktop-1-child4,
.desktop-1-child5 {
  top: 63.27%;
  bottom: 29.53%;
}
.desktop-1-child4,
.desktop-1-child5 {
  top: 75.44%;
  bottom: 17.36%;
}
.desktop-1-child5 {
  height: 4.95%;
  width: 44.23%;
  top: 85.26%;
  right: 27.92%;
  bottom: 9.79%;
  left: 27.86%;
}
.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: 3.0829803943634033px 1.7617031335830688px 4.4px
    rgba(215, 215, 215, 0.16);
  width: 96.01px;
  height: 484.03px;
}
.project-dashboard-inner {
  position: absolute;
  top: 41.23px;
  left: 0;
  border-radius: 0 5.29px 5.29px 0;
  background-color: var(--color-steelblue-100);
  width: 90.29px;
  height: 25.1px;
}
.vuesaxlinearchart-2-icon {
  position: relative;
  width: 9.81px;
  height: 9.81px;
}
.vuesaxlinearchart-2-icon1 {
  position: relative;
  width: 10.68px;
  height: 10.68px;
}
.vuesaxlinearchart-21 {
  filter: blur(11.99px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0.2;
  margin-top: -10px;
}
.vuesaxlinearchart-2-parent {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  padding: 0 0.000008597970008850098px 0 0.16683577001094818px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.projects-wrapper {
  padding: 4.796716690063477px;
  align-items: flex-start;
}
.frame-container,
.projects-wrapper,
.vuesaxlineardiagram1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.frame-container {
  position: absolute;
  top: 74.17px;
  left: 18.94px;
  align-items: center;
  gap: var(--gap-10xs-4);
  font-family: var(--font-rubik);
}
.vuesaxlineardiagram1 {
  filter: blur(11.99px);
  align-items: flex-start;
  opacity: 0.2;
  margin-top: -9px;
}
.vuesaxlineardiagram-parent {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  padding: 0 3.725290298461914e-7px 0 0;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-div {
  position: absolute;
  top: 103.58px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  font-family: var(--font-rubik);
}
.vuesaxlineargraph-parent {
  width: 10.63px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent1 {
  position: absolute;
  top: 133px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  font-family: var(--font-rubik);
}
.vuesaxlinearsetting-icon {
  position: relative;
  width: 11.57px;
  height: 11.57px;
}
.vuesaxlinearsetting-container,
.vuesaxlinearsetting-group,
.vuesaxlinearsetting-parent,
.vuesaxlinearsetting-parent1 {
  position: absolute;
  top: 162.41px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10xs-4);
  font-family: var(--font-rubik);
}
.vuesaxlinearsetting-container,
.vuesaxlinearsetting-group,
.vuesaxlinearsetting-parent1 {
  top: 191.82px;
}
.vuesaxlinearsetting-container,
.vuesaxlinearsetting-parent1 {
  top: 363.79px;
}
.vuesaxlinearsetting-parent1 {
  top: 401.67px;
}
.vuesaxboldelement-4 {
  width: 9.76px;
  height: 9.76px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.vuesaxboldelement-4-icon1 {
  position: relative;
  width: 9.05px;
  height: 9.05px;
}
.vuesaxboldelement-41 {
  filter: blur(11.99px);
  width: 9.01px;
  height: 9.01px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0.2;
  margin-top: -9px;
}
.vuesaxboldelement-4-parent {
  width: 9.76px;
  height: 9.76px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.40676623582839966px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.dashboard {
  position: relative;
  font-weight: 600;
}
.frame-parent2 {
  position: absolute;
  top: 44.76px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  color: var(--white-white);
  font-family: var(--font-rubik);
}
.logo-icon1 {
  position: absolute;
  top: 8.86px;
  left: 11.32px;
  width: 73.2px;
  height: 18.62px;
}
.project-dashboard-child1 {
  position: absolute;
  top: 0;
  left: 96.01px;
  background-color: var(--white-white);
  box-shadow: 2.642554759979248px 3.5234062671661377px 12.33px
    rgba(216, 216, 216, 0.16);
  width: 538.2px;
  height: 36.11px;
}
.project-dashboard-child2 {
  position: absolute;
  top: 11.09px;
  left: 579.46px;
  width: 19.47px;
  height: 19.47px;
}
.hi-ezaquel,
.text {
  position: absolute;
  top: 13.65px;
  left: 534.68px;
  font-size: 7.05px;
  font-weight: 600;
}
.text {
  top: 21.14px;
  left: 550.53px;
}
.project-dashboard-child3 {
  position: absolute;
  top: 61.84px;
  left: -2.06px;
  border-radius: 27.75px;
  width: 59.24px;
  height: 282.31px;
}
.icons-arrow-chevron-down {
  position: absolute;
  top: 15.6px;
  left: 601.51px;
  width: 10.62px;
  height: 10.62px;
}
.division-line-icon,
.division-line-icon1 {
  position: absolute;
  top: 314.02px;
  width: 0.44px;
  height: 423.25px;
  display: none;
}
.division-line-icon {
  right: 419.83px;
}
.division-line-icon1 {
  left: 107.46px;
}
.division-line-icon2,
.division-line-icon3 {
  position: absolute;
  top: 293.32px;
  width: 0.44px;
  height: 20.7px;
  display: none;
}
.division-line-icon2 {
  right: 419.83px;
}
.division-line-icon3 {
  left: 107.46px;
}
.division-line-icon4,
.division-line-icon5 {
  position: absolute;
  top: 314.02px;
  width: 0.44px;
  height: 423.25px;
  display: none;
}
.division-line-icon4 {
  right: 180.8px;
}
.division-line-icon5 {
  left: 346.05px;
}
.division-line-icon6,
.division-line-icon7 {
  position: absolute;
  top: 293.32px;
  width: 0.44px;
  height: 20.7px;
  display: none;
}
.division-line-icon6 {
  right: 180.8px;
}
.division-line-icon7 {
  left: 346.05px;
}
.division-line-icon8,
.division-line-icon9 {
  position: absolute;
  top: 314.02px;
  width: 0.44px;
  height: 423.25px;
  display: none;
}
.division-line-icon8 {
  right: 300.2px;
}
.division-line-icon9 {
  left: 226.22px;
}
.division-line-icon10,
.division-line-icon11 {
  position: absolute;
  top: 293.32px;
  width: 0.44px;
  height: 20.7px;
  display: none;
}
.division-line-icon10 {
  right: 300.2px;
}
.division-line-icon11 {
  left: 226.22px;
}
.division-line-icon12,
.division-line-icon13 {
  position: absolute;
  top: 314.02px;
  width: 0.44px;
  height: 423.25px;
  display: none;
}
.division-line-icon12 {
  right: 61.33px;
}
.division-line-icon13 {
  left: 465.53px;
}
.division-line-icon14,
.division-line-icon15 {
  position: absolute;
  top: 293.32px;
  width: 0.44px;
  height: 20.7px;
  display: none;
}
.division-line-icon14 {
  right: 61.33px;
}
.division-line-icon15 {
  left: 465.53px;
}
.sun-d-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.button {
  border-radius: 3.72px;
  width: 13.02px;
  height: 13.02px;
  display: flex;
  padding: 1.8604536056518555px;
  box-sizing: border-box;
  justify-content: center;
}
.button,
.button3,
.icon-button {
  flex-direction: row;
  align-items: center;
}
.button3 {
  border-radius: 3.72px;
  width: 13.02px;
  height: 13.02px;
  display: none;
  padding: 1.8604536056518555px;
  box-sizing: border-box;
  justify-content: center;
}
.icon-button {
  position: absolute;
  top: calc(50% - 212.79px);
  right: 138.58px;
  display: flex;
  justify-content: flex-end;
  gap: 9.69px;
}
.search-s-icon {
  position: relative;
  width: 7.48px;
  height: 7.48px;
  z-index: 0;
}
.text1 {
  position: relative;
  line-height: 9.3px;
  z-index: 1;
}
.button4 {
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 5.19px);
  right: 1.43px;
  border-radius: 3.72px;
  width: 11.16px;
  height: 11.16px;
  display: none;
  flex-direction: row;
  padding: 1.8604536056518555px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.c {
  position: relative;
  line-height: 8.37px;
}
.search,
.shortcut {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shortcut {
  margin: 0 !important;
  top: calc(50% - 3.79px);
  right: 4.22px;
  height: 8.37px;
  justify-content: flex-end;
  z-index: 3;
  font-size: 5.58px;
}
.search {
  top: calc(50% - 213.16px);
  left: calc(50% - 78.19px);
  border-radius: 3.72px;
  background-color: var(--black-5);
  width: 140.5px;
  height: 13.21px;
  padding: 1.8604536056518555px 2.790680408477783px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 1.86px;
  font-size: 6.51px;
  color: var(--black-20);
}
.text2 {
  position: relative;
  line-height: 20px;
}
.button7 {
  border-radius: 3.72px;
  height: 13.02px;
  display: flex;
  flex-direction: row;
  padding: 1.8604536056518555px 3.720907211303711px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.div5 {
  position: relative;
  line-height: 20px;
  color: var(--black-20);
  text-align: left;
}
.breadcrumb,
.button8,
.icon-breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button8 {
  border-radius: 3.72px;
  height: 13.02px;
  padding: 1.8604536056518555px 3.720907211303711px;
  box-sizing: border-box;
  justify-content: center;
  color: var(--black-100);
}
.breadcrumb,
.icon-breadcrumb {
  justify-content: flex-start;
}
.breadcrumb {
  height: 13.02px;
  gap: 1.86px;
}
.icon-breadcrumb {
  position: absolute;
  top: calc(50% - 212.79px);
  left: 107.46px;
  gap: 3.72px;
  text-align: center;
  font-size: var(--regular-size);
}
.carbondrone-icon {
  position: absolute;
  top: 260.79px;
  left: 11.19px;
  width: 76.11px;
  height: 76.11px;
  overflow: hidden;
  opacity: 0.06;
}
.projects-dashboards,
.text4 {
  position: absolute;
  font-weight: 600;
}
.projects-dashboards {
  top: 43.16px;
  left: 107.46px;
  font-size: 12.43px;
}
.text4 {
  top: calc(50% + 82.71px);
  left: 119.92px;
  font-size: 12.46px;
  color: var(--white-white);
}
.project-dashboard-child4 {
  position: absolute;
  top: 303.45px;
  left: 106.58px;
  border-radius: 8.34px;
  background-color: var(--white-white);
  box-shadow: 0 2.7794201374053955px 7.64px rgba(0, 0, 0, 0.06);
  border: 0.9px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 379.65px;
  height: 123.32px;
}
.d08-icon {
  position: relative;
  border-radius: 352.34px;
  width: 10.57px;
  height: 10.57px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.byewind,
.emailgmailcom {
  align-self: stretch;
  position: relative;
  line-height: 8.81px;
}
.emailgmailcom {
  font-size: 5.29px;
  line-height: 7.93px;
  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: 272.62px;
  left: 512.22px;
  border-radius: 3.52px;
  width: 105.7px;
  display: none;
  flex-direction: row;
  padding: 1.7617031335830688px;
  gap: 3.52px;
  font-size: 6.17px;
  color: var(--black-100);
}
.avatar-name-text,
.button9,
.project-dashboard-child5 {
  position: absolute;
  box-sizing: border-box;
}
.button9 {
  top: 183.66px;
  right: 28.6px;
  border-radius: 3.52px;
  width: 12.33px;
  height: 12.33px;
  display: none;
  flex-direction: row;
  padding: 1.7617031335830688px;
  align-items: center;
  justify-content: center;
}
.project-dashboard-child5 {
  top: 229.68px;
  left: 519.04px;
  border-right: 0.4px solid var(--black-10);
  width: 0.44px;
  height: 6.61px;
}
.project-dashboard-child6 {
  top: 264.48px;
  display: none;
}
.project-dashboard-child6,
.project-dashboard-child7,
.project-dashboard-child8 {
  position: absolute;
  left: 519.04px;
  border-right: 0.4px solid var(--black-10);
  box-sizing: border-box;
  width: 0.44px;
  height: 6.61px;
}
.project-dashboard-child7 {
  top: 288.26px;
  display: none;
}
.project-dashboard-child8 {
  top: 279.45px;
}
.model-answer,
.monthly-tasks {
  position: absolute;
  top: 310.37px;
  left: 115.77px;
  font-size: 9.69px;
  line-height: 13.84px;
  font-weight: 600;
  color: var(--black-100);
}
.model-answer {
  top: 4.15px;
  left: 49.83px;
  font-size: 8.31px;
  color: var(--gray-800);
  text-align: left;
}
.badge1 {
  position: relative;
  line-height: 12px;
  font-weight: 800;
}
.badge,
.badge2 {
  position: absolute;
  border-radius: 11.07px;
  display: flex;
  flex-direction: row;
  padding: 3.4604880809783936px 5.536780834197998px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.badge {
  top: 3.81px;
  left: -0.35px;
  background-color: var(--white-white);
  border: 0.7px solid var(--gray-50);
  width: 31.84px;
  height: 14.53px;
}
.badge2 {
  top: 4.15px;
  left: 131.5px;
  background-color: rgba(194, 225, 3, 0.1);
  width: 31.14px;
  height: 13.84px;
  color: #c2e103;
}
.avatar-icon {
  border-radius: 16.61px;
  width: 22.25px;
  height: 22.25px;
  object-fit: cover;
}
.avatar-icon1,
.avatar-icon3 {
  border-radius: 16.61px;
  object-fit: cover;
  margin-left: -5.54px;
}
.avatar-icon1 {
  width: 22.15px;
  height: 22.15px;
  display: none;
}
.avatar-icon3 {
  width: 22.25px;
  height: 22.25px;
}
.div6 {
  position: relative;
  line-height: 11.07px;
  font-weight: 800;
}
.other {
  border-radius: 16.61px;
  background-color: var(--gray-30);
  width: 22.15px;
  height: 22.15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -5.54px;
}
.icon3 {
  position: relative;
  width: 11.13px;
  height: 11.13px;
  overflow: hidden;
  flex-shrink: 0;
}
.add-button,
.avatar-group {
  display: flex;
  flex-direction: row;
}
.add-button {
  border-radius: 33.22px;
  background-color: var(--white-white);
  border: 1.4px dashed var(--gray-50);
  padding: 5.536780834197998px;
  align-items: center;
  justify-content: center;
}
.avatar-group {
  position: absolute;
  top: 0;
  left: 195.17px;
  border-radius: 16.61px;
  width: 116.27px;
  height: 22.15px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5.54px;
  font-size: 6.92px;
}
.file-present-icon {
  position: relative;
  width: 13.91px;
  height: 13.91px;
  overflow: hidden;
  flex-shrink: 0;
}
.file,
.icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5.54px;
}
.icons {
  position: absolute;
  top: 4.15px;
  left: 301.75px;
  width: 53.98px;
  height: 13.84px;
  align-items: flex-start;
  text-align: left;
  font-size: 6.92px;
  color: var(--gray-300);
}
.model-answer-parent {
  position: absolute;
  top: 350.52px;
  left: 118.54px;
  width: 355.74px;
  height: 22.15px;
  text-align: center;
  font-size: var(--extra-bold-8-size);
  color: var(--gray-500);
}
.badge6 {
  position: absolute;
  top: 4.15px;
  left: 131.5px;
  border-radius: 11.07px;
  background-color: rgba(51, 168, 234, 0.1);
  width: 31.14px;
  height: 13.84px;
  display: flex;
  flex-direction: row;
  padding: 3.4604880809783936px 5.536780834197998px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  color: #33a8ea;
}
.model-answer-group {
  position: absolute;
  top: 383.05px;
  left: 118.54px;
  width: 355.74px;
  height: 22.15px;
  text-align: center;
  font-size: var(--extra-bold-8-size);
  color: var(--gray-500);
}
.project-dashboard-child9 {
  position: absolute;
  top: 346.02px;
  left: 118.19px;
  border-top: 0.7px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  width: 356.43px;
  height: 0.69px;
}
.project-dashboard-child10 {
  position: absolute;
  top: 326.98px;
  left: 113.69px;
  border-radius: 8.31px 8.31px 0 0;
  background-color: #1f81b9;
  width: 366.12px;
  height: 19.38px;
}
.attachments,
.id,
.memebers,
.status,
.task-name {
  position: absolute;
  top: 333.21px;
  left: 127.53px;
  font-size: 8.31px;
  line-height: 8.31px;
  font-weight: 500;
  color: var(--white-white);
  text-align: center;
}
.attachments,
.memebers,
.status,
.task-name {
  left: 173.21px;
}
.attachments,
.memebers,
.status {
  left: 250.73px;
}
.attachments,
.memebers {
  left: 314.4px;
}
.attachments {
  left: 423.75px;
}
.project-dashboard-child11,
.project-dashboard-child12 {
  position: absolute;
  top: 409px;
  left: 118.19px;
  border-top: 0.7px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  width: 356.43px;
  height: 0.69px;
}
.project-dashboard-child12 {
  top: 376.47px;
}
.frame-child4 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4.98px;
  background-color: var(--white-white);
  box-shadow: 0 1.7617031335830688px 3.96px rgba(0, 0, 0, 0.16);
  border: 0.6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 163.84px;
  height: 108.79px;
}
.frame-child5,
.messages {
  position: absolute;
  left: 4.15px;
}
.messages {
  top: 4.09px;
  font-size: 5.81px;
  line-height: 8.3px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--black-100);
}
.frame-child5 {
  top: 16.95px;
  border-radius: 2.49px;
  background-color: #f9f9f9;
  width: 153.47px;
  height: 11.61px;
}
.search-course {
  position: absolute;
  top: 19.85px;
  left: 8.3px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  width: 22.74px;
  height: 6.82px;
}
.search-normal-icon {
  position: absolute;
  top: 49.15px;
  left: 145.33px;
  width: 5.71px;
  height: 5.71px;
  overflow: hidden;
}
.photo-icon {
  position: relative;
  border-radius: 50%;
  width: 13.64px;
  height: 13.64px;
  object-fit: cover;
}
.title,
.your-job-as {
  position: relative;
  display: flex;
  align-items: center;
  height: 5.68px;
  flex-shrink: 0;
}
.title {
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  width: 28.42px;
}
.your-job-as {
  font-size: 3.41px;
  letter-spacing: -0.01em;
  color: var(--secondary-300);
  text-align: right;
  width: 13.07px;
}
.name {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 82.54px;
}
.done-all-icon,
.your-job-as1 {
  position: relative;
  flex-shrink: 0;
}
.your-job-as1 {
  letter-spacing: -0.01em;
  display: inline-block;
  width: 55.7px;
}
.done-all-icon {
  width: 5.14px;
  height: 5.14px;
  overflow: hidden;
}
.message-11,
.message2,
.message3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.message3 {
  flex-direction: row;
  gap: 63.88px;
  font-size: 3.41px;
}
.message-11,
.message2 {
  flex-direction: column;
  gap: 2.27px;
}
.message-11 {
  flex-direction: row;
  align-items: center;
  gap: 3.73px;
}
.frame-child6,
.message-1 {
  position: absolute;
  box-sizing: border-box;
}
.message-1 {
  top: 36.44px;
  left: 4.15px;
  border-radius: 2.84px;
  background-color: #fafafa;
  width: 153.44px;
  height: 19.33px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 2.8419976234436035px 5.683995246887207px;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 3.98px;
  color: var(--secondary-500);
}
.frame-child6 {
  top: 60.36px;
  left: 9.81px;
  border-top: 0.3px solid var(--color-whitesmoke-100);
  width: 147.95px;
  height: 0.28px;
}
.photo-icon1 {
  position: absolute;
  top: 67.78px;
  left: 9.48px;
  border-radius: 50%;
  width: 13.64px;
  height: 13.64px;
  object-fit: cover;
}
.title1 {
  position: absolute;
  top: 67.99px;
  left: 26.88px;
  font-size: 3.98px;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  color: var(--secondary-500);
  display: flex;
  align-items: center;
  width: 21.6px;
  height: 5.68px;
}
.your-job-as2,
.your-job-as3 {
  position: absolute;
  letter-spacing: -0.01em;
}
.your-job-as2 {
  top: calc(50% + 33.47px);
  left: calc(50% + 56.62px);
  text-align: right;
  display: flex;
  align-items: center;
  width: 13.07px;
  height: 5.68px;
}
.your-job-as3 {
  top: 75.95px;
  left: 26.88px;
  display: inline-block;
  width: 55.7px;
}
.frame-child7 {
  position: absolute;
  top: 88.56px;
  left: 9.81px;
  border-top: 0.3px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  width: 147.53px;
  height: 0.28px;
}
.mask-group-icon {
  position: absolute;
  top: 90.73px;
  left: -0.51px;
  width: 163.92px;
  height: 19.12px;
  object-fit: cover;
}
.title2 {
  position: absolute;
  top: 96.04px;
  left: 26.88px;
  font-size: 3.98px;
  letter-spacing: -0.02em;
  line-height: 150%;
  font-weight: 600;
  color: var(--secondary-500);
  display: flex;
  align-items: center;
  width: 30.69px;
  height: 5.68px;
}
.frame-child8 {
  position: absolute;
  top: 126.14px;
  left: 9.69px;
  border-top: 0.3px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  width: 88.95px;
  height: 0.28px;
}
.rectangle-parent {
  position: absolute;
  top: 183.22px;
  left: 459.8px;
  width: 163.84px;
  height: 126.28px;
  font-size: 3.41px;
  color: var(--secondary-300);
  font-family: var(--font-plus-jakarta-sans);
}
.frame-child9 {
  position: relative;
  border-radius: 5.29px;
  width: 133.44px;
  height: 110.2px;
}
.avatar-icon8 {
  border-radius: 10.57px;
  width: 14.16px;
  height: 14.16px;
  object-fit: cover;
}
.avatar-icon11,
.avatar-icon9 {
  border-radius: 10.57px;
  object-fit: cover;
  margin-left: -3.52px;
}
.avatar-icon9 {
  width: 14.09px;
  height: 14.09px;
  display: none;
}
.avatar-icon11 {
  width: 14.16px;
  height: 14.16px;
}
.div12 {
  position: relative;
  line-height: 7.05px;
  font-weight: 800;
}
.other2 {
  border-radius: 10.57px;
  background-color: var(--gray-30);
  width: 14.09px;
  height: 14.09px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -3.52px;
}
.icon5 {
  position: relative;
  width: 7.08px;
  height: 7.08px;
  overflow: hidden;
  flex-shrink: 0;
}
.add-button2 {
  border-radius: 21.14px;
  background-color: var(--white-white);
  border: 0.9px dashed var(--gray-50);
  display: flex;
  flex-direction: row;
  padding: 3.5234062671661377px;
  align-items: center;
  justify-content: center;
}
.avatar-group2,
.progress-parent {
  position: absolute;
  left: 0.44px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.avatar-group2 {
  top: 22.02px;
  border-radius: 10.57px;
  align-items: flex-start;
  gap: 3.52px;
  text-align: center;
  font-size: var(--font-size-8xs-4);
  color: var(--gray-500);
}
.progress-parent {
  top: 43.16px;
  width: 111.13px;
  height: 9px;
  padding: 0 0 0 4.440892098500626e-16px;
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap-45xl);
}
.frame-child10,
.frame-child11 {
  position: absolute;
  top: 2.72px;
  left: 109.16px;
  width: 1.81px;
  height: 10.58px;
}
.frame-child11 {
  top: 0;
  left: 0;
  border-radius: 2.64px;
  background-color: var(--color-cornflowerblue);
  width: 14.97px;
  height: 14.97px;
}
.icons-save {
  position: absolute;
  height: 70.92%;
  width: 9.57%;
  top: 14.77%;
  right: 88.5%;
  bottom: 14.31%;
  left: 1.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.lorem-ipsum {
  position: absolute;
  top: 3.08px;
  left: 20.26px;
  font-weight: 600;
}
.frame-child12,
.frame-child13,
.group-parent {
  position: absolute;
  top: 0;
  left: 0.44px;
  width: 110.99px;
  height: 14.97px;
}
.frame-child12,
.frame-child13 {
  top: 55.94px;
  left: 0.16px;
  height: 3.16px;
}
.frame-child13 {
  top: 0.01px;
  left: -0.09px;
  border-radius: 2.64px;
  width: 64.38px;
  height: 22.3px;
}
.icons-timer {
  position: absolute;
  top: 4.43px;
  left: 5.2px;
  width: 13.27px;
  height: 13.27px;
}
.days-left {
  position: absolute;
  top: 7.05px;
  left: 23.78px;
  font-weight: 600;
}
.file-present-icon2 {
  position: relative;
  width: 8.85px;
  height: 8.85px;
  overflow: hidden;
  flex-shrink: 0;
}
.file2,
.icons2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.52px;
}
.icons2 {
  position: absolute;
  top: 6.61px;
  left: 77.07px;
  align-items: flex-start;
  font-size: var(--font-size-8xs-4);
  color: var(--gray-300);
}
.vector-group {
  position: absolute;
  top: 65.62px;
  left: 0;
  width: 112.26px;
  height: 22.02px;
  font-size: 6.17px;
}
.avatar-group-parent {
  position: relative;
  width: 112.26px;
  height: 87.64px;
  margin-top: -94px;
}
.vector-parent {
  position: absolute;
  top: 69.59px;
  left: 107.46px;
  width: 125.08px;
  height: 101.74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  font-size: 7.05px;
}
.progress-group {
  top: 43.16px;
  left: 0.44px;
  width: 111.13px;
  height: 9px;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-45xl);
}
.progress-container,
.progress-group,
.vector-container {
  position: absolute;
  display: flex;
  align-items: center;
}
.vector-container {
  top: 69.59px;
  left: 237.83px;
  width: 125.08px;
  height: 101.74px;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 7.05px;
}
.progress-container {
  top: 43.16px;
  left: 0.44px;
  width: 111.13px;
  height: 9px;
  flex-direction: row;
  padding: 0 0.00005340576171875px 0 0.00005609351137536578px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: var(--gap-45xl);
}
.frame-child22,
.vector-parent2 {
  position: absolute;
  top: 55.94px;
  left: 0.17px;
  width: 110.99px;
  height: 3.16px;
}
.vector-parent2 {
  top: 69.59px;
  left: 368.2px;
  width: 125.08px;
  height: 101.74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  font-size: 7.05px;
}
.frame-child24 {
  position: absolute;
  top: -2.18px;
  left: -4.42px;
  border-radius: 5.29px;
  width: 133.44px;
  height: 110.2px;
}
.see-all {
  position: absolute;
  top: 10.13px;
  left: 100.86px;
  font-size: 5.29px;
  text-align: right;
}
.frame-child25 {
  position: absolute;
  top: 7.05px;
  left: 7.05px;
  border-radius: 2.64px;
  background-color: var(--color-cornflowerblue);
  width: 14.97px;
  height: 14.97px;
}
.icons-save3 {
  position: absolute;
  height: 10.44%;
  width: 8.49%;
  top: 9.13%;
  right: 84.19%;
  bottom: 80.43%;
  left: 7.32%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.lorem-ipsum3 {
  position: absolute;
  top: 10.13px;
  left: 27.31px;
  font-size: 7.05px;
  font-weight: 600;
}
.frame-child26,
.frame-child27 {
  position: absolute;
  border-radius: 50%;
}
.frame-child26 {
  top: 28.63px;
  left: 59.46px;
  background-color: #ebf4ff;
  box-shadow: 0 3.44262957572937px 20.66px rgba(226, 236, 249, 0.5);
  width: 61.22px;
  height: 61.22px;
}
.frame-child27 {
  top: 36.56px;
  left: 67.39px;
  border: 6.9px solid #e4e4e4;
  box-sizing: border-box;
  width: 45.36px;
  height: 45.36px;
}
.frame-child28,
.frame-child29 {
  position: absolute;
  left: 66.06px;
  border-radius: 50%;
  width: 48.01px;
}
.frame-child28 {
  top: 35.23px;
  background: linear-gradient(107.91deg, #4bbeff, #4623e9);
  height: 48.01px;
}
.frame-child29 {
  top: 33.03px;
  background: linear-gradient(201.18deg, #fb0d0e, #cdf4ff);
  height: 48.45px;
}
.span {
  line-height: 5.29px;
}
.completed1 {
  margin: 0;
  font-size: 4.09px;
  line-height: 7.05px;
}
.completed {
  position: absolute;
  top: 49.77px;
  left: 78.4px;
  letter-spacing: -0.01em;
  text-align: center;
  font-size: 8.18px;
  font-family: var(--font-poppins);
}
.icons-layers {
  position: relative;
  width: 10.62px;
  height: 10.62px;
}
.icons-bulb-parent,
.icons-layers-parent,
.icons-layout-parent {
  position: absolute;
  top: 38.32px;
  left: 7.05px;
  width: 50.21px;
  height: 10.57px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}
.icons-bulb-parent,
.icons-layout-parent {
  top: 54.17px;
  width: 50.65px;
  gap: var(--gap-10xs);
}
.icons-bulb-parent {
  top: 70.03px;
  width: 33.21px;
  gap: var(--gap-11xs);
}
.vector-parent4 {
  position: absolute;
  top: 69.59px;
  left: 498.56px;
  width: 125.08px;
  height: 101.74px;
  font-size: var(--font-size-8xs-4);
}
.image-1-icon,
.image-2-icon,
.image-3-icon {
  position: absolute;
  top: 180.8px;
  left: 101.6px;
  border-radius: 6.03px;
  width: 206.99px;
  height: 119px;
  object-fit: cover;
}
.image-1-icon,
.image-3-icon {
  top: 181.41px;
  left: 306.49px;
  border-radius: 6.89px;
  width: 150.98px;
  height: 119.97px;
}
.image-1-icon {
  top: 303.06px;
  left: 487.78px;
  border-radius: 5.52px;
  width: 138.55px;
  height: 132.6px;
}
.badge10 {
  position: absolute;
  top: 4.15px;
  left: 131.5px;
  border-radius: 11.07px;
  background-color: rgba(255, 31, 0, 0.1);
  width: 31.14px;
  height: 13.84px;
  display: flex;
  flex-direction: row;
  padding: 3.4604880809783936px 5.536780834197998px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  color: #ff1f00;
}
.avatar-icon20,
.avatar-icon23 {
  border-radius: 16.61px;
  width: 22.25px;
  height: 22.15px;
  object-fit: cover;
}
.avatar-icon23 {
  margin-left: -5.54px;
}
.mask-group,
.model-answer-container {
  position: absolute;
  top: 113.44px;
  left: 11.95px;
  width: 355.74px;
  height: 22.15px;
}
.mask-group {
  top: 302.13px;
  left: 106.58px;
  width: 379.65px;
  height: 123.32px;
  text-align: center;
  font-size: var(--extra-bold-8-size);
  color: var(--gray-500);
}
.project-dashboard {
  position: absolute;
  /* top: 32.44px;
  left: 118.94px; */

  top: 128.44px;
  left: 84.94px;
  border-radius: var(--br-base);
  background-color: var(--white-white);
  border: 6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 646.21px;
  height: 449.78px;
  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: 3.0829803943634033px 1.7617031335830688px 4.4px
    rgba(215, 215, 215, 0.16);
  width: 96.01px;
  height: 516.62px;
}
.vuesaxlinearchart-2-group {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent3 {
  position: absolute;
  top: 74.17px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  font-size: var(--font-size-5xs-2);
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.vuesaxlineardiagram-group {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  padding: 0 3.2782554626464844e-7px 0 0.16696801781654358px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent4,
.frame-parent5,
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3,
.vuesaxlinearsetting-parent4 {
  position: absolute;
  top: 103.58px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  font-size: var(--font-size-5xs-2);
  color: var(--color-black);
  font-family: var(--font-rubik);
}
.frame-parent5,
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3,
.vuesaxlinearsetting-parent4 {
  top: 133px;
}
.vuesaxlinearsetting-parent2,
.vuesaxlinearsetting-parent3,
.vuesaxlinearsetting-parent4 {
  top: 162.41px;
  justify-content: center;
}
.vuesaxlinearsetting-parent3,
.vuesaxlinearsetting-parent4 {
  top: 191.82px;
}
.vuesaxlinearsetting-parent4 {
  top: 418.4px;
}
.vuesaxlinearsetting-icon7 {
  position: relative;
  width: 11.51px;
  height: 11.51px;
}
.vuesaxlinearsetting-parent5 {
  position: absolute;
  top: 456.28px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10xs-4);
  font-size: var(--font-size-5xs-2);
  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: 48.86px;
  left: 18.94px;
  width: 9.76px;
  height: 9.76px;
  flex-direction: column;
  align-items: center;
}
.dashboard-container {
  top: 44.76px;
  left: 31.1px;
  flex-direction: row;
  padding: 4.796716690063477px;
  align-items: flex-start;
  font-size: var(--font-size-5xs-2);
  color: var(--white-white);
  font-family: var(--font-rubik);
}
.hi-ezaquel1 {
  top: 13.65px;
  left: 534.68px;
  font-weight: 600;
}
.hi-ezaquel1,
.icon-breadcrumb1,
.text5 {
  position: absolute;
  color: var(--color-black);
}
.text5 {
  top: 21.14px;
  left: 550.53px;
  font-weight: 600;
}
.icon-breadcrumb1 {
  top: calc(50% - 212.79px);
  left: 107.46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.72px;
  text-align: center;
  font-size: var(--regular-size);
}
.carbondrone-icon1 {
  position: absolute;
  top: 330.82px;
  left: 10.86px;
  width: 76.11px;
  height: 76.11px;
  overflow: hidden;
  opacity: 0.06;
}
.project-details1 {
  position: absolute;
  top: 50.65px;
  left: 107.46px;
  font-size: 11.45px;
  font-weight: 600;
  color: var(--color-darkslategray-200);
}
.project-details-child4 {
  position: absolute;
  top: 108.87px;
  left: 106.85px;
  width: 515.37px;
  height: 23.98px;
}
.text10,
.text11,
.text12,
.text13,
.text14,
.text15,
.text16,
.text9 {
  position: absolute;
  top: calc(50% - 111.7px);
  left: 115.39px;
  font-size: 7.93px;
  font-weight: 600;
  color: var(--white-white);
}
.text10,
.text11,
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 177.49px;
}
.text11,
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 253.69px;
}
.text12,
.text13,
.text14,
.text15,
.text16 {
  left: 390.66px;
}
.text13,
.text14,
.text15,
.text16 {
  left: 458.04px;
}
.text14,
.text15,
.text16 {
  left: 325.03px;
}
.text15,
.text16 {
  left: 586.21px;
}
.text16 {
  left: 523.67px;
}
.text17,
.text18,
.text19,
.text20,
.text21 {
  position: absolute;
  top: calc(50% - 3.96px);
  left: 0;
  font-weight: 600;
}
.text18,
.text19,
.text20,
.text21 {
  left: 62.1px;
}
.text19,
.text20,
.text21 {
  left: 138.29px;
}
.text20,
.text21 {
  left: 275.27px;
}
.text21 {
  left: 342.65px;
}
.frame-child30 {
  position: absolute;
  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%;
}
.frame-child31 {
  position: absolute;
  top: 3.16px;
  left: 484.85px;
  width: 1.81px;
  height: 10.58px;
}
.ellipse {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-darkorange);
  width: 3.75px;
  height: 3.67px;
}
.ellipse-parent1,
.in-progress {
  display: flex;
  align-items: center;
}
.in-progress {
  position: relative;
  line-height: 140%;
  width: 30.13px;
  flex-shrink: 0;
}
.ellipse-parent1 {
  position: absolute;
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  flex-direction: row;
  padding: 0 0 0 0.000037994082958903164px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-darkorange);
}
.ellipse-parent2,
.text-parent {
  position: absolute;
  top: 135.21px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent2 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.00004409810935612768px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-darkorange);
}
.ellipse-parent3,
.text-group {
  position: absolute;
  top: 368.64px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent3 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0.00008296966552734375px 0 0.0000838887644931674px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-darkorange);
}
.frame-child36,
.text-container {
  position: absolute;
  top: 205.24px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.frame-child36 {
  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-parent4,
.frame-child37 {
  position: absolute;
  top: 0.88px;
  left: 484.91px;
  width: 1.76px;
  height: 10.57px;
}
.ellipse-parent4 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-darkorange);
}
.ellipse-parent5,
.text-parent1 {
  position: absolute;
  top: 438.66px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent5 {
  top: 2.64px;
  left: 408.28px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0.00000476837158203125px 0 0.000006035471415088978px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-darkorange);
}
.text-parent2 {
  position: absolute;
  top: 321.95px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse5 {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-limegreen);
  width: 3.75px;
  height: 3.67px;
}
.ellipse-parent6 {
  position: absolute;
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.0000535509898327291px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-limegreen);
}
.ellipse-parent7,
.text-parent3 {
  position: absolute;
  top: 158.55px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent7 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.00005584736936725676px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-limegreen);
}
.ellipse-parent8,
.text-parent4 {
  position: absolute;
  top: 391.98px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent8 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-limegreen);
}
.ellipse-parent9,
.text-parent5 {
  position: absolute;
  top: 275.27px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent9 {
  top: 2.64px;
  left: 408.27px;
  width: 38.22px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0.0001010894775390625px 0 0.00010242623829981312px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-limegreen);
}
.frame-child48,
.text-parent6 {
  position: absolute;
  top: 228.58px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.frame-child48 {
  height: 100%;
  width: 7.87%;
  top: 0;
  right: 49.05%;
  bottom: 0;
  left: 43.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.text-parent7,
.text-parent8 {
  position: absolute;
  top: 462.01px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.text-parent8 {
  top: 345.29px;
}
.ellipse11 {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-crimson);
  width: 3.75px;
  height: 3.67px;
}
.on-hold {
  position: relative;
  line-height: 140%;
}
.ellipse-parent12 {
  position: absolute;
  top: 2.64px;
  left: 408.27px;
  width: 29.09px;
  height: 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-crimson);
}
.text-parent9 {
  position: absolute;
  top: 181.9px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.ellipse-parent13 {
  position: absolute;
  top: 2.64px;
  left: 408.27px;
  width: 29.09px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.00006759662937838584px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-crimson);
}
.text-parent10,
.text-parent11 {
  position: absolute;
  top: 415.32px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.text-parent11 {
  top: 298.61px;
}
.ellipse-parent15 {
  position: absolute;
  top: 2.64px;
  left: 408.27px;
  width: 29.09px;
  height: 7px;
  display: flex;
  flex-direction: row;
  padding: 0 0.000110626220703125px 0 0.00011148821067763492px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 5.29px;
  color: var(--color-crimson);
}
.text-parent12 {
  position: absolute;
  top: 251.92px;
  left: 115.39px;
  width: 486.67px;
  height: 12.33px;
}
.division-line-icon32 {
  position: absolute;
  width: calc(100% - 130.91px);
  right: 24.17px;
  bottom: 293.59px;
  left: 106.74px;
  max-width: 100%;
  overflow: hidden;
  height: 2.86px;
}
.division-line-icon33,
.division-line-icon34,
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  position: absolute;
  width: calc(100% - 130.91px);
  right: 25.27px;
  bottom: 60.17px;
  left: 105.64px;
  max-width: 100%;
  overflow: hidden;
  height: 2.86px;
}
.division-line-icon34,
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  right: 24.72px;
  bottom: 176.88px;
  left: 106.19px;
}
.division-line-icon35,
.division-line-icon36,
.division-line-icon37 {
  right: 24.5px;
  bottom: 223.56px;
  left: 106.41px;
}
.division-line-icon36,
.division-line-icon37 {
  right: 23.45px;
  bottom: -6.94px;
  left: 107.46px;
  height: 0.44px;
}
.division-line-icon37 {
  right: 25.05px;
  bottom: 106.85px;
  left: 105.86px;
  height: 2.86px;
}
.division-line-icon38,
.division-line-icon39,
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  position: absolute;
  width: calc(100% - 130.91px);
  right: 24.28px;
  bottom: 270.25px;
  left: 106.63px;
  max-width: 100%;
  overflow: hidden;
  height: 2.86px;
}
.division-line-icon39,
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  right: 25.38px;
  bottom: 36.82px;
  left: 105.54px;
}
.division-line-icon40,
.division-line-icon41,
.division-line-icon42 {
  right: 24.83px;
  bottom: 153.54px;
  left: 106.08px;
}
.division-line-icon41,
.division-line-icon42 {
  right: 24.61px;
  bottom: 200.22px;
  left: 106.3px;
}
.division-line-icon42 {
  right: 23.45px;
  bottom: -30.28px;
  left: 107.46px;
  height: 0.44px;
}
.division-line-icon43,
.division-line-icon44,
.division-line-icon45,
.division-line-icon46 {
  position: absolute;
  width: calc(100% - 130.91px);
  right: 25.16px;
  bottom: 83.51px;
  left: 105.75px;
  max-width: 100%;
  overflow: hidden;
  height: 2.86px;
}
.division-line-icon44,
.division-line-icon45,
.division-line-icon46 {
  right: 24.39px;
  bottom: 246.9px;
  left: 106.52px;
}
.division-line-icon45,
.division-line-icon46 {
  right: 25.49px;
  bottom: 13.48px;
  left: 105.43px;
}
.division-line-icon46 {
  right: 24.94px;
  bottom: 130.19px;
  left: 105.97px;
}
.add-new-porject {
  position: relative;
  line-height: 10.02px;
  font-weight: 500;
}
.frame-child60 {
  position: relative;
  width: 19.47px;
  height: 19.47px;
}
.add-new-porject-parent,
.all-parent,
.status-parent {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
}
.add-new-porject-parent {
  position: absolute;
  top: 47.57px;
  left: 536.88px;
  width: 85.88px;
  height: 19.38px;
  padding: 0.0002002389228437096px 0 0;
  justify-content: flex-end;
  gap: var(--gap-11xs);
  text-align: center;
  font-size: 7.93px;
  color: var(--color-black);
}
.all-parent,
.status-parent {
  height: 10.57px;
  justify-content: flex-start;
}
.all-parent {
  width: 24.66px;
  padding: 0 0 0 0.0000949859240790829px;
  color: var(--color-steelblue-100);
}
.status-parent {
  width: 54.17px;
  padding: 0 4.0023323197302396e-16px;
  gap: var(--gap-6xs);
}
.line-icon {
  position: relative;
  width: 0.96px;
  height: 18.5px;
}
.parent {
  width: 40.52px;
  height: 10.57px;
  flex-direction: row;
  padding: 0 0.00007243778236443177px;
  align-items: center;
  color: var(--color-steelblue-100);
}
.frame-parent6,
.parent,
.progress-parent1 {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
}
.progress-parent1 {
  width: 78.4px;
  height: 10.57px;
  flex-direction: row;
  padding: 0 0 0 0.00005985297684674151px;
  align-items: center;
  gap: var(--gap-6xs);
}
.frame-parent6 {
  top: 79.72px;
  left: 340.45px;
  width: 143.14px;
  height: 17.62px;
  padding: 0 0 0 0.0001220703125px;
  gap: var(--gap-8xs);
  color: var(--color-darkslategray-200);
}
.button19,
.frame-parent6,
.search2,
.shortcut2 {
  position: absolute;
  flex-direction: row;
  align-items: center;
}
.button19 {
  margin: 0 !important;
  top: calc(50% - 5.71px);
  right: 1.09px;
  border-radius: 3.72px;
  width: 11.16px;
  height: 11.16px;
  display: none;
  padding: 1.8604536056518555px;
  box-sizing: border-box;
  justify-content: center;
  z-index: 2;
}
.search2,
.shortcut2 {
  display: flex;
}
.shortcut2 {
  margin: 0 !important;
  top: calc(50% - 4.32px);
  right: 3.88px;
  height: 8.37px;
  justify-content: flex-end;
  z-index: 3;
  font-size: 5.58px;
}
.search2 {
  top: calc(50% - 146.74px);
  left: calc(50% - 217.22px);
  border-radius: 3.72px;
  background-color: var(--black-5);
  width: 128.16px;
  height: 20.26px;
  padding: 1.8604536056518555px 2.790680408477783px;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 1.86px;
  font-size: 6.51px;
  color: var(--black-20);
}
.filter-add-svgrepo-com-1-icon {
  position: relative;
  width: 13.08px;
  height: 13.08px;
  overflow: hidden;
  flex-shrink: 0;
}
.advance-search {
  position: relative;
  line-height: 9.3px;
}
.filter-add-svgrepo-com-1-parent {
  position: absolute;
  top: 81.92px;
  left: 251.48px;
  width: 73.5px;
  height: 13.02px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
  color: var(--color-black);
}
.export-1-svgrepo-com-1-1 {
  position: relative;
  width: 14.16px;
  height: 14.16px;
  overflow: hidden;
  flex-shrink: 0;
}
.export-1-svgrepo-com-1-1-parent,
.export-1-svgrepo-com-1-2-parent {
  position: absolute;
  top: 81.48px;
  left: 522.34px;
  width: 45.38px;
  height: 14.09px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
  text-align: center;
  font-size: 7.93px;
  color: var(--color-black);
}
.export-1-svgrepo-com-1-2-parent {
  left: 578.28px;
  padding: 0 0.00002288818359375px 2px 0.000023468641302315518px;
  box-sizing: border-box;
  align-items: flex-start;
}
.div26 {
  flex: 1;
  position: relative;
  font-weight: 600;
}
.icon-field-chevron-down {
  position: relative;
  width: 7.05px;
  height: 7.05px;
  overflow: hidden;
  flex-shrink: 0;
}
.field-content {
  align-self: stretch;
  border-radius: 3.52px;
  background-color: var(--white-white);
  border: 0.4px solid #ddd;
  box-sizing: border-box;
  height: 18.5px;
  flex-direction: row;
  padding: 3.5234062671661377px 6.606386661529541px;
  align-items: center;
  gap: 3.52px;
}
.field-content,
.page-select,
.pagination-v4 {
  display: flex;
  justify-content: flex-start;
}
.page-select {
  width: 30.83px;
  flex-direction: column;
  align-items: flex-start;
}
.pagination-v4 {
  position: absolute;
  top: 491.51px;
  left: 553.62px;
  flex-direction: row;
  align-items: center;
  gap: 4.4px;
  font-size: 6.17px;
  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: 131.22px;
  left: 805.11px;
  border-radius: var(--br-base);
  background-color: var(--white-white);
  border: 6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 646.21px;
  height: 449.78px;
  transform: rotate(17.37deg);
  transform-origin: 0 0;
  font-size: 7.05px;
  color: var(--color-darkslategray-400);
}
.task-details-item {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-powderblue);
  box-shadow: 3.0829803943634033px 1.7617031335830688px 4.4px
    rgba(215, 215, 215, 0.16);
  width: 96.01px;
  height: 613.07px;
}
.vuesaxlinearchart-2-container {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.16653186082839966px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent7 {
  position: absolute;
  top: 74.17px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
}
.vuesaxlineardiagram-container {
  width: 10.8px;
  height: 10.63px;
  display: flex;
  flex-direction: column;
  padding: 0 3.427267074584961e-7px 0 0;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent8,
.frame-parent9 {
  position: absolute;
  top: 103.58px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
}
.frame-parent9 {
  top: 133px;
}
.vuesaxlinearsetting-parent6,
.vuesaxlinearsetting-parent7,
.vuesaxlinearsetting-parent8,
.vuesaxlinearsetting-parent9 {
  position: absolute;
  top: 162.41px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10xs-4);
}
.vuesaxlinearsetting-parent7,
.vuesaxlinearsetting-parent8,
.vuesaxlinearsetting-parent9 {
  top: 191.82px;
}
.vuesaxlinearsetting-parent8,
.vuesaxlinearsetting-parent9 {
  top: 516.62px;
}
.vuesaxlinearsetting-parent9 {
  top: 554.5px;
}
.vuesaxboldelement-4-container {
  width: 9.76px;
  height: 9.76px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0.40660813450813293px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-parent10 {
  position: absolute;
  top: 44.76px;
  left: 18.94px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs-4);
  color: var(--white-white);
}
.hi-ezaquel2,
.text93 {
  position: absolute;
  top: 13.65px;
  left: 534.68px;
  font-size: 7.05px;
  font-weight: 600;
  font-family: var(--regular);
}
.text93 {
  top: 21.14px;
  left: 550.53px;
}
.icons-arrow-chevron-down4 {
  position: absolute;
  top: 15.6px;
  left: 601.5px;
  width: 10.62px;
  height: 10.62px;
}
.icon-breadcrumb2,
.search3,
.task-details1 {
  position: absolute;
  font-family: var(--regular);
}
.search3 {
  top: calc(50% - 213.16px);
  left: calc(50% - 78.19px);
  border-radius: 3.72px;
  background-color: var(--black-5);
  width: 140.5px;
  height: 13.21px;
  display: flex;
  flex-direction: row;
  padding: 1.8604536056518555px 2.790680408477783px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.86px;
  font-size: 6.51px;
  color: var(--black-20);
}
.icon-breadcrumb2,
.task-details1 {
  left: 107.46px;
}
.icon-breadcrumb2 {
  top: calc(50% - 212.79px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.72px;
  text-align: center;
  font-size: var(--regular-size);
}
.task-details1 {
  top: 47.57px;
  font-size: 11.45px;
  font-weight: 600;
  color: var(--color-darkslategray-200);
}
.frame-child61 {
  position: absolute;
  top: 66.57px;
  left: 11.13px;
  width: 68.86px;
  height: 30.57px;
}
.b3 {
  position: absolute;
  top: 14.78px;
  left: 132.45px;
  font-size: 13.01px;
}
.frame-child62 {
  position: absolute;
  top: 13.06px;
  left: 11.67px;
  width: 20.2px;
  height: 20.2px;
}
.task-completed {
  position: absolute;
  top: 17.15px;
  left: 39.02px;
  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: 71.54px;
  left: 108.8px;
  color: var(--color-green);
}
.from-last-week {
  top: 86.33px;
  left: 84.55px;
  font-weight: 500;
  color: var(--color-lightslategray-200);
}
.frame-child63 {
  position: absolute;
  top: 48.48px;
  left: 11.83px;
  background-color: var(--color-whitesmoke-300);
  width: 137.77px;
  height: 0.59px;
}
.task-details-child4,
.vector-parent5 {
  position: absolute;
  left: 107.46px;
  border-radius: 9.46px;
  background-color: var(--white-white);
  border: 0.4px solid var(--color-lightskyblue);
  box-sizing: border-box;
}
.vector-parent5 {
  top: 69.15px;
  width: 162.01px;
  height: 124.17px;
  font-size: 9.46px;
  color: var(--color-gray-500);
  font-family: var(--font-dm-sans);
}
.task-details-child4 {
  top: 201.27px;
  width: 514.42px;
  height: 406.07px;
}
.task-detail {
  position: absolute;
  top: 212.73px;
  left: 117.59px;
  font-size: 11.45px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--color-darkslategray-200);
}
.more2 {
  position: absolute;
  top: 71.55px;
  left: 108.8px;
  color: var(--color-green);
}
.frame-child66,
.vector-parent6 {
  position: absolute;
  top: 48.49px;
  left: 11.83px;
  background-color: var(--color-whitesmoke-300);
  width: 137.77px;
  height: 0.59px;
}
.vector-parent6 {
  top: 69.15px;
  left: 283.67px;
  border-radius: 9.46px;
  background-color: var(--white-white);
  border: 0.4px solid var(--color-lightskyblue);
  box-sizing: border-box;
  width: 162.01px;
  height: 124.17px;
  font-size: 9.46px;
  color: var(--color-gray-500);
  font-family: var(--font-dm-sans);
}
.more4,
.vector-parent7 {
  position: absolute;
  top: 71.55px;
  left: 105.84px;
  color: var(--color-green);
}
.vector-parent7 {
  top: 69.15px;
  left: 459.87px;
  border-radius: 9.46px;
  background-color: var(--white-white);
  border: 0.4px solid var(--color-lightskyblue);
  box-sizing: border-box;
  width: 162.01px;
  height: 124.17px;
  font-size: 9.46px;
  color: var(--color-gray-500);
  font-family: var(--font-dm-sans);
}
.icon-search {
  position: absolute;
  height: 60.28%;
  width: 7.58%;
  top: 20.22%;
  right: 86.49%;
  bottom: 19.5%;
  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: 1.5px;
  background-color: var(--color-silver-200);
  border: 0.4px solid var(--color-aliceblue-300);
  box-sizing: border-box;
}
.searchbar {
  position: relative;
  width: 118.86px;
  height: 14.95px;
}
.button29,
.button30 {
  border-radius: 1.87px;
  width: 38.62px;
  height: 14.95px;
  display: flex;
  flex-direction: row;
  padding: 3.737649917602539px 8.59659481048584px;
  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: 118.86px;
  justify-content: flex-start;
  gap: 1.5px;
}
.container-top {
  width: 496.36px;
  padding: 6.72776985168457px 0;
  box-sizing: border-box;
  justify-content: space-between;
}
.container-button-span,
.container-row1 {
  position: absolute;
  height: 110.18%;
  width: 100.05%;
  top: -0.07%;
  right: -0.05%;
  bottom: -10.11%;
  left: 0;
  border-radius: 1.87px 1.87px 0 0;
  background-color: var(--color-aliceblue-100);
}
.container-button-span {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--color-lightgray-100);
}
.container-button-p {
  position: absolute;
  top: calc(50% - 3.53px);
  left: calc(50% - 1.35px);
}
.container-button {
  position: relative;
  width: 11.21px;
  height: 11.21px;
  font-size: 4.86px;
}
.container-leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7.85px;
}
.container-button1 {
  position: relative;
  width: 11.21px;
  height: 11.21px;
}
.container-button-p2 {
  position: absolute;
  top: calc(50% - 3.53px);
  left: calc(50% - 2.35px);
}
.container-header,
.container-trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container-trailing {
  justify-content: center;
  gap: 2.24px;
  font-size: 4.86px;
}
.container-header {
  position: absolute;
  top: calc(50% - 152.5px);
  left: calc(50% - 59.43px);
  width: 118.86px;
  height: 20.93px;
  padding: 8.970359802246094px 5.9802398681640625px;
  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: 99.42px;
}
.tag,
.task-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tag {
  border-radius: 1.87px;
  background-color: var(--color-steelblue-100);
  flex-direction: row;
  padding: 1.4950599670410156px 4.485179901123047px;
  color: var(--white-white);
}
.task-top {
  width: 106.9px;
  flex-direction: column;
  padding: 4.485179901123047px;
  box-sizing: border-box;
  gap: 4.49px;
}
.task-divider {
  position: relative;
  border-top: 0.4px solid var(--color-aliceblue-300);
  box-sizing: border-box;
  width: 107.64px;
  height: 0.37px;
}
.icon-paperclip {
  position: relative;
  width: 9.01px;
  height: 9.01px;
  overflow: hidden;
  flex-shrink: 0;
}
.task-attachments,
.task-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75px;
}
.task-meta {
  gap: 4.49px;
}
.task-users-icon {
  position: relative;
  width: 18.74px;
  height: 11.3px;
}
.task-bottom {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 2.9901199340820312px 4.485179901123047px;
  align-items: center;
  justify-content: space-between;
}
.task {
  border-radius: 1.87px;
  background-color: var(--white-white);
  box-shadow: 0 0.3737649917602539px 0.75px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.lorem-ipsum-dolor1 {
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  width: 99.42px;
}
.icon-paperclip2,
.task-users-icon1 {
  position: relative;
  width: 26.22px;
  height: 11.34px;
}
.icon-paperclip2 {
  width: 8.97px;
  height: 8.97px;
  overflow: hidden;
  flex-shrink: 0;
}
.task-attachments2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.task-users-icon2 {
  position: relative;
  width: 26.16px;
  height: 11.21px;
}
.tasks3 {
  position: absolute;
  top: 21.87px;
  left: 5.98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4.49px;
  color: var(--color-darkslategray-500);
}
.container-row {
  position: relative;
  width: 118.86px;
  height: 304.99px;
}
.container-row3,
.container-row5,
.container-row7 {
  position: absolute;
  height: 110.18%;
  width: 100.05%;
  top: -0.07%;
  right: 0.01%;
  bottom: -10.11%;
  left: -0.05%;
  border-radius: 1.87px 1.87px 0 0;
  background-color: var(--color-aliceblue-100);
}
.container-row5,
.container-row7 {
  right: 0.06%;
  left: -0.11%;
}
.container-row7 {
  right: 0.11%;
  left: -0.16%;
}
.task-users-icon10 {
  position: relative;
  width: 11.27px;
  height: 11.27px;
}
.tasks6 {
  position: absolute;
  top: 21.86px;
  left: 5.98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4.49px;
  color: var(--color-darkslategray-500);
}
.container-row-parent {
  border-radius: 1.87px 1.87px 0 0;
  height: 304.99px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 6.73px;
}
.container,
.container-bottom {
  display: flex;
  flex-direction: column;
}
.container-bottom {
  background-color: var(--color-silver-200);
  box-shadow: 0 0.3737649917602539px 0.37px rgba(0, 0, 0, 0.1);
  width: 496.36px;
  align-items: flex-start;
  justify-content: center;
  color: var(--color-black);
}
.container {
  position: absolute;
  top: 233.43px;
  left: 117.59px;
  height: 333.4px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 5.61px;
  color: var(--color-silver-100);
  font-family: var(--font-roboto);
}
.task-details-child5 {
  position: absolute;
  top: 599.42px;
  left: 118.91px;
  width: 494.16px;
  height: 0.22px;
}
.task-details,
.task-details-child6 {
  position: absolute;
  top: 265.82px;
  left: 611.13px;
  width: 4.33px;
  height: 174.94px;
}
.task-details {
  top:  562.23px;
  left: 429.8px;
  border-radius: var(--br-base);
  background-color: var(--white-white);
  border: 6px solid var(--color-steelblue-100);
  box-sizing: border-box;
  width: 646.21px;
  height: 449.78px;
  overflow: hidden;
  transform: rotate(17.37deg);
  transform-origin: 0 0;
  font-family: var(--font-rubik);
}
.project-dashboard-parent {
  position: absolute;
  top: 7452.89px;
  left: -45.32px;
  width:0x;
  height: 1180px;
  transform: rotate(-17.1deg);
  transform-origin: 0 0;
  font-size: var(--font-size-5xs-2);
  color: var(--color-black);
}
.desktop-1 {
  position: relative;
  background-color: #e6efff;
  width: 100%;
  height: 8944px;
  overflow: hidden;
  text-align: left;
  font-size: 90.22px;
  color: var(--color-gray-600);
  font-family: var(--regular);
}


.video_contaner{
  position: absolute;
  bottom: 270px;
  left: 28%;
  width: 500px;
  height: 175.46px;
}