:root {
  --grey-background: #f9f9f9;
  --grey-60: #77777d;
  --black: #1d1d26;
  --grey-8: #ededee;
  --white: white;
  --grey-4: #f6f6f6;
  --grey-90: #33333b;
  --grey-10: #e3e3e4;
  --grey-50: #8e8e92;
  --dark-opacity-25: #1d1d2640;
  --dark-opacity-5: #1d1d260d;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--grey-background);
  color: var(--grey-60);
  letter-spacing: -.28px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

h1 {
  color: var(--black);
  letter-spacing: -1.44px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}

h2 {
  color: var(--black);
  letter-spacing: -.63px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 120%;
}

h3 {
  color: var(--black);
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--black);
  text-decoration: none;
}

.container {
  max-width: 768px;
  padding-left: 24px;
  padding-right: 24px;
}

.container._404 {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.nav-wrapper {
  z-index: 1000;
  background-color: var(--grey-background);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-top: 24px;
  padding-bottom: 0;
  position: sticky;
  top: 0;
}

.nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--grey-8);
  background-color: var(--white);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 6px;
  display: flex;
  box-shadow: 0 6px 12px #1d1d260a;
}

.nav-logo {
  border: 1px solid #bb576c;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.nav-logo-image {
  object-fit: cover;
  width: 40px;
  height: 40px;
}

.nav-menu-wrapper {
  align-items: center;
  display: flex;
}

.nav-menu-item {
  color: var(--grey-60);
  border-radius: 12px;
  padding: 10px 12px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.nav-menu-item:hover, .nav-menu-item:focus {
  background-color: var(--grey-4);
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 12px;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.button.primary {
  background-color: var(--black);
  transition: background-color .2s ease-in-out;
}

.button.primary:hover, .button.primary:focus {
  background-color: var(--grey-90);
}

.button.primary.big {
  padding: 24px 48px;
}

.button.secondary {
  background-color: var(--grey-8);
  justify-content: center;
  transition: background-color .2s ease-in-out;
}

.button.secondary:hover {
  background-color: var(--grey-10);
}

.button.secondary:focus {
  background-color: var(--grey-8);
}

.medium-m.link {
  color: var(--grey-60);
  transition: color .2s ease-in-out;
}

.medium-m.link:hover, .medium-m.link:focus {
  color: var(--black);
}

.text-color-white {
  color: var(--white);
}

.icon-size-16 {
  width: 16px;
  height: 16px;
}

.hero {
  flex-direction: column;
  align-items: stretch;
  padding-top: 80px;
  padding-bottom: 8px;
  display: flex;
}

.hero.internal {
  padding-bottom: 96px;
}

.center-text {
  text-align: center;
}

.hero-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.hero-content.no-margin {
  margin-bottom: 0;
}

.medium-l {
  letter-spacing: -.36px;
  font-size: 18px;
  line-height: 140%;
}

.max-width-424 {
  max-width: 424px;
}

.chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--grey-8);
  background-color: var(--white);
  border-radius: 8px;
  align-items: center;
  padding: 6px 10px 6px 12px;
  display: flex;
}

.chips.icon-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.medium-s {
  letter-spacing: -.12px;
  font-size: 12px;
  line-height: 140%;
}

.text-color-grey-90 {
  color: var(--grey-90);
}

.status-ellipse-wrapper {
  background-color: #cbf7df;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
}

.status-ellipse {
  background-color: #2ede7f;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.buttons-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.profile {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 5fr;
  grid-auto-columns: 1fr;
  padding-top: 88px;
  display: grid;
}

.section.padding-and-margin {
  margin-top: -76px;
  padding-top: 88px;
}

.block {
  border: 1px solid var(--grey-8);
  background-color: var(--white);
  border-radius: 16px;
  overflow: hidden;
}

