.cta {
  grid-column-gap: 10px;
  background-image: linear-gradient(90deg, #6342bf, #3c2190 61%, #6945cd);
  border: 2px solid #69589c;
  border-radius: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: 48px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.lets-work-together {
  color: #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.project-card {
  border: 1px solid #8725e966;
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 870px;
  text-decoration: none;
  display: flex;
}

.frame-77 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-77.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 281px;
  text-decoration: none;
  display: flex;
}

._01 {
  color: #fff;
  text-shadow: 0 0 20px #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 34px;
  text-decoration: none;
}

.frame-83 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.role {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  text-decoration: none;
}

.portfolio {
  background-color: #0e0d19;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.topnav {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 94px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.logo {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 184px;
  text-decoration: none;
  display: flex;
}

.kveldulf {
  color: #e9dbf3;
  text-shadow: 0 0 14px #7428df73;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Norse, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.nav_items {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 500%;
  text-decoration: none;
  display: flex;
}

.nav-item {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.header-style {
  grid-row-gap: 120px;
  background-color: #0e0d19;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.top {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 900px;
  display: flex;
}

.about-me {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style {
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 1440px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.caption {
  color: #8874c4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text {
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1440px;
  text-decoration: none;
  display: flex;
}

.heading {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subheading {
  color: #8a8daa;
  width: 50%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-decoration: none;
}

.subheading.max600 {
  max-width: 600px;
}

.subheading.projects {
  width: 60%;
}

.subheading.about-me {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.stats {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  text-decoration: none;
  display: flex;
}

.numbers-and-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 1440%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
}

.frame-64 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 33%;
  text-decoration: none;
  display: flex;
}

.stat {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.stat.middle, .stat.middle-one {
  justify-content: center;
  align-items: center;
}

.stat.right-one {
  justify-content: center;
  align-items: flex-end;
}

._8 {
  color: #a481e5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.years-experience {
  color: #8a8daa;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-decoration: none;
}

.frame-101 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 33%;
  text-decoration: none;
  display: flex;
}

.frame-102 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._50 {
  color: #a481e5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.happy-clients {
  color: #8a8daa;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-decoration: none;
}

._20 {
  color: #a481e5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.projects-completed {
  color: #8a8daa;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-decoration: none;
}

.more-about-me {
  color: #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.featured-work {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.projects-section {
  grid-column-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skills-expertise-section {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skills {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.my-tools-section {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tools {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1762px;
  text-decoration: none;
  display: flex;
}

.figma, .photoshop {
  grid-row-gap: 16px;
  background-color: #121221;
  border: 2px solid #1a1a2b;
  border-radius: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 10px;
  text-decoration: none;
  display: flex;
}

.deviconfigma, .deviconphotoshop {
  overflow: hidden;
}

.illustrator {
  grid-row-gap: 16px;
  background-color: #121221;
  border: 2px solid #1a1a2b;
  border-radius: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 10px;
  text-decoration: none;
  display: flex;
}

.selfhstadobe-illustrator {
  overflow: hidden;
}

.indesign {
  grid-row-gap: 16px;
  background-color: #121221;
  border: 2px solid #1a1a2b;
  border-radius: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 10px;
  text-decoration: none;
  display: flex;
}

.logosadobe-indesign {
  overflow: hidden;
}

.weblof {
  grid-row-gap: 16px;
  background-color: #121221;
  border: 2px solid #1a1a2b;
  border-radius: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 10px;
  text-decoration: none;
  display: flex;
}

.skill-iconswebflow {
  overflow: hidden;
}

.frame-84 {
  grid-row-gap: 35px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.and-more {
  color: #f0f0f2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-decoration: none;
}

.expertise-section {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.expertises {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ui-design {
  grid-row-gap: 10px;
  background-image: linear-gradient(108.82deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Responsive-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.icon {
  grid-row-gap: 4px;
  background-color: #1a142c;
  border: 1px solid #292242;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.frame-91, .frame-92 {
  justify-content: space-between;
  align-items: center;
  width: 35px;
  text-decoration: none;
  display: flex;
}

.ux-research {
  grid-row-gap: 10px;
  background-image: linear-gradient(109.25deg, #0f0e18 0%, #0f0e1800 100%), url('../images/UX-Research.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.ux-research-1 {
  overflow: hidden;
}

.design-systems {
  grid-row-gap: 10px;
  background-image: linear-gradient(110.42deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Design-Systems.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.design-systems-1 {
  overflow: hidden;
}

.subheadin {
  color: #807c8f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.brand-identity {
  grid-row-gap: 10px;
  background-image: linear-gradient(102.2deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Brand-Identity.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.brand-identity-1 {
  overflow: hidden;
}

.logo-design {
  grid-row-gap: 10px;
  background-image: linear-gradient(103.86deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Logo-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.logo-design-1 {
  overflow: hidden;
}

.wireframing {
  grid-row-gap: 10px;
  background-image: linear-gradient(109.25deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Responsive-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.wireframing-1 {
  overflow: hidden;
}

.prototyping {
  grid-row-gap: 10px;
  background-image: linear-gradient(110.42deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Prototyping.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.prototyping-1 {
  overflow: hidden;
}

.information-architecture {
  grid-row-gap: 10px;
  background-image: linear-gradient(115.82deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Responsive-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.information-architecture-1 {
  overflow: hidden;
}

.responsive-design {
  grid-row-gap: 10px;
  background-image: linear-gradient(110.84deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Responsive-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.responsive-design-1 {
  overflow: hidden;
}

.visual-design {
  grid-row-gap: 10px;
  background-image: linear-gradient(113.55deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Visual-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.visual-design-1 {
  overflow: hidden;
}

.usability-testing {
  grid-row-gap: 10px;
  background-image: linear-gradient(113.81deg, #0f0e18 0%, #0f0e1800 100%), url('../images/Usability-Testing.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.usability-testing-1 {
  overflow: hidden;
}

.ai-assited-design {
  grid-row-gap: 10px;
  background-image: linear-gradient(123.34deg, #0f0e18 0%, #0f0e1800 100%), url('../images/AI-Assited-Design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 425px;
  min-height: 125px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.download-1 {
  overflow: hidden;
}

.contact-me-section {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.linked_in_card {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-110 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-94 {
  grid-row-gap: 10px;
  border: 1px solid #34314e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.frame-93 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-90 {
  grid-row-gap: 4px;
  background-color: #1a142c;
  border: 1px solid #292242;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.akar-iconslinkedin-box-fill {
  overflow: hidden;
}

.frame-89 {
  grid-column-gap: 13px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-111 {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.linkedin {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.lets-connect-profesionally {
  color: #807c8f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.akar-iconsarrow-down-right {
  grid-column-gap: 10px;
  background-color: #1f1636;
  border: 1px solid #2c2650;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.akar-iconsarrow-forward {
  overflow: hidden;
}

.or-send-an-email-at-milanserafimov19gmailcom {
  color: #d2cfdb;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .25rem;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.footer {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 50px 80px;
  text-decoration: none;
  display: flex;
}

.copyright {
  color: #5c5f74;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.slogan {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-77-2 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-3 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-4 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-5 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-6 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-7 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-77-8 {
  grid-column-gap: 10px;
  background-image: url('../images/Frame-107_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.nav-item-2 {
  color: #7d7899;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-2 {
  color: #fcfcfd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.17188rem;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.text-3 {
  color: #b696fc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.frame-102-2 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  text-decoration: none;
  display: flex;
}

.cta-2 {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.cta-3 {
  grid-column-gap: 10px;
  background-image: linear-gradient(90deg, #6342bf, #3c2190 61%, #6945cd);
  border: 2px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 350px;
  max-width: 214px;
  height: 56px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.featured-work-2 {
  color: #8874c4;
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.featured-work-2.caption {
  justify-content: flex-start;
  align-items: center;
}

.text-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-2 {
  color: #fcfcfd;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.17188rem;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: flex;
}

.heading-2.purple {
  color: #a481e5;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.heading-2.projects {
  justify-content: center;
  align-items: center;
}

.heading-3 {
  color: #b696fc;
  width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: block;
}

.caption-2 {
  color: #8874c4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.heading-4 {
  color: #fcfcfd;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.17188rem;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.heading-5 {
  color: #b696fc;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.content-style-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.caption-3 {
  color: #8874c4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.logo-2 {
  overflow: hidden;
}

.text-5 {
  color: #f0f0f2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-decoration: none;
}

.figma-2 {
  grid-column-gap: 10px;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 166px;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.content-style-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-6 {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-6 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.subheading-2 {
  color: #807c8f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.content-style-4 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.top-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-7 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bottom-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 80%;
  text-decoration: none;
  display: flex;
}

.caption-4 {
  color: #8874c4;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.or-send-an-email-at-milanserafimov19gmailcom-2 {
  color: #8874c4;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.content-style-5 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-112 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1420px;
  text-decoration: none;
  display: flex;
}

.frame-113 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-114, .frame-115 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav_items-2 {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cta-4 {
  grid-column-gap: 10px;
  background-image: linear-gradient(90deg, #6342bf 0%, #3c2190 61%, #6945cd 100%);
  border: 2px solid #000;
  border-radius: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.featured-work-3 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 0;
  text-decoration: none;
  display: flex;
}

.row-1 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1420px;
  text-decoration: none;
  display: flex;
}

.content-style-7 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1420px;
  text-decoration: none;
  display: flex;
}

.projects-section-3 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1376px;
  display: flex;
}

.project-card-4 {
  border: 1px solid #8725e966;
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 700%;
  min-width: 630px;
  max-width: 700px;
  text-decoration: none;
  display: flex;
}

.project-card-5 {
  border: 1px solid #8725e966;
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 630px;
  max-width: 870px;
  height: 329px;
  text-decoration: none;
  display: flex;
}

.row-2 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.row-3, .row-4 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.body-style {
  grid-row-gap: 120px;
  background-color: #0e0d19;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.top-3 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  display: flex;
}

.body {
  background-color: #0e0d19;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.frame-107-2 {
  background-image: url('../images/Frame-107_7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107-3 {
  background-image: url('../images/Frame-107.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107-4 {
  background-image: url('../images/Frame-107_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.frame-107-5 {
  background-image: url('../images/Frame-107_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.frame-107-6 {
  background-image: url('../images/Frame-107_6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107-7 {
  background-image: url('../images/Frame-107_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107-8 {
  background-image: url('../images/Frame-107_5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.frame-107-9 {
  background-image: url('../images/Frame-107_3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 329px;
  min-height: 329px;
  padding: 24px;
  display: flex;
}

.projects-section-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 1376px;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.projects-section-5 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 1376px;
  text-decoration: none;
  display: flex;
}

.row-1-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1420px;
  text-decoration: none;
  display: flex;
}

.project-card-6 {
  border: 1px solid #8725e966;
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 630px;
  max-width: 870px;
  text-decoration: none;
  display: flex;
}

.image-2 {
  width: 100px;
  max-width: 170%;
}

.div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-2, .div-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  display: flex;
}

.div-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.div-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  display: flex;
}

.div-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-7 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-7.featured_work {
  flex-flow: wrap;
  height: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.div-8 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-8.projects {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.div-9 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.image-3 {
  transition: opacity .2s;
}

.frame-708 {
  justify-content: space-between;
  align-items: center;
  width: 1440px;
  max-width: 1760px;
  height: 900px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 650px;
  text-decoration: none;
  display: flex;
}

.primary-cta {
  grid-column-gap: 10px;
  background-image: linear-gradient(90deg, #6342bf 0%, #3c2190 61%, #6945cd 100%);
  border: 2px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 214px;
  height: 56px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.view-my-work {
  color: #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.secondary-cta {
  grid-column-gap: 10px;
  background-image: linear-gradient(90deg, #6342bf3b, #3c219000 61%, #6945cd00);
  border: 2px solid #8a6aaa;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 56px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.ternary-cta {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.scroll {
  color: #8874c4;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.rectangle-451 {
  background-color: #8874c4;
}

.top-4 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1440px;
  max-width: 1760px;
  height: 900px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.image-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.content-style-8 {
  grid-row-gap: 77px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.caption-5 {
  color: #8874c4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-8 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-7 {
  color: #fcfcfd;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.625rem;
  font-family: Inter, sans-serif;
  font-size: 104px;
  font-weight: 700;
  line-height: 105px;
  text-decoration: none;
  display: inline-block;
}

.heading-8 {
  color: #b696fc;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 104px;
  font-weight: 700;
  line-height: 105px;
  text-decoration: none;
  display: inline-block;
}

.subheading-3 {
  color: #8a8daa;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.about-me-2 {
  color: #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.div-10 {
  width: 70%;
}

.div-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-12 {
  grid-column-gap: 400px;
  grid-row-gap: 400px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text {
  color: #b696fc;
}

.div-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-14 {
  display: flex;
}

.div-15 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-708-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 900px;
  display: flex;
  position: relative;
}

.top-5 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1760px;
  height: 900px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -99px;
}

.content-style-9 {
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 70%;
  text-decoration: none;
  display: flex;
}

.cta-5 {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.div-16 {
  flex-flow: wrap;
  display: flex;
}

.div-17 {
  height: 80px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.frame-710 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  text-decoration: none;
  display: flex;
}

.frame-708-3 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 900px;
  display: flex;
  position: relative;
}

.div-18 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.div-19, .div-20 {
  width: 100%;
  display: flex;
}

.frame-711 {
  grid-column-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 0 40px;
  text-decoration: none;
  display: flex;
}

.caption-6 {
  color: #8874c4;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.heading-9 {
  color: #fcfcfd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.17188rem;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.heading-10 {
  color: #b696fc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 85px;
  text-decoration: none;
  display: inline-block;
}

.subheading-4 {
  color: #8a8daa;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  text-decoration: none;
}

.my-work, .my-expertise, .contacts, .about-me-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4 {
  color: #fcfcfd;
  justify-content: center;
  align-items: center;
  width: 25%;
  font-size: 18px;
  display: flex;
}

.div-21 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-22 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.div-23 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.image-5 {
  width: 100%;
}

.div-24 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
}

.div-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.image-6 {
  width: 100%;
  max-height: 1510px;
}

.div-26 {
  display: flex;
}

.div-27 {
  background-color: #1a142c40;
  border: 1px solid #231d35;
  border-radius: 16px;
  padding: 40px;
  display: flex;
}


/* Global responsive foundations */

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video, svg {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {

  body {
    width: 100%;
    min-width: 0;
  }

  .w-container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .w-row {
    display: flex;
    flex-direction: column;
  }

  .w-col {
    width: 100%;
    float: none;
  }

  h1 {
    font-size: clamp(36px, 10vw, 56px);
    line-height: 1.1;
  }

  h2 {
    font-size: clamp(28px, 8vw, 40px);
    line-height: 1.15;
  }
}