.hero-section {max-width: 100%; max-height: none; height: auto; display: flex; justify-content: space-between; column-gap: 32px;}
.header-desktop {display: flex; padding-left: 2.02vw; padding-right: 2.02vw; padding-top: 2.02vw; padding-bottom: 2.02vw; position: sticky; top: 0px; left: 0px; flex-direction: column; justify-content: space-between; align-items: flex-start; max-width: 40.6vw; row-gap: 2.588996763754045vw; min-width: 22vw; width: 37.94vw; flex-grow: 0;}
.main-content {padding-left: 2.62vh; padding-right: 2.62vh; max-width: 2065px; display: flex; flex-direction: column; padding-top: 2.02vw; padding-bottom: 2.02vw; row-gap: 6.25vw; min-width: 596px; width: 100%; flex-grow: 0;}
.connection {padding-left: 2.02vw; padding-right: 2.02vw; display: flex; width: 31%; max-width: none; height: 100vh; padding-top: 2.02vw; padding-bottom: 2.02vw; flex-direction: column; justify-content: space-between; column-gap: 0.6389776357827476vw; align-items: flex-end;}
.img-container {width: 100%; height: auto; border-top-left-radius: 32px; border-top-right-radius: 32px; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; overflow-x: hidden; overflow-y: hidden;}
.head-image {height: auto; flex-grow: 0; width: auto; column-gap: normal; padding-top: 0px; padding-bottom: 0px; align-items: flex-start; row-gap: 0.970873786407767vw;}
.item-menu {padding-left: 2.42vw; padding-right: 2.42vw; padding-top: 1.2vw; padding-bottom: 1.2vw; background-size: auto; background-image: linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 2.49vw; border-top-right-radius: 2.49vw; border-bottom-left-radius: 2.49vw; border-bottom-right-radius: 2.49vw; width: auto; flex-grow: 0; align-items: center; height: 100%; display: flex; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; flex-shrink: 1; column-gap: 4px; min-height: 4.23vw;}
.item-menu:hover {background-image: linear-gradient(rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%);}
.block-menu {display: flex; flex-direction: column; row-gap: 12px; align-items: flex-start;}
.icon-32 {align-items: center; width: 2.02vw; height: 2.02vw;}
.block-contacts {display: flex; column-gap: 1.3029315960912051vh;}
.main-dlock-menu {display: flex; flex-direction: column; row-gap: 8px;}
.button-contacts {background-image: linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%); color: rgba(0, 0, 0, 1); height: auto; padding-left: 2.42vw; padding-right: 2.42vw; padding-top: 1.21vw; padding-bottom: 1.21vw; border-top-left-radius: 6.25em; border-top-right-radius: 6.25em; border-bottom-left-radius: 6.25em; border-bottom-right-radius: 6.25em; column-gap: 0.8064516129032258vw;}
.button-contacts:hover {background-image: linear-gradient(rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%);}
.avatar {width: 10.42vw; height: 10.42vw; border-top-left-radius: 5.21vw; border-top-right-radius: 5.21vw; border-bottom-left-radius: 5.21vw; border-bottom-right-radius: 5.21vw; overflow-x: hidden; overflow-y: hidden;}
.project-name-22 {font-size: 1.15vw; font-weight: 400; font-family: 'Roboto'; color: rgba(0, 0, 0, 1);}
.preview {height: auto; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em;}
.project-preview-2 {row-gap: 1.2096774193548387vw; flex-direction: column;}
.project-block {row-gap: 40px;}
.icon-social {width: 2.59vw; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em;}
.logo-main {width: auto; height: 5.65vw;}
.img-project {width: 100%; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em; padding-left: 0.81vw; padding-right: 0.81vw; padding-top: 0.81vw; padding-bottom: 0.81vw; background-image: none/*linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%)*/; background-size: auto;}
.block-info {column-gap: 0vw; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 14px;}
.info-section {row-gap: 0.9375vw;}
.img {border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em; padding-left: 0vw; padding-right: 0vw; padding-top: 0vw; padding-bottom: 0vw; border-top-width: 0.2vw; border-right-width: 0.2vw; border-bottom-width: 0.2vw; border-left-width: 0.2vw; border-top-color: rgba(242, 243, 247, 1); border-left-color: rgba(242, 243, 247, 1); border-right-color: rgba(242, 243, 247, 1); border-bottom-color: rgba(242, 243, 247, 1); border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; background-size: auto; background-image: linear-gradient(rgba(242, 243, 247, 1) 0%, rgba(242, 243, 247, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.block-image {flex-direction: row; align-items: flex-start; column-gap: 2.1164021164021163vw; width: 100%;}
.image-text-block {row-gap: 2.030456852791878vw; flex-direction: column; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.text-color-black {color: rgba(0, 0, 0, 1);}
.button-menu {background-image: url("menu.svg"), linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%); border-top-left-radius: 5.25em; border-top-right-radius: 5.25em; border-bottom-left-radius: 5.25em; border-bottom-right-radius: 5.25em;}
.paragraph-20 {font-size: 1.04vw;}
.heading-h2 {font-size: 2.29vw;}
.heading-h1 {font-size: 4.06vw;}
.paragraph-16 {font-size: 0.83vw;}
.paragraph-24 {font-size: 1.08vw;}
.heading-h3 {font-size: 1.56vw;}
.text-colog-grey {color: rgba(105, 105, 105, 1);}
.block-projects {display: flex; flex-direction: column; row-gap: 4vw;}
.case-block {row-gap: 3.5416666666666665vw;}
.no-border {border-top-width: 0vw; border-left-width: 0vw; border-right-width: 0vw; border-bottom-width: 0vw; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;}
.menu__wrapper-lvl2-2 {background-color: rgb(245, 245, 245); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; width: 250px; margin-top: -10px; margin-left: 15px; margin-right: 15px; margin-bottom: 0px;}
.text-2 {flex-grow: 1; flex-shrink: 0;}
.text-3 {flex-grow: 1; flex-shrink: 0;}
@media (max-width: 991px) {.connection {display: none;}}
@media (max-width: 991px) {.hero-section {flex-direction: column;}}
@media (max-width: 991px) {.header-desktop {flex-direction: row; width: 100%; max-width: none; min-width: auto; height: auto; padding-left: 3.13vw; padding-right: 3.13vw; z-index: 1; backdrop-filter: blur(11px); background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}}
@media (max-width: 991px) {.avatar {font-size: 161.56px; width: 27.76vw; height: 27.76vw; border-top-left-radius: 13.02vw; border-top-right-radius: 13.02vw; border-bottom-left-radius: 13.02vw; border-bottom-right-radius: 13.02vw;}}
@media (max-width: 991px) {.main-content {padding-left: 3.13vw; padding-right: 3.13vw; row-gap: 59.059200000000004px;}}
@media (max-width: 991px) {.preview {border-top-left-radius: 1.13em; border-top-right-radius: 1.13em; border-bottom-left-radius: 1.13em; border-bottom-right-radius: 1.13em;}}
@media (max-width: 991px) {.item-menu {height: auto; border-top-left-radius: 17.19em; border-top-right-radius: 17.19em; border-bottom-left-radius: 17.19em; border-bottom-right-radius: 17.19em; padding-left: 3.13vw; padding-right: 3.13vw; min-height: auto; padding-top: 2.34vw; padding-bottom: 2.34vw; max-height: none;}}
@media (max-width: 991px) {.button-contacts {height: auto; padding-top: 2.34vw; padding-bottom: 2.34vw; padding-left: 3.13vw; padding-right: 3.13vw; column-gap: 1.0416666666666667vw; min-height: auto; max-height: none;}}
@media (max-width: 991px) {.icon-social {width: 49px; height: 49px;}}
@media (max-width: 991px) {.icon-32 {width: auto; height: auto;}}
@media (max-width: 991px) {.button-menu {padding-left: 4.95vw; padding-right: 4.95vw; padding-top: 3.13vw; padding-bottom: 3.13vw; background-image: url("menu.svg"), linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%); border-top-left-radius: 5.25em; border-top-right-radius: 5.25em; border-bottom-left-radius: 5.25em; border-bottom-right-radius: 5.25em;}}
@media (max-width: 991px) {.img-project {border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}}
@media (max-width: 991px) {.project-block {row-gap: 4.6875vw;}}
@media (max-width: 991px) {.project-name-22 {font-size: 2.86vw;}}
@media (max-width: 991px) {.info-section {row-gap: 2.0833333333333335vw;}}
@media (max-width: 991px) {.heading-h2 {font-size: 3.65vw;}}
@media (max-width: 991px) {.paragraph-20 {font-size: 2.34vw;}}
@media (max-width: 991px) {.heading-h1 {font-size: 6.25vw;}}
@media (max-width: 991px) {.paragraph-24 {font-size: 2.6vw;}}
@media (max-width: 991px) {.paragraph-16 {font-size: 2.08vw;}}
@media (max-width: 991px) {.text-colog-grey {color: rgba(105, 105, 105, 1);}}
@media (max-width: 991px) {.heading-h3 {font-size: 3.26vw;}}
@media (max-width: 991px) {.case-block {row-gap: 8vw;}}
@media (max-width: 991px) {.image-text-block {row-gap: 3.13vw;}}
@media (max-width: 991px) {.block-projects {row-gap: 7vw;}}
@media (max-width: 767px) {.main-content {min-width: 0px; padding-left: 5.94vw; padding-right: 5.94vw;}}
@media (max-width: 767px) {.hero-section {max-width: none; justify-content: flex-start;}}
@media (max-width: 767px) {.header-desktop {padding-left: 5.94vw; padding-right: 5.94vw; backdrop-filter: blur(11px); background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);}}
@media (max-width: 767px) {.preview {border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}}
@media (max-width: 767px) {.button-contacts {height: auto; padding-left: 5vw; padding-right: 5vw; padding-top: 3.33vw; padding-bottom: 3.33vw; column-gap: 1.6666666666666667vw; row-gap: 0px; min-height: auto;}}
@media (max-width: 767px) {.item-menu {min-height: auto; height: auto; padding-top: 3.33vw; padding-bottom: 3.33vw; padding-left: 5vw; padding-right: 5vw;}}
@media (max-width: 767px) {.icon-32 {width: 100%; height: 100%;}}
@media (max-width: 767px) {.button-menu {padding-left: 7.08vw; padding-right: 7.08vw; padding-top: 4.17vw; padding-bottom: 4.17vw;}}
@media (max-width: 767px) {.img-project {border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em;}}
@media (max-width: 767px) {.project-block {row-gap: 6.25vw;}}
@media (max-width: 767px) {.info-section {row-gap: 3.3333333333333335vw;}}
@media (max-width: 767px) {.paragraph-20 {font-size: 2.92vw;}}
@media (max-width: 767px) {.heading-h2 {font-size: 5vw;}}
@media (max-width: 767px) {.heading-h1 {font-size: 8.33vw;}}
@media (max-width: 767px) {.paragraph-24 {font-size: 3.33vw;}}
@media (max-width: 767px) {.paragraph-16 {font-size: 2.5vw;}}
@media (max-width: 767px) {.text-colog-grey {color: rgba(105, 105, 105, 1);}}
@media (max-width: 767px) {.heading-h3 {font-size: 4.17vw;}}
@media (max-width: 767px) {.case-block {row-gap: 12.33vw;}}
@media (max-width: 767px) {.image-text-block {row-gap: 4vw;}}
@media (max-width: 767px) {.block-projects {row-gap: 7vw;}}
@media (max-width: 479px) {.main-content {min-width: 0px; padding-top: 10.94vw; padding-bottom: 10.94vw; padding-left: 5.94vw; padding-right: 5.94vw; row-gap: 20.69vw;}}
@media (max-width: 479px) {.header-desktop {padding-left: 20px; padding-right: 20px; justify-content: space-between; flex-wrap: nowrap; z-index: 1; padding-top: 3.13vw; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; backdrop-filter: blur(11px); padding-bottom: 3.13vw;}}
@media (max-width: 479px) {.main-dlock-menu {width: auto; flex-grow: 0;}}
@media (max-width: 479px) {.head-image {width: auto; flex-grow: 0;}}
@media (max-width: 479px) {.avatar {width: 44.06vw; height: 44.06vw; border-top-left-radius: 6.25em; border-top-right-radius: 6.25em; border-bottom-left-radius: 6.25em; border-bottom-right-radius: 6.25em;}}
@media (max-width: 479px) {.project-name-22 {font-size: 22px;}}
@media (max-width: 479px) {.text-color-black {color: rgba(0, 0, 0, 1);}}
@media (max-width: 479px) {.project-block {row-gap: 9.375vw;}}
@media (max-width: 479px) {.preview {border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}}
@media (max-width: 479px) {.button-contacts {height: auto; padding-left: 7.5vw; padding-right: 7.5vw; padding-top: 5vw; padding-bottom: 5vw; min-height: auto; max-height: none; column-gap: 2.5vw;}}
@media (max-width: 479px) {.item-menu {padding-left: 7.5vw; padding-right: 7.5vw; padding-top: 5vw; padding-bottom: 5vw; height: auto; max-height: none; min-height: auto;}}
@media (max-width: 479px) {.icon-32 {width: auto; height: auto;}}
@media (max-width: 479px) {.button-menu {padding-left: 9.38vw; padding-right: 9.38vw; padding-top: 5.63vw; padding-bottom: 5.63vw;}}
@media (max-width: 479px) {.img-project {border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em;}}
@media (max-width: 479px) {.hero-section {width: 100%;}}
@media (max-width: 479px) {.info-section {row-gap: 5vw;}}
@media (max-width: 479px) {.heading-h2 {font-size: 6.25vw;}}
@media (max-width: 479px) {.heading-h1 {font-size: 9.38vw;}}
@media (max-width: 479px) {.paragraph-24 {font-size: 5vw;}}
@media (max-width: 479px) {.paragraph-20 {font-size: 4.38vw;}}
@media (max-width: 479px) {.paragraph-16 {font-size: 3.75vw;}}
@media (max-width: 479px) {.text-colog-grey {color: rgba(105, 105, 105, 1);}}
@media (max-width: 479px) {.heading-h3 {font-size: 6.25vw;}}
@media (max-width: 479px) {.case-block {row-gap: 20.75vw;}}
@media (max-width: 479px) {.image-text-block {row-gap: 5.5vw;}}
@media (max-width: 479px) {.block-projects {row-gap: 7vw;}}