:root {
  --darkGreen: #677a78;
  --darkGreen-rgb: 103, 122, 120;
  --darkerGreen: #4F6462;
  --lightDarkGreen: #607472;
  --lightGreen: #d5ded1;
  --plasticGreen: #218380;
  --lightPlasticGreen: #72c9c0;
  --arrowBtnDisabledDarkGreen: #b4c0b6;
  --arrowBtnDisabledLightGreen: rgba(213, 222, 209, 0.45);
  --markerGreen: #00c524;
  --darkBlue: #023047;
  --lightDarkBlue: #213a4d;
  --lightBlue: #38617f;
  --plasticBlue: #489cff;
  --lighterBlue: #6a9ad2;
  --red: #e06449;
  --lightRed: #f46b7c;
  --validationRed: #c6394a;
  --sustainability: #f39581;
  --black: #000;
  --cream: #f8f6f2;
  --cream-transparent: #f8f6f21a;
  --darkBrown: #8f8b85;
  --lightBrown: #b4aa9e;
  --grey: #758686;
  --activeGrey: #738481;
  --white: #fff;
  --lightGrey: #cfd6d5;
  --blueTabBg: rgba(43, 85, 114, 0.15);
  --greenTabBg: rgba(33, 131, 128, 0.15);
  --darkBrownTabBg: rgba(143, 139, 133, 0.15);
  --redTabBg: rgba(224, 100, 73, 0.15);
  --headerBlue: #1b394f;
  --headerGreen: #768785;
  --mintBlue: #eceeee;
  --searchColor: #b4b4b4;
  --darkOrange: #e06449;
}

html.high-contrast {
  --darkGreen: #000000;
  --darkGreen-rgb: 0, 0, 0;
  --darkerGreen: #000000;
  --lightDarkGreen: #000000;
  --lightGreen: #ffffff;
  --plasticGreen: #000000;
  --lightPlasticGreen: #ffffff;
  --arrowBtnDisabledDarkGreen: #ffffff;
  --arrowBtnDisabledLightGreen: #ffffff;
  --markerGreen: #ffffff;
  --darkBlue: #000000;
  --lightDarkBlue: #000000;
  --lightBlue: #000000;
  --plasticBlue: #000000;
  --lighterBlue: #000000;
  --red: #000000;
  --lightRed: #000000;
  --validationRed: #000000;
  --sustainability: #000000;
  --black: #000000;
  --cream: #ffffff;
  --cream-transparent: #ffffff;
  --darkBrown: #000000;
  --lightBrown: #000000;
  --grey: #000000;
  --activeGrey: #000000;
  --white: #ffffff;
  --lightGrey: #ffffff;
  --blueTabBg: #ffffff;
  --greenTabBg: #ffffff;
  --darkBrownTabBg: #ffffff;
  --redTabBg: #ffffff;
  --headerBlue: #000000;
  --headerGreen: #000000;
  --mintBlue: #ffffff;
  --searchColor: #ffffff;
  --darkOrange: #000000;
}

.activity-sustainability {
  --activity-primary-color: var(--sustainability);
  --activity-secondary-color: #f8ebe7;
  --activity-third-color: ;
}

