.color-text-apshelt {color: rgba(80, 80, 80, 1);}
.color-text-whate {color: rgba(242, 242, 242, 1);}
.heading-1 {font-family: 'Manrope'; font-size: 3.65vw; line-height: 100%; letter-spacing: -0.02em; font-weight: 400; color: rgba(0, 0, 0, 1);}
.heading-2 {font-family: 'Manrope'; font-weight: 400; font-size: 1.67vw; line-height: 100%; letter-spacing: -0.02em; text-decoration: none; overflow-x: hidden; overflow-y: hidden;}
.heading-3 {font-family: 'Manrope'; font-weight: 400; font-size: 1.25vw; line-height: 120%; letter-spacing: 1px; overflow-x: hidden; overflow-y: hidden;}
.text-18 {font-family: 'Manrope'; font-weight: 400; font-size: 0.94vw; line-height: 120%; letter-spacing: 0.03em; text-decoration: none; overflow-x: hidden; overflow-y: hidden;}
.text-14 {font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: 0.04em;}
.main-container {padding-left: 7vw; padding-right: 7vw; max-width: none; width: 100%; padding-top: 0.52vw; padding-bottom: 0.52vw; row-gap: 0px; margin-left: 0px; margin-right: 0px; display: flex; flex-direction: row; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; justify-content: space-between; align-items: center;}
.text-16 {font-family: 'Manrope'; font-weight: 400; font-size: 0.83vw; line-height: 120%; letter-spacing: 0.04em; margin-top: 0.52vw;}
.arrow-container {width: 3vw; height: 3vw; background-image: linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 100%); padding-left: 0.5vw; padding-right: 0.5vw; padding-top: 0.5vw; padding-bottom: 0.5vw; flex-direction: row; justify-content: center; align-items: center; display: flex;}
.arrow-2 {width: 3vw; height: 3vw;}
.service-container {width: 100%; height: 29.63vw; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; row-gap: 1.0416666666666667vw; padding-left: 0vw; padding-right: 0vw; padding-top: 0vw; padding-bottom: 0vw;}
.container-slaider {width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; row-gap: 3.125vw; padding-left: 6.77vw;}
.main-news {width: 26.04vw; height: 26.04vw; max-width: 499.97px; display: flex; justify-content: space-between; align-items: flex-end; column-gap: 2.6041666666666665vw; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 1.04vw; padding-left: 2.08vw; padding-right: 2.08vw; padding-top: 2.08vw; padding-bottom: 2.08vw;}
.text-link-menu {font-size: 0.94vw; font-family: 'Manrope'; font-weight: 400; line-height: 120%; letter-spacing: 0.07em; color: rgba(80, 80, 80, 1); text-decoration: none;}
.main-root {font-family: 'Manrope'; font-size: 1.13em; 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;}
.heading-1-vnytri {font-family: 'Manrope'; font-size: 2.6vw; line-height: 100%; letter-spacing: -0.02em; font-weight: 400; width: 66.15vw; text-transform: uppercase;}
.container-slaider-vnytnenya {width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; row-gap: 3.125vw; padding-left: 6.77vw;}
.text-18-copy-2 {font-family: 'Manrope'; font-weight: 400; font-size: 0.94vw; line-height: 120%; letter-spacing: 0.06em; text-decoration: none;}
.heading-logo-mob {font-family: 'Manrope'; font-weight: 400; font-size: 1.25vw; line-height: 100%; letter-spacing: 0.03em;}
.text-manu-podval {font-family: 'Manrope'; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; font-weight: 400; text-decoration: none;}
.partneri {height: 64px; width: 100%; justify-content: center;}
.mane-project-vnytrenya1 {width: 28.65vw; height: 38.54vw; max-width: 600px; display: flex; align-items: flex-end; column-gap: 2.6vw; margin-right: 0.8vw; padding-left: 2.08vw; padding-right: 2.08vw; padding-top: 2.08vw; padding-bottom: 2.08vw;}
.main-slider {max-width: 600px; width: 28.65vw; height: 38.54vw; margin-right: 0.8vw; padding-left: 2.08vw; padding-right: 2.08vw; padding-top: 2.08vw; padding-bottom: 2.08vw; display: flex; align-items: flex-end; column-gap: 2.6vw;}
.trigger-proekti {width: 100%; height: 100%; left: 0px; bottom: 0px; position: absolute;}
.photo-slider {width: 20.83vw; height: 20.83vw; max-width: 400px; margin-right: 10px;}
.fancy-group-2 {display: block;}
.text-18-copy-3 {font-family: 'Manrope'; font-weight: 400; font-size: 1.25vw; line-height: 120%; letter-spacing: 0.03em; text-decoration: none; overflow-x: hidden; overflow-y: hidden;}
.max-w--1400px {max-width: 1400px;}
.text--h5 {font-family: 'Manrope'; font-size: 25px; letter-spacing: -0.04em; line-height: 120%; font-weight: 700; width: 100%;}
.text--medium {font-family: 'Manrope'; font-size: 16px; letter-spacing: -0.02em; line-height: 150%; font-weight: 500;}
.paddings--l-r-20px {padding-left: 20px; padding-right: 20px;}
.radius--20px {border-top-left-radius: 1.18vh; border-top-right-radius: 1.18vh; border-bottom-left-radius: 1.18vh; border-bottom-right-radius: 1.18vh; overflow-x: clip; overflow-y: clip;}
.gap-ver--15px {row-gap: 15px;}
.radius--15px {border-top-left-radius: 0vh; border-top-right-radius: 0vh; border-bottom-left-radius: 0vh; border-bottom-right-radius: 0vh;}
.border--1px-black {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(195, 195, 195, 1); border-left-color: rgba(195, 195, 195, 1); border-right-color: rgba(195, 195, 195, 1); border-bottom-color: rgba(195, 195, 195, 1);}
.paddings--15px {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 2.35vh;}
.gap-ver--30px {row-gap: 30px;}
.color-text--bg-on {color: rgba(0, 0, 0, 1);}
.paddings--t-b-80-20px {padding-top: 80px; padding-bottom: 20px;}
.text--h5-copy {font-family: 'Manrope'; font-size: 1.1rem; letter-spacing: -0.04em; line-height: 120%; font-weight: 700; width: 100%;}
.text--medium-copy {font-family: 'Manrope'; font-size: 14px; letter-spacing: -0.02em; line-height: 150%; font-weight: 500;}
.text--h3 {font-family: 'Manrope'; font-size: 45px; letter-spacing: -0.04em; line-height: 120%; font-weight: 700; width: 100%;}
.text--small {font-family: 'Manrope'; font-size: 14px; letter-spacing: -0.04em; line-height: 140%; font-weight: 500;}
.radius--999px {border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.paddings--20px {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
.max-w--800px {max-width: 800px;}
.gap-hor--10px {column-gap: 10px;}
.gap-ver--10px {row-gap: 10px;}
.arrow-r--primary {width: 36px; height: 36px; background-color: rgb(18, 104, 218); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-8800-symbol-is9m8bgcc-arrows_white-28px-right.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0; flex-shrink: 0;}
.arrow-r--primary:hover {background-color: rgba(18, 104, 218, 0.8);}
.arrow-l--primary {width: 36px; height: 36px; background-color: rgb(18, 104, 218); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-8800-symbol-is9m8bgcc-arrows_white-28px-left.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0;}
.arrow-l--primary:hover {background-color: rgba(18, 104, 218, 0.8);}
.color-text--black-on {color: rgba(255, 255, 255, 1);}
.padding--b-64px {padding-bottom: 64px;}
.heading-2-copy-2 {font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 119.07%; letter-spacing: 0px; text-decoration: none; overflow-x: hidden; overflow-y: hidden; color: rgba(0, 0, 0, 1);}
.h1-promo {font-size: 56px; font-weight: 700; line-height: 110%;}
.heading-2-copy-2-copy {font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 119.07%; letter-spacing: 0px; text-decoration: none; overflow-x: hidden; overflow-y: hidden; color: rgba(0, 0, 0, 1);}
.text--small-bold {font-family: 'Manrope'; font-size: 14px; letter-spacing: -0.02em; line-height: 140%; font-weight: 700;}
.radius--10px {border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.gap-hor--20px {column-gap: 20px;}
.gap-ver--20px {row-gap: 20px;}
.w-h--28px {width: 28px; height: 28px; flex-shrink: 0;}
.color--bg-sec {background-color: rgb(241, 245, 255);}
.link-block--primary {color: rgba(18, 104, 218, 1); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; text-decoration: none; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-bottom-color: rgba(18, 104, 218, 1); border-top-color: rgba(18, 104, 218, 1); border-left-color: rgba(18, 104, 218, 1); border-right-color: rgba(18, 104, 218, 1); column-gap: 5px;}
.link-block--primary:hover {border-top-color: rgba(76, 144, 236, 1); border-left-color: rgba(76, 144, 236, 1); border-right-color: rgba(76, 144, 236, 1); border-bottom-color: rgba(76, 144, 236, 1); color: rgba(76, 144, 236, 1);}
.gap-ver--80px {row-gap: 80px;}
.main-container-copy {padding-left: 7vw; padding-right: 7vw; max-width: none; width: 100%; padding-top: 4rem; padding-bottom: 4rem; row-gap: 0px; margin-left: 0px; margin-right: 0px;}
.container-proekt {display: block;}
@media (max-width: 991px) {.heading-2 {font-size: 26px;}}
@media (max-width: 991px) {.heading-1 {font-size: 5.99vw; margin-right: 0vw;}}
@media (max-width: 991px) {.arrow-2 {width: 5.21vw; height: 5.21vw;}}
@media (max-width: 991px) {.arrow-container {width: 4vw; height: 4vw; padding-left: 0.65vw; padding-right: 0.65vw; padding-top: 0.65vw; padding-bottom: 0.65vw;}}
@media (max-width: 991px) {.text-18 {font-size: 12px;}}
@media (max-width: 991px) {.text-18-copy-2 {font-size: 1.17vw;}}
@media (max-width: 991px) {.heading-3 {font-size: 2.6vw;}}
@media (max-width: 991px) {.heading-1-vnytri {font-size: 32px; width: 71vw;}}
@media (max-width: 991px) {.main-container {padding-top: 1.5vw; padding-bottom: 1.5vw;}}
@media (max-width: 991px) {.text-16 {font-size: 1.43vw; text-decoration: none;}}
@media (max-width: 991px) {.service-container {height: 85.63vw; width: 100%; padding-left: 4vw; padding-right: 4vw; padding-top: 4vw; padding-bottom: 4vw;}}
@media (max-width: 991px) {.main-news {width: 450px; height: 450px; min-width: auto; max-width: none; margin-right: 1.3vw; padding-left: 2.6vw; padding-right: 2.6vw; padding-top: 2.6vw; padding-bottom: 2.6vw;}}
@media (max-width: 991px) {.partneri {width: 100%; display: flex; grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 991px) {.text-link-menu {font-size: 30px;}}
@media (max-width: 991px) {.text-manu-podval {font-size: 16px;}}
@media (max-width: 991px) {.mane-project-vnytrenya1 {width: 50vw; height: 70.54vw;}}
@media (max-width: 991px) {.main-slider {width: 61.65vw; height: 95.54vw;}}
@media (max-width: 991px) {.text-18-copy-3 {font-size: 12px;}}
@media (max-width: 991px) {.heading-2-copy-2 {font-size: 22px;}}
@media (max-width: 991px) {.h1-promo {font-size: 52px;}}
@media (max-width: 991px) {.heading-2-copy-2-copy {font-size: 22px;}}
@media (max-width: 991px) {.gap-ver--80px {row-gap: 80px;}}
@media (max-width: 991px) {.main-container-copy {padding-top: 1.5vw; padding-bottom: 1.5vw;}}
@media (max-width: 767px) {.heading-2 {font-size: 14px;}}
@media (max-width: 767px) {.heading-1 {font-size: 26px; flex-grow: 0; text-decoration: none;}}
@media (max-width: 767px) {.text-18 {font-size: 10px;}}
@media (max-width: 767px) {.text-18-copy-2 {font-size: 1.25vw;}}
@media (max-width: 767px) {.heading-logo-mob {font-size: 3vw;}}
@media (max-width: 767px) {.text-16 {font-size: 8px;}}
@media (max-width: 767px) {.text-manu-podval {font-size: 30px; flex-grow: 0; text-decoration: none;}}
@media (max-width: 767px) {.main-slider {width: 75.65vw; column-gap: 2.6vw; padding-left: 3vw; padding-right: 3vw; padding-top: 3vw; padding-bottom: 3vw;}}
@media (max-width: 767px) {.text-18-copy-3 {font-size: 10px;}}
@media (max-width: 767px) {.paddings--l-r-20px {padding-left: 10px; padding-right: 10px;}}
@media (max-width: 767px) {.gap-ver--15px {row-gap: 10px;}}
@media (max-width: 767px) {.gap-ver--30px {row-gap: 20px;}}
@media (max-width: 767px) {.paddings--t-b-80-20px {padding-top: 100px;}}
@media (max-width: 767px) {.paddings--20px {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.padding--b-64px {padding-bottom: 54px;}}
@media (max-width: 767px) {.text--h3 {font-size: 42px;}}
@media (max-width: 767px) {.heading-2-copy-2 {font-size: 14px;}}
@media (max-width: 767px) {.heading-2-copy-2-copy {font-size: 14px;}}
@media (max-width: 767px) {.gap-ver--20px {row-gap: 10px;}}
@media (max-width: 767px) {.gap-hor--20px {column-gap: 10px;}}
@media (max-width: 767px) {.gap-ver--80px {row-gap: 60px;}}
@media (max-width: 767px) {.partneri {flex-direction: column; height: auto; width: 70%; align-items: center;}}
@media (max-width: 479px) {.heading-1 {font-size: 7vw;}}
@media (max-width: 479px) {.heading-2 {font-size: 16px;}}
@media (max-width: 479px) {.heading-3 {font-size: 15px;}}
@media (max-width: 479px) {.text-18 {font-size: 10px;}}
@media (max-width: 479px) {.text-14 {font-size: 11px;}}
@media (max-width: 479px) {.text-16 {font-size: 2.67vw;}}
@media (max-width: 479px) {.heading-1-vnytri {font-size: 40px;}}
@media (max-width: 479px) {.main-container {padding-left: 6.25vw; padding-right: 6.25vw; padding-top: 1.7vw; padding-bottom: 1.7vw;}}
@media (max-width: 479px) {.arrow-container {width: 10vw; height: 8vw;}}
@media (max-width: 479px) {.arrow-2 {width: 7vw; height: 6vw;}}
@media (max-width: 479px) {.main-news {height: 60vw; width: 60vw; min-width: auto;}}
@media (max-width: 479px) {.text-18-copy-2 {font-size: 2.42vw;}}
@media (max-width: 479px) {.service-container {height: 84.54vw; padding-left: 4.44vw; padding-right: 4.44vw; padding-top: 4.44vw; padding-bottom: 4.44vw;}}
@media (max-width: 479px) {.partneri {width: 70%; height: 100%;}}
@media (max-width: 479px) {.text-link-menu {font-size: 6vw; text-transform: uppercase; font-weight: 500;}}
@media (max-width: 479px) {.logo-podval {width: 12vw; height: 12vw;}}
@media (max-width: 479px) {.button-contacts {width: 100%; height: 10vw; margin-left: 0px; margin-right: 0px; padding-left: 0vw; padding-right: 0vw;}}
@media (max-width: 479px) {.heading-logo-mob {font-size: 4vw;}}
@media (max-width: 479px) {.text-manu-podval {font-size: 16px;}}
@media (max-width: 479px) {.mane-project-vnytrenya1 {width: 72vw; height: 98.54vw; padding-left: 3vw; padding-right: 3vw; padding-top: 3vw; padding-bottom: 3vw;}}
@media (max-width: 479px) {.photo-slider {width: 68.83vw; height: 83.83vw;}}
@media (max-width: 479px) {.text-18-copy-3 {font-size: 10px;}}
@media (max-width: 479px) {.gap-ver--15px {row-gap: 15px;}}
@media (max-width: 479px) {.heading-2-copy-2 {font-size: 16px; line-height: 100%;}}
@media (max-width: 479px) {.h1-promo {font-size: 28px;}}
@media (max-width: 479px) {.heading-2-copy-2-copy {font-size: 16px; line-height: 100%;}}
@media (max-width: 479px) {.gap-ver--20px {row-gap: 20px;}}
@media (max-width: 479px) {.gap-ver--80px {row-gap: 40px;}}
@media (max-width: 479px) {.main-container-copy {padding-left: 6.25vw; padding-right: 6.25vw; padding-top: 2rem; padding-bottom: 2rem; row-gap: 20px;}}
@media (min-width: 1280px) {.heading-2-copy-2 {font-size: 14px;}}
@media (min-width: 1280px) {.h1-promo {font-size: 62px;}}
@media (min-width: 1280px) {.heading-2-copy-2-copy {font-size: 14px;}}
@media (min-width: 1280px) {.partneri {height: 80px;}}
@media (min-width: 1440px) {.heading-2-copy-2 {font-size: 18px;}}
@media (min-width: 1440px) {.h1-promo {font-size: 70px;}}
@media (min-width: 1440px) {.heading-2-copy-2-copy {font-size: 18px;}}
@media (min-width: 1440px) {.partneri {height: auto; width: auto;}}
@media (min-width: 1920px) {.gap-ver--30px {height: 99.91%;}}
@media (min-width: 1920px) {.text--h5-copy {font-size: 1.3rem; max-width: none;}}
@media (min-width: 1920px) {.heading-2-copy-2 {font-size: 20px;}}
@media (min-width: 1920px) {.h1-promo {font-size: 86px;}}
@media (min-width: 1920px) {.heading-2-copy-2-copy {font-size: 24px;}}
@media (min-width: 1920px) {.main-container-copy {padding-top: 6rem; padding-bottom: 6rem;}}
@media (min-width: 1920px) {.partneri {height: 120px;}}
