.modern-profile-web-page,
.modern-profile-web-page * {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: #070b12;
}

.modern-profile-web-page {
  --page-layout-height: 9603px;
  background: #070b12;
  height: var(--page-layout-height);
  position: relative;
  width: 1091px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.app {
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1091px;
  height: 8644.25px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.section {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 50%,
    rgba(253, 242, 248, 1) 100%
  );
  align-self: stretch;
  flex-shrink: 0;
  height: 902.25px;
  position: relative;
}
.container {
  background: #dab2ff;
  border-radius: 16777200px;
  opacity: 0.5;
  width: 384px;
  height: 384px;
  position: absolute;
  left: 80px;
  top: 80px;
  filter: blur(64px);
}
.container2 {
  background: #fda5d5;
  border-radius: 16777200px;
  opacity: 0.5;
  width: 384px;
  height: 384px;
  position: absolute;
  left: 627px;
  top: 438.25px;
  filter: blur(64px);
}
.container3 {
  background: #8ec5ff;
  border-radius: 16777200px;
  opacity: 0.5;
  width: 384px;
  height: 384px;
  position: absolute;
  left: 343.34px;
  top: 300.74px;
  filter: blur(64px);
}
.container4 {
  width: 1043px;
  height: 726.25px;
  position: absolute;
  left: 0px;
  top: 156px;
}
.container5 {
  width: 489.5px;
  height: 521.5px;
  position: absolute;
  left: 0px;
  top:0px;
}
.container6 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16777200px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 256.76px;
  height: 38px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 17px;
  top: 11px;
  overflow: visible;
}
.text {
  width: 198.76px;
  height: 20px;
  position: absolute;
  left: 41px;
  top: 9px;
}
.available-for-new-opportunities {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container7 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 489.5px;
  height: 293.5px;
  position: absolute;
  left: 0px;
  top: 70px;
}
.heading-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 180px;
  position: relative;
}
.creating-digital {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 68px;
  line-height: 90px;
  letter-spacing: -1.68px;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 1.5px;
}
.text2 {
  width: 489.5px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 90px;
}
.experiences {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -1.68px;
  font-weight: 700;
  position:relative;
}
.paragraph {
  align-self: stretch;
  flex-shrink: 0;
  height: 97.5px;
  position: relative;
}
.hi-i-m-sunder-singh-head-of-ux-design-specializi {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 32.5px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 482px;
}
.container8 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 489.5px;
  height: 58px;
  position: absolute;
  left: 0px;
  top: 395.5px;
}
.button {
  background: linear-gradient(
    90deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 193.22px;
  height: 58px;
  position: relative;
}
.text3 {
  flex: 1;
  height: 24px;
  position: relative;
}
.view-my-work {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.button2 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  flex-shrink: 0;
  width: 165.87px;
  height: 58px;
  position: relative;
}
.download-cv {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 33px;
  top: 16.5px;
}
.container9 {
  padding: 16px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 489.5px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 485.5px;
}
.container10 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 115.91px;
  height: 20px;
  position: relative;
}
.icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.text4 {
  flex: 1;
  height: 20px;
  position: relative;
}
._150-designs {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container11 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 96.24px;
  height: 20px;
  position: relative;
}
.icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._8-awards {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container12 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 91.16px;
  height: 20px;
  position: relative;
}
.icon5 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._14-years {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container13 {
  width: 489.5px;
  height: 726.25px;
  position: absolute;
  left: 553.5px;
  top: 0px;
}
.container14 {
  border-radius: 24px;
  opacity: 0.2;
  width: 489.5px;
  height: 726.25px;
  position: absolute;
  left: 0px;
  top: 0px;
  filter: blur(40px);
}
.container15 {
  border-radius: 24px;
  width: 489.5px;
  height: 726.25px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.image-profile {
  border-radius: 16px;
  width: 473.5px;
  height: 710.25px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: hidden;
  object-fit: cover;
}
.container16 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 190.32px;
  height: 98px;
  position: absolute;
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.container17 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.container18 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
._14 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: relative;
}
.container19 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  height: 44px;
  position: relative;
}
.container20 {
  align-self: stretch;
  flex-shrink: 0;
  height: 20px;
  position: relative;
}
.years-of {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container21 {
  align-self: stretch;
  flex-shrink: 0;
  height: 24px;
  position: relative;
}
.experience {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.container22 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 178.07px;
  height: 98px;
  position: absolute;
  left: 335.43px;
  top: -24px;
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.container23 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(152, 16, 250, 1) 100%
  );
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
._50-k {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: relative;
}
.users {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.impacted {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.section2 {
  background: rgba(17, 24, 39, 0.82);
  align-self: stretch;
  flex-shrink: 0;
  height: 1241px;
  position: relative;
}
.container24 {
  width: 768px;
  height: 156px;
  position: absolute;
  left: 24px;
  top: 128px;
}
.container25 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 110.53px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.text5 {
  width: 62.53px;
  height: 20px;
  position: absolute;
  left: 32px;
  top: 8px;
}
.about-me {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container26 {
  background: #22d3ee;
  border-radius: 16777200px;
  opacity: 0.5;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 16px;
  top: 14px;
}
.heading-2 {
  width: 768px;
  height: 96px;
  position: absolute;
  left: 0px;
  top: 60px;
}
.crafting-solutions-that-blend {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.text6 {
  width: 768px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 48px;
}
.design-and-technology {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
  linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  letter-spacing: -0.85px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container27 {
  width: 1043px;
  height: 290px;
  position: absolute;
  left: 24px;
  top: 348px;
}
.container28 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 326.33px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container29 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.icon6 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.heading-3 {
  width: 260.33px;
  height: 28px;
  position: absolute;
  left: 33px;
  top: 113px;
}
.user-research {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph2 {
  width: 260.33px;
  height: 104px;
  position: absolute;
  left: 33px;
  top: 153px;
}
.conducting-in-depth-user-research-interviews-and {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 259px;
}
.container30 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 326.34px;
  height: 290px;
  position: absolute;
  left: 358.33px;
  top: 0px;
}
.container31 {
  background:linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.icon7 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.heading-32 {
  width: 260.34px;
  height: 28px;
  position: absolute;
  left: 33px;
  top: 113px;
}
.ui-ux-design {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph3 {
  width: 260.34px;
  height: 78px;
  position: absolute;
  left: 33px;
  top: 153px;
}
.creating-intuitive-and-beautiful-user-interfaces-t {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 261px;
}
.container32 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 326.34px;
  height: 290px;
  position: absolute;
  left: 716.66px;
  top: 0px;
}
.container33 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.icon8 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.design-systems {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph4 {
  width: 260.34px;
  height: 104px;
  position: absolute;
  left: 33px;
  top: 153px;
}
.building-scalable-design-systems-and-component-lib {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 252px;
}
.container34 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 49px 49px 1px 49px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1043px;
  height: 395px;
  position: absolute;
  left: 24px;
  top: 718px;
}
.container35 {
  align-self: stretch;
  flex-shrink: 0;
  height: 297px;
  position: relative;
}
.container36 {
  width: 448.5px;
  height: 297px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.heading-33 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 448.5px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.my-design-philosophy {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.35px;
  font-weight: bold;
  position: relative;
  flex: 1;
}
.paragraph5 {
  width: 448.5px;
  height: 117px;
  position: absolute;
  left: 0px;
  top: 60px;
}
.i-believe-great-products-are-born-from-deep-empath {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
  width: 422px;
}
.paragraph6 {
  width: 448.5px;
  height: 104px;
  position: absolute;
  left: 0px;
  top: 193px;
}
.with-14-years-of-experience-i-ve-helped-startups {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 446px;
}
.container37 {
  width: 448.5px;
  height: 252px;
  position: absolute;
  left: 496.5px;
  top: 22.5px;
}
.container38 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 216.25px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container39 {
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
._150 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
  linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.37px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.designs-shipped {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container40 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 216.25px;
  height: 118px;
  position: absolute;
  left: 232.25px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
._50-k2 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
  linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.37px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.users-impacted {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container41 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 216.25px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 134px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
._12 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
  linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.37px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.design-awards {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container42 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 216.25px;
  height: 118px;
  position: absolute;
  left: 232.25px;
  top: 134px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
._45 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
  linear-gradient(135deg, #22d3ee 0%, #6366f1 45%, #a78bfa 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.37px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.ux-score-increase {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.section3 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  padding: 128px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 1260px;
  position: relative;
}
.container43 {
  align-self: stretch;
  flex-shrink: 0;
  height: 1004px;
  position: relative;
}
.container44 {
  width: 768px;
  height: 162px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container45 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16777200px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 161.09px;
  height: 38px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.text7 {
  width: 111.09px;
  height: 20px;
  position: absolute;
  left: 33px;
  top: 9px;
}
.skills-expertise {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container46 {
  background: #22d3ee;
  border-radius: 16777200px;
  opacity: 0.5;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 17px;
  top: 15px;
}
.heading-22 {
  width: 768px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 62px;
}
.technologies-i-work-with {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.paragraph7 {
  width: 768px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 134px;
}
.combining-cutting-edge-technologies-to-build-excep {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container47 {
  width: 1043px;
  height: 406px;
  position: absolute;
  left: 0px;
  top: 226px;
}
.container48 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 33px 33px 1px 33px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 505.5px;
  height: 406px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container49 {
  background: linear-gradient(
    135deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.icon9 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.heading-34 {
  flex-shrink: 0;
  width: 100%;
  height: 32px;
  position: relative;
}
.ux-design-strategy {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container50 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 260px;
  position: relative;
}
.container51 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 50px;
  position: relative;
}
.container52 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
}
.text8 {
  flex-shrink: 0;
  width: 177.9px;
  height: 28px;
  position: relative;
}
.user-research-testing {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text9 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.34px;
  height: 28px;
  position: relative;
}
._96 {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container53 {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 16777200px;
  padding: 0px 17.59px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
  overflow: hidden;
}
.container54 {
  background: linear-gradient(
    90deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.text10 {
  flex-shrink: 0;
  width: 132.09px;
  height: 28px;
  position: relative;
}
.interaction-design {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text11 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.43px;
  height: 28px;
  position: relative;
}
._94 {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container55 {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 16777200px;
  padding: 0px 26.38px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
  overflow: hidden;
}
.container56 {
  background: linear-gradient(
    90deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(152, 16, 250, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.text12 {
  flex-shrink: 0;
  width: 97.94px;
  height: 28px;
  position: relative;
}
.visual-design {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text13 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 53.87px;
  height: 28px;
  position: relative;
}
._92 {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container57 {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 16777200px;
  padding: 0px 35.16px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
  overflow: hidden;
}
.container58 {
  background: linear-gradient(
    90deg,
    rgba(0, 146, 184, 1) 0%,
    rgba(21, 93, 252, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.text14 {
  flex-shrink: 0;
  width: 123.27px;
  height: 28px;
  position: relative;
}
.product-strategy {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text15 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.24px;
  height: 28px;
  position: relative;
}
._90 {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container59 {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 16777200px;
  padding: 0px 43.95px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
  overflow: hidden;
}
.container60 {
  background: linear-gradient(
    90deg,
    rgba(230, 0, 118, 1) 0%,
    rgba(152, 16, 250, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.container61 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 33px 33px 1px 33px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 505.5px;
  height: 406px;
  position: absolute;
  left: 537.5px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container62 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.icon10 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.heading-35 {
  flex-shrink: 0;
  width: 100%;
  height: 32px;
  position: relative;
}
.ux-ui-design-tools {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.text16 {
  flex-shrink: 0;
  width: 115.84px;
  height: 28px;
  position: relative;
}
.figma-fig-jam {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text17 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.36px;
  height: 28px;
  position: relative;
}
._98 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container63 {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 16777200px;
  padding: 0px 8.8px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
  overflow: hidden;
}
.text18 {
  flex-shrink: 0;
  width: 161.04px;
  height: 28px;
  position: relative;
}
.adobe-xd-illustrator {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text19 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 53.87px;
  height: 28px;
  position: relative;
}
._922 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container64 {
  background: linear-gradient(
    90deg,
    rgba(231, 0, 11, 1) 0%,
    rgba(245, 73, 0, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.text20 {
  flex-shrink: 0;
  width: 125.45px;
  height: 28px;
  position: relative;
}
.sketch-in-vision {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text21 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.24px;
  height: 28px;
  position: relative;
}
._902 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container65 {
  background: linear-gradient(
    90deg,
    rgba(208, 135, 0, 1) 0%,
    rgba(245, 73, 0, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.text22 {
  flex-shrink: 0;
  width: 176.5px;
  height: 28px;
  position: relative;
}
.prototyping-animation {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.text23 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 16777200px;
  flex-shrink: 0;
  width: 54.43px;
  height: 28px;
  position: relative;
}
._942 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.container66 {
  background: linear-gradient(
    90deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(0, 146, 184, 1) 100%
  );
  border-radius: 16777200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10px;
  position: relative;
}
.container67 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 41px 41px 1px 41px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1043px;
  height: 324px;
  position: absolute;
  left: 0px;
  top: 680px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.heading-36 {
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
}
.design-methodologies-research {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container68 {
  align-self: stretch;
  flex-shrink: 0;
  height: 182px;
  position: relative;
}
.container69 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.user-research2 {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 67.05px;
  top: 14.5px;
}
.container70 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 244.25px;
  top: 0px;
}
.design-thinking {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 62.2px;
  top: 14.5px;
}
.container71 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 488.5px;
  top: 0px;
}
.design-systems2 {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 62.34px;
  top: 14.5px;
}
.container72 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 732.75px;
  top: 0px;
}
.a-b-testing {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 77.52px;
  top: 14.5px;
}
.container73 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 66px;
}
.usability-testing {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 59.87px;
  top: 14.5px;
}
.container74 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 244.25px;
  top: 66px;
}
.wireframing {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 74.65px;
  top: 14.5px;
}
.container75 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 488.5px;
  top: 66px;
}
.prototyping {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 76.48px;
  top: 14.5px;
}
.container76 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 732.75px;
  top: 66px;
}
.user-personas {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 67.29px;
  top: 14.5px;
}
.container77 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 132px;
}
.journey-mapping {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 58.14px;
  top: 14.5px;
}
.container78 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 244.25px;
  top: 132px;
}
.information-architecture {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 36.59px;
  top: 14.5px;
}
.container79 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 488.5px;
  top: 132px;
}
.accessibility-wcag {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 45.95px;
  top: 14.5px;
}
.container80 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 228.25px;
  height: 50px;
  position: absolute;
  left: 732.75px;
  top: 132px;
}
.agile-scrum {
  color: #cbd5e1;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 75.32px;
  top: 14.5px;
}
.section4 {
  background: rgba(17, 24, 39, 0.82);
  align-self: stretch;
  flex-shrink: 0;
  height: 2542px;
  position: relative;
}
.container81 {
  width: 768px;
  height: 160px;
  position: absolute;
  left: 24px;
  top: 128px;
}
.container82 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 156.77px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.text24 {
  width: 108.77px;
  height: 20px;
  position: absolute;
  left: 32px;
  top: 8px;
}
.work-experience {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.heading-23 {
  width: 768px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 60px;
}
.career-journey {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.paragraph8 {
  width: 768px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 132px;
}
.building-impactful-products-across-different-indus {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container83 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1043px;
  height: 912px;
  position: absolute;
  left: 24px;
  top: 352px;
}
.container84 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  align-self: stretch;
  flex-shrink: 0;
  height: 288px;
  position: relative;
}
.container85 {
  width: 945px;
  height: 222px;
  position: absolute;
  left: 65px;
  top: 33px;
}
.container86 {
  width: 945px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.text25 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 121.5px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
}
._2024-present {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.text26 {
  background: #22d3ee;
  border-radius: 16777200px;
  width: 72.99px;
  height: 28px;
  position: absolute;
  left: 133.5px;
  top: 0px;
}
.current {
  color: #008236;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.heading-37 {
  width: 945px;
  height: 32px;
  position: absolute;
  left: 0px;
  top: 44px;
}
.head-of-ux-design {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph9 {
  width: 945px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 84px;
}
.wegofin-digital-mumbai-maharashtra {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.wegofin-digital-mumbai-maharashtra-span {
  text-decoration: underline;
}
.paragraph10 {
  width: 945px;
  height: 52px;
  position: absolute;
  left: 0px;
  top: 124px;
}
.leading-a-design-team-of-10-designers-researchers {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 919px;
}
.container87 {
  width: 945px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 192px;
}
.text27 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 65.16px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.figma {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text28 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 129.56px;
  height: 30px;
  position: absolute;
  left: 73.16px;
  top: 0px;
}
.design-systems3 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text29 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 120.16px;
  height: 30px;
  position: absolute;
  left: 210.72px;
  top: 0px;
}
.user-research3 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text30 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 99.2px;
  height: 30px;
  position: absolute;
  left: 338.88px;
  top: 0px;
}
.a-b-testing2 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text31 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 101.29px;
  height: 30px;
  position: absolute;
  left: 446.07px;
  top: 0px;
}
.prototyping2 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text32 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 135.79px;
  height: 30px;
  position: absolute;
  left: 555.36px;
  top: 0px;
}
.team-leadership {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.container88 {
  background: linear-gradient(
    180deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 16777200px;
  width: 4px;
  height: 64px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.container89 {
  background: rgb(15 30 43);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  align-self: stretch;
  flex-shrink: 0;
  height: 288px;
  position: relative;
}
.text33 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 105.53px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
}
._2023-2024 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.ux-consultant {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.m-squared-remote {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.m-squared-remote-span {
  text-decoration: underline;
}
.designed-and-shipped-25-client-projects-from-e-co {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 939px;
}
.text34 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 90.91px;
  height: 30px;
  position: absolute;
  left: 73.16px;
  top: 0px;
}
.adobe-xd {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text35 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 107.13px;
  height: 30px;
  position: absolute;
  left: 172.06px;
  top: 0px;
}
.user-testing {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text36 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 104.95px;
  height: 30px;
  position: absolute;
  left: 287.19px;
  top: 0px;
}
.wireframing2 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text37 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 129.84px;
  height: 30px;
  position: absolute;
  left: 400.13px;
  top: 0px;
}
.design-thinking2 {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.container90 {
  background: linear-gradient(
    180deg,
    rgba(230, 0, 118, 1) 0%,
    rgba(152, 16, 250, 1) 100%
  );
  border-radius: 16777200px;
  width: 4px;
  height: 64px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.container91 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  align-self: stretch;
  flex-shrink: 0;
  height: 288px;
  position: relative;
}
.text38 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 104.04px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
}
._2022-2023 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.sr-software-engineer {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.dhani-mumbai-india {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.designed-responsive-experiences-for-fortune-500-cl {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 938px;
}
.text39 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 70.34px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.css_3 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 60px;
  height: 30px;
  position: absolute;
  left: 76px;
  top: 0px;
}
.sketch {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text40 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 72px;
  height: 30px;
  position: absolute;
  left: 144px;
  top: 0px;
}
.figma1  {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 72px;
  height: 30px;
  position: absolute;
  left: 224px;
  top: 0px;
}
.angular1 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 72px;
  height: 30px;
  position: absolute;
  left: 144px;
  top: 0px;
}
.invision {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 72px;
  height: 30px;
  position: absolute;
  left: 80px;
  top: 0px;
}
.in-vision {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.user-research1 {
  background: rgba(17, 24, 39, 0.82);
    border-radius: 10px;
    border-style: solid;
    border-color: rgba(148, 163, 184, 0.22);
    border-width: 1px;
    padding: 1px;
    width: 130px;
    height: 30px;
    position: absolute;
    left: 164px;
    top: 0px;
}

.text42 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 101.29px;
  height: 30px;
  position: absolute;
  left: 305px;
  top: 0px;
}
.text43 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 106.46px;
  height: 30px;
  position: absolute;
  left: 410px;
  top: 0px;
}
.accessibility {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.container92 {
  background: linear-gradient(
    180deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 16777200px;
  width: 4px;
  height: 64px;
  position: absolute;
  left: 33px;
  top: 33px;
}
._2017-2022 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.manager {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.dsp-mutual-fund-mumbai-india {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
._2015-2017 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.lead-ui-ux-designer {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.udio-mumbai-india {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
._2011-2015 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.multi-tv-technology-gurgaon-india {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
._2009-2011 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.web-ui-designer {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.brain-technosys-pvt-ltd-noida-india {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.adobe {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text44 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 97px;
  height: 30px;
  position: absolute;
  left: 78px;
  top: -0.25px;
}
.photoshop {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text45 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 87px;
  height: 30px;
  position: absolute;
  left: 182px;
  top: -0.25px;
}
.illustrator {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text46 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 66px;
  height: 30px;
  position: absolute;
  left: 275px;
  top: -0.25px;
}
.html {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.text47 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 54px;
  height: 30px;
  position: absolute;
  left: 351px;
  top: -0.25px;
}
.css {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 13px;
  top: 5.5px;
}
.section5 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  padding: 128px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 1256px;
  position: relative;
}
.container93 {
  align-self: stretch;
  flex-shrink: 0;
  height: 1000px;
  position: relative;
}
.container94 {
  width: 768px;
  height: 110px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container95 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16777200px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 218.01px;
  height: 38px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.text48 {
  width: 168.01px;
  height: 20px;
  position: absolute;
  left: 33px;
  top: 9px;
}
.education-certifications {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.academic-background {
  color: #f1f5f9;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container96 {
  width: 1043px;
  height: 372px;
  position: absolute;
  left: 0px;
  top: 150px;
}
.container97 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 386px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container98 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 16px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.icon11 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: visible;
}
.container99 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 102.2px;
  height: 28px;
  position: absolute;
  left: 33px;
  top: 121px;
}
._2016-2018 {
  color: #38bdf8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.heading-38 {
  width: 439.5px;
  height: 32px;
  position: absolute;
  left: 33px;
  top: 173px;
}
.master-s-in-human-computer-interaction {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph11 {
  width: 439.5px;
  height: 28px;
  position: absolute;
  left: 33px;
  top: 217px;
}
.stanford-university {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.paragraph12 {
  width: 439.5px;
  height: 78px;
  position: absolute;
  left: 33px;
  top: 261px;
}
.specialized-in-user-experience-design-and-interact {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 400px;
}
.container100 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 386px;
  position: absolute;
  left: 537.5px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container101 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 16px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.icon12 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: visible;
}
.container102 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 101.71px;
  height: 28px;
  position: absolute;
  left: 33px;
  top: 121px;
}
._2012-2016 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 12px;
  top: 4.5px;
}
.bachelor-s-in-design-interaction {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0px;
}
.massachusetts-institute-of-technology {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.graduated-with-honors-focus-on-interaction-design {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
  width: 429px;
}
.container103 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 41px 41px 1px 41px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1043px;
  height: 450px;
  position: absolute;
  left: 0px;
  top: 578px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.heading-39 {
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.professional-certifications {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container104 {
  align-self: stretch;
  flex-shrink: 0;
  height: 276px;
  position: relative;
  margin-top: 42px;
}
.container105 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.33px;
  height: 140px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container106 {
  align-self: stretch;
  flex-shrink: 0;
  height: 16px;
  position: relative;
}
._2024 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 1px;
}
.heading-4 {
  align-self: stretch;
  flex-shrink: 0;
  height: 24px;
  position: relative;
}
.ux-master-certification {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.paragraph13 {
  align-self: stretch;
  flex-shrink: 0;
  height: 20px;
  position: relative;
}
.nielsen-norman-group {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.container107 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.34px;
  height: 140px;
  position: absolute;
  left: 328.33px;
  top: 0px;
}
._2023 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 1px;
}
.design-thinking-professional {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.ideo-u {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.container108 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.34px;
  height: 140px;
  position: absolute;
  left: 656.66px;
  top: 0px;
}
.accessibility-specialist-cpacc {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.iaap {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.container109 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.33px;
  height: 140px;
  position: absolute;
  left: 0px;
  top: 162px;
}
._2022 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 1px;
}
.certified-usability-analyst {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.human-factors-international {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.container110 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.34px;
  height: 140px;
  position: absolute;
  left: 328.33px;
  top: 162px;
}
.figma-professional-certificate {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.figma2 {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.container111 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 25px 25px 1px 25px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 304.34px;
  height: 140px;
  position: absolute;
  left: 656.66px;
  top: 162px;
}
._2021 {
  color: #22d3ee;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 1px;
}
.product-design-certification {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.interaction-design-foundation {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 16px;
}
.section6 {
  background: rgba(17, 24, 39, 0.82);
  align-self: stretch;
  flex-shrink: 0;
  height: 1291px;
  position: relative;
}
.container112 {
  width: 768px;
  height: 160px;
  position: absolute;
  left: 161.5px;
  top: 128px;
}
.container113 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 16777200px;
  width: 169.34px;
  height: 36px;
  position: absolute;
  left: 299.33px;
  top: 0px;
}
.text49 {
  width: 121.34px;
  height: 20px;
  position: absolute;
  left: 32px;
  top: 8px;
}
.client-testimonials {
  color: #38bdf8;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.what-clients-say {
  color: #f1f5f9;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: bold;
  position: absolute;
  left: 202.42px;
  top: 0.5px;
}
.trusted-by-startups-and-enterprises-worldwide {
  color: #94a3b8;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: absolute;
  left: 172.54px;
  top: 0px;
}
.container114 {
  width: 1043px;
  height: 811px;
  position: absolute;
  left: 24px;
  top: 352px;
}
.container115 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 389.5px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container116 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 423.5px;
  height: 20px;
  position: absolute;
  left: 24px;
  top: 41px;
}
.icon13 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon14 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon15 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.paragraph14 {
  width: 423.5px;
  height: 175.5px;
  position: absolute;
  left: 24px;
  top: 85px;
}
.sunder-is-an-exceptional-ux-leader-who-consistent {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
  width: 416px;
}
.container117 {
  width: 423.5px;
  height: 56px;
  position: absolute;
  left: 41px;
  top: 292.5px;
}
.container118 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 132.49px;
  height: 48px;
  position: absolute;
  left: 72px;
  top: 4px;
}
.heading-42 {
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
}
.shri-pal-singh {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.ceo-director-brain-technosys-inc {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container119 {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container120 {
  background: linear-gradient(
    135deg,
    rgba(194, 122, 255, 1) 0%,
    rgba(251, 100, 182, 1) 100%
  );
  border-radius: 16777200px;
  opacity: 0.3;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0px;
  filter: blur(12px);
}
.container121 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 389.5px;
  position: absolute;
  left: 537.5px;
  top: 0px;
}
.icon18 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon19 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon20 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon21 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.working-with-sunder-was-a-fantastic-experience-h {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
  width: 413px;
}
.container122 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 204.32px;
  height: 48px;
  position: absolute;
  left: 72px;
  top: 4px;
}
.pramod-sharma {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.coo-taxmann-technologies {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container123 {
  background: linear-gradient(
    135deg,
    rgba(251, 100, 182, 1) 0%,
    rgba(194, 122, 255, 1) 100%
  );
  border-radius: 16777200px;
  opacity: 0.3;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0px;
  filter: blur(12px);
}
.container124 {
  background: rgba(99, 102, 241, 0.12);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 389.5px;
  position: absolute;
  left: 0px;
  top: 421.5px;
}
.icon23 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon24 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon26 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.the-level-of-professionalism-and-ux-expertise-sun {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
  width: 392px;
}
.container125 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 154.38px;
  height: 48px;
  position: absolute;
  left: 72px;
  top: 4px;
}
.balraj-verma {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.lead-consultant-pnc-pennsylvania-usa {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container126 {
  background: linear-gradient(
    135deg,
    rgba(81, 162, 255, 1) 0%,
    rgba(124, 134, 255, 1) 100%
  );
  border-radius: 16777200px;
  opacity: 0.3;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0px;
  filter: blur(12px);
}
.container127 {
  background: rgba(56, 189, 248, 0.1);
  border-radius: 24px;
  border-style: solid;
  border-color: #e0e7ff;
  border-width: 1px;
  padding: 1px;
  width: 505.5px;
  height: 389.5px;
  position: absolute;
  left: 537.5px;
  top: 421.5px;
}
.icon28 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.client {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: visible;
}

.icon29 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon30 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon31 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon32 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.paragraph15 {
  width: 423.5px;
  height: 146.25px;
  position: absolute;
  left: 24px;
  top: 85px;
}
.sunder-s-ability-to-translate-complex-user-needs {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
  width: 418px;
}
.container128 {
  width: 423.5px;
  height: 56px;
  position: absolute;
  left: 41px;
  top: 263.25px;
}
.container129 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 154.2px;
  height: 48px;
  position: absolute;
  left: 72px;
  top: 4px;
}
.debraj-sinha {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0px;
}
.head-of-digital-marketing-vyapar {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container130 {
  background: linear-gradient(
    135deg,
    rgba(124, 134, 255, 1) 0%,
    rgba(194, 122, 255, 1) 100%
  );
  border-radius: 16777200px;
  opacity: 0.3;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0px;
  filter: blur(12px);
}
.section7 {
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.92) 0%,
    rgba(17, 24, 39, 0.82) 100%
  );
  padding: 128px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 1076px;
  position: relative;
}
.container131 {
  align-self: stretch;
  flex-shrink: 0;
  height: 820px;
  position: relative;
}
.container132 {
  width: 768px;
  height: 190px;
  position: absolute;
  left: 137.5px;
  top: 0px;
}
.container133 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 16777200px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 1px;
  width: 131.54px;
  height: 38px;
  position: absolute;
  left: 318.23px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.text50 {
  width: 81.54px;
  height: 20px;
  position: absolute;
  left: 33px;
  top: 9px;
}
.get-in-touch {
  color: #38bdf8;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.let-s-work-together {
  color: #f1f5f9;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.85px;
  font-weight: bold;
  position: absolute;
  left: 169.06px;
  top: 0.5px;
}
.paragraph16 {
  width: 768px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 134px;
}
.have-a-design-challenge-i-d-love-to-collaborate-a {
  color: #94a3b8;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 400;
  position: absolute;
  left: 54.7px;
  top: 0px;
  width: 659px;
}
.container134 {
  width: 1043px;
  height: 566px;
  position: absolute;
  left: 0px;
  top: 254px;
}
.container135 {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 1px;
  width: 398px;
  height: 459px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.heading-310 {
  width: 332px;
  height: 32px;
  position: absolute;
  left: 33px;
  top: 33px;
}
.contact-information {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container136 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 332px;
  height: 192px;
  position: absolute;
  left: 33px;
  top: 89px;
}
.container137 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.container138 {
  background: linear-gradient(
    135deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.icon33 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.container139 {
  flex-shrink: 0;
  width: 160.86px;
  height: 48px;
  position: relative;
}
.container140 {
  width: 160.86px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.email {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.sunder-example-com {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 23.5px;
}
.container141 {
  background: linear-gradient(
    135deg,
    rgba(230, 0, 118, 1) 0%,
    rgba(152, 16, 250, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.icon34 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.container142 {
  flex-shrink: 0;
  width: 137.22px;
  height: 48px;
  position: relative;
}
.container143 {
  width: 137.22px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.phone {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
._1-555-123-4567 {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 23.5px;
}
.container144 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.icon35 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.container145 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 131.66px;
  height: 48px;
  position: relative;
}
.location {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.san-francisco-ca {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.container146 {
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px 0px 0px 0px;
  padding: 33px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 332px;
  height: 113px;
  position: absolute;
  left: 33px;
  top: 313px;
}
.follow-me-on {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container147 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 44px;
  position: relative;
}
.link {
  background: rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
}
.icon36 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon37 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.icon38 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.form {
  background: rgba(17, 24, 39, 0.82);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px;
  padding: 33px 33px 1px 33px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 613px;
  height: 566px;
  position: absolute;
  left: 430px;
  top: 0px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.container148 {
  align-self: stretch;
  flex-shrink: 0;
  height: 82px;
  position: relative;
}
.container149 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 261.5px;
  height: 82px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.label {
  align-self: stretch;
  flex-shrink: 0;
  height: 20px;
  position: relative;
}
.your-name {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.text-input {
  background: #f9fafb;
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 14px 16px 14px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 54px;
  position: relative;
  overflow: hidden;
}
.john-doe {
  color: rgba(226, 232, 240, 0.45);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: relative;
}
.container150 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 261.5px;
  height: 82px;
  position: absolute;
  left: 285.5px;
  top: 0px;
}
.email-address {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.email-input {
  background: #f9fafb;
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 14px 16px 14px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 54px;
  position: relative;
  overflow: hidden;
}
.john-example-com {
  color: rgba(226, 232, 240, 0.45);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: relative;
}
.container151 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 82px;
  position: relative;
}
.subject {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.how-can-i-help-you {
  color: rgba(226, 232, 240, 0.45);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: relative;
}
.container152 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 208px;
  position: relative;
}
.message {
  color: #cbd5e1;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.text-area {
  background: #f9fafb;
  border-radius: 14px;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.22);
  border-width: 1px;
  padding: 14px 16px 14px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 174px;
  position: relative;
  overflow: hidden;
}
.tell-me-about-your-project {
  color: rgba(226, 232, 240, 0.45);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: relative;
}
.button3 {
  background: linear-gradient(
    90deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 205.16px 0px 205.16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 56px;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(173, 70, 255, 0.3),
    0px 10px 15px -3px rgba(173, 70, 255, 0.3);
}
.text51 {
  flex-shrink: 0;
  width: 108.69px;
  height: 24px;
  position: relative;
}
.send-message {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  position: absolute;
  left: -1px;
  top: -0.5px;
}
.icon39 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.footer {
  background: #050810;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px 0px 0px 0px;
  padding: 49px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 226px;
  position: relative;
}
.container153 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 129px;
  position: relative;
}
.container154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 44px;
  position: relative;
}
.container155 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 170.79px;
  height: 44px;
  position: relative;
}
.container156 {
  background: linear-gradient(
    135deg,
    rgba(21, 93, 252, 1) 0%,
    rgba(79, 57, 246, 1) 100%
  );
  border-radius: 14px;
  padding: 0px 14.5px 0px 14.5px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.text52 {
  flex-shrink: 0;
  width: 11px;
  height: 28px;
  position: relative;
}
.s {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.sunder-singh {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: -0.5px;
}
.head-of-ux-design2 {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container157 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 291.1px;
  height: 20px;
  position: relative;
}
.link2 {
  flex-shrink: 0;
  width: 38.81px;
  height: 20px;
  position: relative;
}
.about {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.link3 {
  flex-shrink: 0;
  width: 33.49px;
  height: 20px;
  position: relative;
}
.skills {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.link4 {
  flex: 1;
  height: 20px;
  position: relative;
}
.experience2 {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.link5 {
  flex-shrink: 0;
  width: 51.28px;
  height: 20px;
  position: relative;
}
.contact {
  color: #94a3b8;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0.5px;
}
.container158 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 132px;
  height: 36px;
  position: relative;
}
.link6 {
  background:none;
  border-radius: 10px;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
}
.icon40 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.social-linkedin{
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
.icon41 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.link7 {
  background:none;
  border-radius: 10px;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 36px;
  position: relative;
}
.icon42 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.container159 {
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  border-width: 1px 0px 0px 0px;
  padding: 33px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 53px;
  position: relative;
}
._2026-sunder-singh-all-rights-reserved-built-wi {
  color: #94a3b8;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 284.39px;
  top: 0.5px;
}
/* Legacy `.app2` shell replaced by fixed header rules below (“Top bar — Plaid-inspired”). */
.container160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.container161 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 159.77px;
  height: 40px;
  position: relative;
}
.container162 {
  flex: 1;
  height: 28px;
  position: relative;
  width: 240px;
}
.sunder-singh2 {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.95px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.navigation {
  flex-shrink: 0;
  width: 569.23px;
  height: 36px;
  position: relative;
}
.link8 {
  border-radius: 10px;
  width: 70.81px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.about2 {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}
.link9 {
  border-radius: 10px;
  width: 65.49px;
  height: 36px;
  position: absolute;
  left: 74.81px;
  top: 0px;
}
.skills2 {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}
.link10 {
  border-radius: 10px;
  width: 103.52px;
  height: 36px;
  position: absolute;
  left: 144.3px;
  top: 0px;
}
.experience3 {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}
.link11 {
  border-radius: 10px;
  width: 96.3px;
  height: 36px;
  position: absolute;
  left: 251.82px;
  top: 0px;
}
.education {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}
.link12 {
  border-radius: 10px;
  width: 112.18px;
  height: 36px;
  position: absolute;
  left: 352.13px;
  top: 0px;
}
.testimonials {
  color: #e5e7eb;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}
.link13 {
  background: linear-gradient(
    90deg,
    rgba(152, 16, 250, 1) 0%,
    rgba(230, 0, 118, 1) 100%
  );
  border-radius: 10px;
  width: 92.92px;
  height: 36px;
  position: absolute;
  left: 476.3px;
  top: 0px;
}
.let-s-talk {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 8.5px;
}

/**
 * Responsive: fixed 1091px canvas scales down on narrow viewports.
 * margin-bottom collapses layout height so scroll length matches scaled artwork.
 */
@media screen and (max-width: 1091px) {
  html {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    padding-bottom: env(safe-area-inset-bottom);
  }

  body {
    overflow-x: hidden;
    min-width: 0;
    width: 100%;
  }

  .modern-profile-web-page {
    width: 1091px;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
    transform-origin: top center;
    --rw-pad: clamp(12px, 4vw, 24px);
    --rw-scale: min(
      1,
      calc(
        (
          100vw - var(--rw-pad) * 2 - env(safe-area-inset-left, 0px) -
            env(safe-area-inset-right, 0px)
        ) / 1091
      )
    );
    transform: scale(var(--rw-scale));
    margin-bottom: calc(var(--page-layout-height) * (var(--rw-scale) - 1));
  }
}

/**
 * Top bar — Plaid-inspired marketing nav (full-width, blur, neutral links + dark CTA).
 * Reference: https://plaid.com/
 */
.app2 .site-brand {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.app2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 64px;
  padding: 12px max(24px, env(safe-area-inset-right)) 12px
    max(24px, env(safe-area-inset-left));
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  background: rgba(7, 11, 18, 0.72);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.14);
  border-width: 0 0 1px 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

.app2 .container160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 12px;
  max-width: 1091px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  min-height: 44px;
  gap: 16px;
}

.app2 a.container161 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.app2 .container161 {
  width: auto;
  max-width: min(220px, 40vw);
  flex-shrink: 0;
}

.app2 .sunder-singh2 {
  font-weight: 600;
  color: #e5e7eb;
  letter-spacing: -0.03em;
}

.app2 .navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  width: auto;
  flex: 1;
  min-width: 0;
  height: auto;
}

.app2 .navigation a[class^="link"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease,
    box-shadow 0.18s ease;
}

.app2 .navigation a[class^="link"]:not(.link13):hover {
  background-color: rgba(148, 163, 184, 0.1);
}

.app2 .navigation a[class^="link"]:focus-visible {
  outline: 2px solid rgba(21, 93, 252, 0.55);
  outline-offset: 2px;
}

.app2 .navigation a[class^="link"] > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  padding: 0;
}

.app2 .navigation .about2,
.app2 .navigation .skills2,
.app2 .navigation .experience3,
.app2 .navigation .education,
.app2 .navigation .testimonials {
  color: #94a3b8;
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.app2 .navigation a[class^="link"]:hover .about2,
.app2 .navigation a[class^="link"]:hover .skills2,
.app2 .navigation a[class^="link"]:hover .experience3,
.app2 .navigation a[class^="link"]:hover .education,
.app2 .navigation a[class^="link"]:hover .testimonials {
  color: #e5e7eb;
}

/* Nav CTA — same system as PlatUI primary (platui-landing #main) */
.app2 .navigation a.link13 {
  position: relative;
  overflow: hidden;
  margin-left: 6px;
  padding: 10px 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: linear-gradient(
    135deg,
    #22d3ee 0%,
    #6366f1 45%,
    #a78bfa 100%
  );
  background-size: 200% 200%;
  animation: profile-gradient-shift 8s ease infinite;
  box-shadow: 0 12px 40px rgba(99, 102, 241, 0.35);
  transition:
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.app2 .navigation a.link13::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  );
  transform: translateX(-120%);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.app2 .navigation a.link13:hover {
  box-shadow: 0 16px 48px rgba(34, 211, 238, 0.45);
  transform: translateY(-2px);
}

.app2 .navigation a.link13:hover::after {
  transform: translateX(120%);
}

.app2 .navigation a.link13:active {
  transform: scale(0.97);
}

.app2 .navigation a.link13 .let-s-talk {
  position: relative;
  z-index: 1;
  color: #041018 !important;
  font-family: "Inter-Medium", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.app2 .site-brand:hover .sunder-singh2 {
  color: #ffffff;
}

.app2 .site-brand:focus-visible {
  outline: 2px solid rgba(21, 93, 252, 0.55);
  outline-offset: 4px;
  border-radius: 8px;
}

@supports not (
  (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))
) {
  .app2 {
    background: rgba(7, 11, 18, 0.96);
  }
}

/* --------------------------------------------------------------------------
   Buttons — PlatUI landing #main (hero): .btn-primary+.cta-animated vs .btn-ghost
   Ref: platui-landing/style.css — gradient-hero, btn-primary, btn-ghost, cta-animated
   -------------------------------------------------------------------------- */
@keyframes profile-gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Shared shell — mirrors .btn + .btn-lg */
.modern-profile-web-page .button,
.modern-profile-web-page .button2,
.modern-profile-web-page .button3 {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: auto !important;
  height: auto !important;
  min-height: 52px;
  padding: 1rem 2rem !important;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 600;
  font-size: 1rem;
  transition:
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

/* Primary — .btn-primary + .cta-animated.shine */
.modern-profile-web-page .button,
.modern-profile-web-page .button3 {
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: linear-gradient(
    135deg,
    #22d3ee 0%,
    #6366f1 45%,
    #a78bfa 100%
  );
  background-size: 200% 200%;
  animation: profile-gradient-shift 8s ease infinite;
  box-shadow: 0 12px 40px rgba(99, 102, 241, 0.35);
}

.modern-profile-web-page .button::after,
.modern-profile-web-page .button3::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  );
  transform: translateX(-120%);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.modern-profile-web-page .button:hover,
.modern-profile-web-page .button3:hover {
  box-shadow: 0 16px 48px rgba(34, 211, 238, 0.45);
  transform: translateY(-2px);
}

.modern-profile-web-page .button:hover::after,
.modern-profile-web-page .button3:hover::after {
  transform: translateX(120%);
}

.modern-profile-web-page .button:active,
.modern-profile-web-page .button3:active {
  transform: scale(0.97);
}

/* Secondary — .btn-ghost (hero “See how it works”) */
.modern-profile-web-page .button2 {
  overflow: visible;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background-color: rgba(255, 255, 255, 0.06);
  background-image: none;
  animation: none;
  box-shadow: none;
}

.modern-profile-web-page .button2::after {
  display: none;
}

.modern-profile-web-page .button2:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: none;
  transform: translateY(-2px);
}

.modern-profile-web-page .button2:active {
  transform: scale(0.97);
}

.modern-profile-web-page .button .text3 {
  flex: 0 1 auto;
  width: auto;
  height: auto;
  position: relative;
}

.modern-profile-web-page .button .icon2 {
  position: relative;
  z-index: 1;
  filter: brightness(0) saturate(100%);
  opacity: 0.92;
}

.modern-profile-web-page .button .view-my-work {
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  color: #041018;
  font-weight: 600;
  text-align: center;
}

.modern-profile-web-page .button2 .download-cv {
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  color: #e5e7eb;
  font-weight: 600;
  text-align: center;
}

.modern-profile-web-page .button3 .text51 {
  width: auto;
  height: auto;
  position: relative;
}

.modern-profile-web-page .button3 .icon39 {
  position: relative;
  z-index: 1;
  filter: brightness(0) saturate(100%);
  opacity: 0.88;
}

.modern-profile-web-page .button3 .send-message {
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  color: #041018;
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .modern-profile-web-page .button,
  .modern-profile-web-page .button3,
  .app2 .navigation a.link13 {
    animation: none;
  }

  .modern-profile-web-page .button::after,
  .modern-profile-web-page .button3::after,
  .app2 .navigation a.link13::after {
    display: none;
  }

  .modern-profile-web-page .button:hover,
  .modern-profile-web-page .button2:hover,
  .modern-profile-web-page .button3:hover,
  .app2 .navigation a.link13:hover {
    transform: none;
  }
}