html.high-contrast .activity-sustainability {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-lightOrange {
  --activity-primary-color: var(--sustainability);
  --activity-secondary-color: #f8ebe7;
  --activity-third-color: ;
}

html.high-contrast .theme-lightOrange {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-sphera {
  --activity-primary-color: var(--lightBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .activity-sphera {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-lightBlue {
  --activity-primary-color: var(--lightBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .theme-lightBlue {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-arkin-capital {
  --activity-primary-color: var(--darkBlue);
  --activity-secondary-color: #eceeee;
  --activity-third-color: ;
}

html.high-contrast .activity-arkin-capital {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-darkBlue {
  --activity-primary-color: var(--darkBlue);
  --activity-secondary-color: #eceeee;
  --activity-third-color: ;
}

html.high-contrast .theme-darkBlue {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-capital {
  --activity-primary-color: var(--darkBlue);
  --activity-secondary-color: #eceeee;
  --activity-third-color: ;
}

html.high-contrast .activity-capital {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-darkBlue {
  --activity-primary-color: var(--darkBlue);
  --activity-secondary-color: #eceeee;
  --activity-third-color: ;
}

html.high-contrast .theme-darkBlue {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-bio {
  --activity-primary-color: var(--lightBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .activity-bio {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-lightBlue {
  --activity-primary-color: var(--lightBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .theme-lightBlue {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-arkin-digital-health {
  --activity-primary-color: var(--lighterBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .activity-arkin-digital-health {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-lighterBlue {
  --activity-primary-color: var(--lighterBlue);
  --activity-secondary-color: #edf1f6;
  --activity-third-color: ;
}

html.high-contrast .theme-lighterBlue {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-tech {
  --activity-primary-color: var(--darkOrange);
  --activity-secondary-color: #f8ebe7;
  --activity-third-color: #f9d4cc;
}

html.high-contrast .activity-tech {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-darkOrange {
  --activity-primary-color: var(--darkOrange);
  --activity-secondary-color: #f8ebe7;
  --activity-third-color: #f9d4cc;
}

html.high-contrast .theme-darkOrange {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-idea {
  --activity-primary-color: #5faea5;
  --activity-secondary-color: #d4e9e7;
  --activity-third-color: ;
}

html.high-contrast .activity-idea {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-lightGreen {
  --activity-primary-color: #5faea5;
  --activity-secondary-color: #d4e9e7;
  --activity-third-color: ;
}

html.high-contrast .theme-lightGreen {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-private-equity {
  --activity-primary-color: var(--plasticGreen);
  --activity-secondary-color: #e6eeec;
  --activity-third-color: ;
}

html.high-contrast .activity-private-equity {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-darkGreen {
  --activity-primary-color: var(--plasticGreen);
  --activity-secondary-color: #e6eeec;
  --activity-third-color: ;
}

html.high-contrast .theme-darkGreen {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-realestate {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .activity-realestate {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-gray {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .theme-gray {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-real-estate {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .activity-real-estate {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-gray {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .theme-gray {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-arkin-realestate {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .activity-arkin-realestate {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-gray {
  --activity-primary-color: var(--darkBrown);
  --activity-secondary-color: #eae7e4;
  --activity-third-color: ;
}

html.high-contrast .theme-gray {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-default {
  --activity-primary-color: var(--darkGreen);
  --activity-secondary-color: var(--lightGreen);
  --activity-third-color: ;
}

html.high-contrast .activity-default {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-default {
  --activity-primary-color: var(--darkGreen);
  --activity-secondary-color: var(--lightGreen);
  --activity-third-color: ;
}

html.high-contrast .theme-default {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.activity-foundry {
  --activity-primary-color: var(--plasticGreen);
  --activity-secondary-color: #e6eeec;
  --activity-third-color: ;
}

html.high-contrast .activity-foundry {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-darkGreen {
  --activity-primary-color: var(--plasticGreen);
  --activity-secondary-color: #e6eeec;
  --activity-third-color: ;
}

html.high-contrast .theme-darkGreen {
  --activity-primary-color: #000000;
  --activity-secondary-color: #ffffff;
  --activity-third-color: #ffffff;
}

.theme-generalGreen {
  --activity-primary-color: var(--darkGreen);
}

html.high-contrast {
  -activity-primary-color: #000000;
}

.about-hero-block {
  position: relative;
  text-align: center;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: var(--darkGreen);
  color: var(--cream);
  height: 68rem;
}
@media (min-width: 769px) {
  .about-hero-block {
    height: 60.7rem;
  }
}
.about-hero-block .website-main-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-hero-block .website-main-width .about-hero-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 2.6rem;
  line-height: 3.4rem;
  font-weight: 500;
}
@media (min-width: 769px) {
  .about-hero-block .website-main-width .about-hero-title {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
}
.about-hero-block .website-main-width .about-hero-title strong {
  color: var(--cream);
}
@keyframes breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 1;
  }
}
.about-hero-block .shape1 {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5%;
  left: 5%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.7);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape2 {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 20%;
  left: 15%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.75);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape3 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 85%;
  left: 25%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.8);
  filter: blur(2px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape4 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 60%;
  left: 35%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.75);
  filter: blur(0px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape5 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 35%;
  left: 45%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.6);
  filter: blur(2px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape6 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 75%;
  left: 55%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.7);
  filter: blur(1.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape7 {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10%;
  left: 65%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.5);
  filter: blur(2.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape8 {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 90%;
  left: 75%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.8);
  filter: blur(0.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape9 {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 30%;
  left: 85%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.65);
  filter: blur(2px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape10 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 95%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.5);
  filter: blur(2.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape11 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 15%;
  left: 10%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.75);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape12 {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 95%;
  left: 20%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.9);
  filter: blur(0px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape13 {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 70%;
  left: 30%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.75);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape14 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 25%;
  left: 40%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.6);
  filter: blur(2px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape15 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 80%;
  left: 50%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.7);
  filter: blur(1.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape16 {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 60%;
  left: 60%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.6);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape17 {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 35%;
  left: 70%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.5);
  filter: blur(1.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape18 {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5%;
  left: 80%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.8);
  filter: blur(0.5px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape19 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 55%;
  left: 90%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.9);
  filter: blur(1px);
  animation: breathe 5s ease-in-out infinite;
}
.about-hero-block .shape20 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 45%;
  left: 100%;
  border-radius: 50%;
  background-color: rgba(248, 246, 242, 0.75);
  filter: blur(0.5px);
  animation: breathe 5s ease-in-out infinite;
}
@media (min-width: 769px) {
  .about-hero-block .shape1 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 32%;
    left: 5%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.7);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape2 {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 45%;
    left: 15%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.75);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape3 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 65%;
    left: 25%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.8);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape4 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 60%;
    left: 35%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.75);
    filter: blur(0px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape5 {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 54%;
    left: 14%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.6);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape6 {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 30%;
    left: 55%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.7);
    filter: blur(1.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape7 {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 68%;
    left: 65%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.5);
    filter: blur(2.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape8 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 37%;
    left: 75%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.8);
    filter: blur(0.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape9 {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 62%;
    left: 85%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.65);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape10 {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 48%;
    left: 95%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.5);
    filter: blur(2.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape11 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 53%;
    left: 10%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.75);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape12 {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 39%;
    left: 20%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.9);
    filter: blur(0px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape13 {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 66%;
    left: 30%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.75);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape14 {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 44%;
    left: 5%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.6);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape15 {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 60%;
    left: 50%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.7);
    filter: blur(1.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape16 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 32%;
    left: 60%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.6);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape17 {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 60%;
    left: 70%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.5);
    filter: blur(1.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape18 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 51%;
    left: 80%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.8);
    filter: blur(0.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape19 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 63%;
    left: 90%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.9);
    filter: blur(1px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape20 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 47%;
    left: 100%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.75);
    filter: blur(0.5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape21 {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 66%;
    left: 5%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.4);
    filter: blur(3px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape22 {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 35%;
    left: 21%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.5);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape23 {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 25%;
    left: 30%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.45);
    filter: blur(4px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape24 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 25%;
    left: 40%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.35);
    filter: blur(3px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape25 {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 32%;
    left: 50%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.3);
    filter: blur(5px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape26 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 64%;
    left: 60%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.5);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape27 {
    position: absolute;
    width: 9px;
    height: 9px;
    top: 65%;
    left: 70%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.9);
    filter: blur(0px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape28 {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 75%;
    left: 80%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.4);
    filter: blur(4px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape29 {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 42%;
    left: 90%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.35);
    filter: blur(3px);
    animation: breathe 5s ease-in-out infinite;
  }
  .about-hero-block .shape30 {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 26%;
    left: 95%;
    border-radius: 50%;
    background-color: rgba(248, 246, 242, 0.45);
    filter: blur(2px);
    animation: breathe 5s ease-in-out infinite;
  }
}