.block.main-image {
  background-image: url('../images/profile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.block.block-paddings.profile {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.block.two-sides {
  flex-direction: column;
  display: flex;
}

.block-paddings {
  padding: 24px 24px 32px;
}

.block-icon-wrapper {
  border: 1px solid var(--grey-8);
  background-color: var(--grey-4);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
}

.icon-size-24 {
  width: 24px;
  height: 24px;
}

.wrapper.with-button {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.wrapper.award {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.width-100 {
  width: 100%;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.work {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.location {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.icon-size-14 {
  width: 14px;
  height: 14px;
}

.block-small-heading {
  border-bottom: 1px solid var(--grey-8);
  padding: 20px 24px;
}

.block-logos {
  justify-content: space-around;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.logo-wrapper {
  opacity: .5;
  transition: opacity .25s ease-in-out;
}

.logo-wrapper:hover, .logo-wrapper:focus {
  opacity: 1;
}

.logo {
  width: 108px;
}

.block-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--grey-8);
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 24px 32px;
  display: flex;
}

.max-width-400 {
  width: 100%;
  max-width: 400px;
}

.experience-block-wrapper {
  flex-direction: row;
  padding: 32px 24px 40px 32px;
  display: flex;
}

.experience-line {
  background-color: var(--grey-4);
  width: 2px;
  height: 100%;
}

.experience-items-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  margin-left: -6px;
  display: flex;
}

.experience-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.main-info-and-date {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.main-info {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.main-info.paragraph {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.key-info {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.circle-divider {
  background-color: var(--grey-50);
  border-radius: 50%;
  width: 2px;
  height: 2px;
}

.icon-size-12 {
  width: 12px;
  height: 12px;
}

.experience-item-ellipse-wrapper {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  display: flex;
}

.experience-item-ellipse {
  background-color: var(--grey-50);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.experience-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.experience-line-wrapper {
  padding-top: 4px;
}

.divided-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding: 32px 24px 40px;
  display: flex;
}

.divider-line {
  background-color: var(--grey-8);
  width: 100%;
  height: 1px;
}

.block-grid-content {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 32px 24px 40px;
  display: grid;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.block-rows-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  padding: 32px 24px 40px;
  display: flex;
}

.chips-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line-padding-wrapper {
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 16px;
}

.line-padding-wrapper.green-line {
  border-left-color: #2ede7f;
}

.line-padding-wrapper.blue-line {
  border-left-color: #2e7fde;
}

.max-width-560 {
  max-width: 560px;
}

.contact {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  padding-top: 88px;
  padding-bottom: 96px;
  display: flex;
}

.vertical-flex-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.contact-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.contact-image {
  background-image: url('../images/profile_square.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #bb576c;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  transition: transform .25s ease-in-out;
}

.contact-image:hover {
  transform: scale(1.1);
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.button-and-socials {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.socials-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social {
  opacity: .5;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: opacity .25s ease-in-out;
  display: flex;
}

.social:hover, .social:focus {
  opacity: 1;
}

.footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--grey-10);
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.footer._404 {
  padding-bottom: 0;
}

.footer.internal {
  margin-top: 96px;
}

.float-button {
  background-color: var(--black);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 16px;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: fixed;
  inset: auto 32px 24px auto;
}

.float-button:hover, .float-button:focus {
  background-color: var(--grey-90);
}

.nav-menu-icon.open, .nav-adaptation, .nav-menu-icons-wrapper {
  display: none;
}

._404-page-wrapper {
  flex-direction: column;
  height: 100vh;
  min-height: 680px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

._404-content-wrapper {
  border: 1px solid var(--grey-8);
  background-color: var(--grey-4);
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

._404-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

._404-image {
  background-image: url('../images/profile_square.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #bb576c;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  transition: transform .25s ease-in-out;
}

._404-image:hover {
  transform: scale(1.1);
}

.form-block {
  margin-bottom: 0;
}

.input {
  border: 1px solid var(--grey-8);
  background-color: var(--grey-background);
  color: var(--black);
  border-radius: 8px;
  height: 48px;
  margin-bottom: 16px;
  padding: 14px 24px;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
}

.input:hover {
  border-color: var(--grey-50);
}

.input:active, .input:focus {
  border-color: var(--grey-60);
  background-color: var(--grey-4);
}

.input::placeholder {
  color: var(--grey-50);
}

.input.last {
  margin-bottom: 24px;
}

.success-message {
  border: 1px solid var(--grey-8);
  background-color: var(--grey-background);
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
}

.success-message-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.success-message-icon {
  background-color: var(--black);
  border-radius: 12px;
  padding: 14px;
}

.success-message-content {
  max-width: 280px;
}

.text-color-black {
  color: var(--black);
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.error-message {
  border: 1px solid var(--grey-10);
  background-color: var(--grey-8);
  border-radius: 12px;
  margin-top: 24px;
  padding: 16px 24px;
}

@media screen and (max-width: 991px) {
  .float-button {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -1.08px;
    font-size: 36px;
  }

  .nav-menu-wrapper, .button.primary.mobile-hidden {
    display: none;
  }

  .section.profile {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr;
  }

  .block.main-image {
    height: 400px;
  }

  .block-logos {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .logo-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-wrapper.last {
    display: none;
  }

  .experience-block-wrapper {
    padding-left: 24px;
  }

  .main-info-and-date {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .experience-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .block-grid-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .block-grid-content.licenses {
    grid-column-gap: 24px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .block-rows-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .nav-menu-icon {
    background-color: var(--black);
    cursor: pointer;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    transition: background-color .2s ease-in-out;
    display: flex;
  }

  .nav-menu-icon:hover, .nav-menu-icon:focus {
    background-color: var(--grey-90);
  }

  .nav-menu-icon.open {
    z-index: 1;
    display: flex;
    position: absolute;
  }

  .nav-menu-icon.close {
    display: none;
    position: absolute;
  }

  .icon-size-20 {
    width: 20px;
    height: 20px;
  }

  .nav-adaptation {
    border: 1px solid var(--grey-8);
    background-color: var(--white);
    border-radius: 16px;
    flex-direction: column;
    width: 100%;
    margin-top: 4px;
    padding: 14px 12px;
    display: none;
    position: absolute;
    box-shadow: 0 6px 12px #1d1d260a;
  }

  .nav-menu-icons-wrapper {
    width: 40px;
    height: 40px;
    display: flex;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .button.primary {
    justify-content: center;
  }

  .buttons-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .wrapper.with-button {
    align-items: stretch;
  }

  .block-grid-content.licenses {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .button-and-socials, ._404-content {
    align-items: stretch;
  }

  .form {
    flex-direction: column;
    display: flex;
  }
}

#w-node-_06681bb8-10e1-8253-a990-2ed30e74497a-88b5e46a, #w-node-c305c7ed-d97b-3649-cf20-a813830d0ac9-88b5e46a, #w-node-d4653f5b-f67e-0cc8-4569-56a5a6e18700-88b5e46a, #w-node-c3d05982-3030-e09e-2f1b-abf74fbe5fac-88b5e46a, #w-node-_97ac6fef-b37c-191e-2f6a-3e3d91b7cebf-88b5e46a, #w-node-_5bf454df-da6e-0f05-b16f-37233568b786-88b5e46a, #w-node-_8eba069c-e01f-4734-7bf6-da7b979308b8-88b5e46a, #w-node-_04520b99-ac25-141a-3c14-0047f355de09-88b5e46a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}