.section {
    object-fit: fill;
}

.navbar-logo-left {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-text-fill-color: inherit;
    background-color: rgba(221, 221, 221, .05);
    background-clip: border-box;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.navbarcontainer {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-content {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-brand {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4444 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper {
    width: 143.467px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-menu {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 12px;
    display: flex;
}

.text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-2 {
    width: 74.554px;
    height: 18.014px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-heading-left {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.container {
    width: 100%;
    height: 472px;
    max-width: 1200px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

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

.title-copy-goes-here-be-awesome {
    color: #fff;
    text-shadow: 0 7px 13px #85989f;
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
    color: #fff;
    text-shadow: 0 4px 8px rgba(0, 0, 0, .25), 0 7px 13px #85989f;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.metric-value {
    color: #fff;
    text-align: center;
    text-shadow: 0 7px 13px #85989f, 0 7px 13px #85989f;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.frame-152 {
    height: 472px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    object-fit: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.features-metrics {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: rgba(68, 79, 83, .33);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 24px;
    display: flex;
}

.small-container {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.columns {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.metric {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.metric-value-2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.text-2 {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.top_part_bg {
    width: 100%;
    height: auto;
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: inherit;
    background-image: url('../images/Frame-4540.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: padding-box;
    display: block;
}

.div-block {
    display: block;
}

.section-2 {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
}

.title-copy-goes-here-be-awesome-2 {
    color: #000;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.container-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

._2-columns {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.column-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    display: flex;
}

.frame-4536 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

._2-2 {
    object-fit: cover;
}

.metric-value-3 {
    color: #262f38;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.hero-heading-left-2 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.container-3 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.column-3 {
    width: 100%;
    height: 445px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-wrapper {
    width: 100%;
    height: 445px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.column-4 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.title-copy-goes-here-be-awesome-3 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-2 {
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.logos-quote-block {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #444f53;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.columns-2 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.title-copy-goes-here-be-awesome-4 {
    color: #fff;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

._3-columns {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-68 {
    width: 100%;
    height: 180px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px 24px 24px;
    display: flex;
}

.frame-63 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.icon-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-3 {
    width: 60px;
    height: 60px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.h5-r {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.icon-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}

.vectors-wrapper-4 {
    width: 59.9999px;
    height: 47px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-69 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px 24px 24px;
    display: flex;
}

.icon-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1px;
    display: flex;
}

.vectors-wrapper-5 {
    width: 58px;
    height: 58px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.icon-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2px;
    display: flex;
}

.vectors-wrapper-6 {
    width: 56px;
    height: 55px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.icon-6 {
    width: 58px;
    height: 60px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4442 {
    width: 58px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.vectors-wrapper-7 {
    width: 16.6667px;
    height: 60px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-8 {
    width: 16.6667px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-9 {
    width: 16.6667px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.icon-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 9px;
    padding-right: 9px;
    display: flex;
}

.vectors-wrapper-10 {
    width: 41.9048px;
    height: 60px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.gallery-overview {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.columns-3 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.column-5 {
    width: 100%;
    height: 514px;
    max-width: 260px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

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

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

.text-3 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.description {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.image-wrapper-2 {
    width: 100%;
    height: 344px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image {
    width: 100%;
    height: 344px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.small-columns {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-wrapper-3 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-2 {
    width: 100%;
    height: 245px;
    max-width: 413px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-wrapper-4 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.features-list {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.columns-4 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.column-6 {
    width: 100%;
    height: 420px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

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

.container-4 {
    width: 100%;
    height: 420px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.column-7 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4537 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #3c3c3c;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 59px;
    display: flex;
}

.metric-2 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.metric-value-4 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.text-4 {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-11 {
    height: 2px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-4538 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #56575c;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 59px;
    display: flex;
}

.frame-4539 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #534542;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 59px;
    display: flex;
}

.image_changer {
    width: 100%;
    height: 420px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    display: flex;
}

.logo-title {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 24px;
    display: flex;
}

.title {
    color: #000;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

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

.logos {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-wrapper-2 {
    height: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-2 {
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-3 {
    height: 45.25px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.footer {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #f8f8f8;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 24px 8px;
    display: flex;
}

.columns-5 {
    width: 100%;
    max-width: 960px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.column-8 {
    width: 100%;
    max-width: 320px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.logo-wrapper-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    display: flex;
}

.frame-4540 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-12 {
    width: 143.467px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.small-columns-2 {
    width: 100%;
    max-width: 600px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    display: flex;
}

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

.text-5 {
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}

.footer-links {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.link {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.copyright {
    width: 100%;
    max-width: 940px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    box-shadow: 0 -1px #e4ebf3;
}

.text-6 {
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.first-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    overflow: visible;
}

.frame-4541 {
    width: 100%;
    min-height: 754px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Frame-4563.png'), linear-gradient(62.35deg, #0a3f50 16%, rgba(13, 66, 77, .95) 33%, rgba(51, 107, 43, .38) 81%, rgba(77, 134, 20, 0));
    background-position: 50%, 0 0;
    background-size: cover, auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.navbar-logo-left-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: rgba(10, 63, 80, .88);
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: fixed;
}

.navbarcontainer-2 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-content-2 {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-brand-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4542 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-13 {
    width: 143.467px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-menu-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-link-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #fff;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 12px;
    font-size: 18px;
    display: flex;
}

.text-7 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: inherit;
}

.navbar-link-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 12px;
    display: flex;
}

.frame-110 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-14 {
    width: 28.9753px;
    height: 28px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-15 {
    width: 28.9753px;
    height: 28px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-heading-left-3 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: flex-start;
    padding-top: 76px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.container-5 {
    width: 100%;
    height: 472px;
    max-width: 1200px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.column-9 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.title-copy-goes-here-be-awesome-5 {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
}

.metric-value-5 {
    color: #c0fa1b;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.text_first {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.frame-4558 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #c0fa1b;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 54px;
    display: flex;
}

.text-8 {
    color: #1c2732;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.features-metrics-2 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-image: linear-gradient(rgba(68, 79, 83, 0) 14%, rgba(68, 79, 83, .79) 45%, rgba(68, 79, 83, .86) 68%, #444f53 85%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 24px;
    display: flex;
}

.small-container-2 {
    width: 100%;
    max-width: 960px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.columns-6 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.metric-3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.metric-value-6 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}

.text-9 {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.logos-quote-block-2 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #444f53;
    justify-content: center;
    align-items: flex-start;
    padding: 32px 24px 64px;
    display: flex;
}

.columns-7 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

._3-columns-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4559 {
    width: 100%;
    height: 234px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 20px 24px 24px;
    display: flex;
}

.frame-4560 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-159 {
    width: 160px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-16 {
    width: 120px;
    height: 114px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.h5-r-2 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.vectors-wrapper-17 {
    width: 115px;
    height: 114px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-18 {
    width: 153.755px;
    height: 114px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.h5-r-3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.vectors-wrapper-19 {
    width: 121.803px;
    height: 114px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-4561 {
    width: 160px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-20 {
    width: 114px;
    height: 114px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container-1 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 128px;
    padding-bottom: 64px;
    display: flex;
}

._2-columns-2 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-4562 {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.column-10 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
}

.image-65 {
    object-fit: cover;
}

.column-11 {
    width: 100%;
    max-width: 485px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.title-copy-goes-here-be-awesome-6 {
    color: #000;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

._2-columns-3 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

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

.frame-4563 {
    width: 100%;
    height: 255.216px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

._2-3 {
    object-fit: cover;
}

.metric-value-7 {
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 59.51px;
}

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

.image-66 {
    object-fit: cover;
}

.features-list-2 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 64px;
    display: flex;
}

.text-10 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.columns-8 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.column-14 {
    width: 100%;
    height: 532px;
    grid-column-gap: 30.3429px;
    grid-row-gap: 30.3429px;
    background-color: #444f53;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-4 {
    width: 100%;
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    display: flex;
}

.container-6 {
    width: 100%;
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4564 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.column-15 {
    width: 100%;
    grid-column-gap: 30.3429px;
    grid-row-gap: 30.3429px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4565 {
    width: 100%;
    grid-column-gap: 12.6429px;
    grid-row-gap: 12.6429px;
    background-color: #3c3c3c;
    border: 1px #000;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 64px 64px 72px;
    display: flex;
}

.metric-4 {
    grid-column-gap: 53.1px;
    grid-row-gap: 53.1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.metric-value-8 {
    color: #fff;
    text-align: center;
    font-size: 51px;
    font-weight: 700;
    line-height: 150%;
}

.text-11 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-21 {
    height: 2.52857px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-21.current, .vectors-wrapper-21.dis {
    display: none;
}

.vectors-wrapper-21.last {
    display: block;
}

.frame-4566 {
    width: 100%;
    grid-column-gap: 12.6429px;
    grid-row-gap: 12.6429px;
    background-color: #56575c;
    border-left: 8px solid rgba(255, 255, 255, 0);
    justify-content: flex-start;
    align-items: center;
    padding: 64px 64px 64px 72px;
    display: flex;
}

.frame-4567 {
    width: 100%;
    grid-column-gap: 12.6429px;
    grid-row-gap: 12.6429px;
    background-color: #534542;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 64px 64px 72px;
    display: flex;
}

.features-list-3 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #c0fa1b;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
}

._2-columns-4 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.column-16 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-12 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.column-17 {
    width: 100%;
    height: 112px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.frame-4568 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 54px;
    display: flex;
    cursor: pointer;
}

.frame-4568:hover {
    background-color: #f0f7dd;
}

.text-13 {
    color: #1c2732;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.hero-heading-left-4 {
    width: 100%;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 128px;
    display: flex;
}

.frame-160 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.container-7 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

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

.title-copy-goes-here-be-awesome-7 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-4 {
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.panelbel-27dsc08423-1 {
    object-fit: cover;
}

.hero-heading-left-5 {
    width: 100%;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #444f53;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.frame-4569 {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.container-8 {
    width: 100%;
    max-width: 395px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.h2-b {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-5 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.form-wrapper {
    width: 100%;
    max-width: 439px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.input-wrapper {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h6-r {
    color: #c0fa1b;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.form-text-input {
    width: 100%;
    height: 42px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 2px solid #c0fa1b;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.form-text-input::-ms-input-placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-text-input::placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.text-14 {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-block-label {
    color: #c0fa1b;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.form-text-input-2 {
    width: 100%;
    height: 42px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 2px solid #c0fa1b;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.form-text-input-2::-ms-input-placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-text-input-2::placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-button {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #1c2732;
    background-color: #c0fa1b;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 13px 54px;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    display: flex;
}

.form-button:hover {
    background-color: #d0fd4e;
}

.send-message {
    color: #1c2732;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.vectors-wrapper-22 {
    height: 2px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-4570 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.columns-9 {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.column-18 {
    width: 100%;
    max-width: 320px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.logo-wrapper-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    display: flex;
}

.navbar-brand-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4571 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-23 {
    width: 143.467px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.small-columns-3 {
    width: 100%;
    max-width: 600px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    display: flex;
}

.content-5 {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-15 {
    color: #c0fa1b;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}

.footer-links-2 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.link-2 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.content-6 {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.footer-links-3 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.link-3 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}

.link-3:hover {
    text-decoration: underline;
}

.content-7 {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.footer-links-4 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.copyright-2 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
}

.text-16 {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.columns-9-copy {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.tabs {
    width: 100%;
    flex-direction: row-reverse;
    display: flex;
}

.tabs-content {
    width: 100%;
    background-color: #444f53;
    display: flex;
}

.tabs-menu {
    width: 100%;
    flex-direction: column;
    display: flex;
}

.tab-pane-tab-1 {
    width: 100%;
    height: 100%;
    background-color: #444f53;
}

.tab-link-tab-3 {
    border-left: 8px #fff;
    padding: 0;
}

.tab-link-tab-3.w--current {
    border: 8px #000;
    border-left: 8px solid #fff;
}

.tab-link-tab-2 {
    align-items: flex-start;
    padding: 0;
    display: flex;
    left: 0;
}

.tab-link-tab-2.w--current {
    border: 8px #000;
    border-left: 8px solid #fff;
}

.tab-link-tab-1 {
    border: 8px #000;
    padding: 0;
}

.tab-link-tab-1.w--current {
    border-left-style: solid;
    border-left-color: #fff;
    padding: 0;
}

.tab-pane-tab-2, .tab-pane-tab-3 {
    width: 100%;
    background-color: #444f53;
}

.image-67 {
    width: 100%;
}

.tab3 {
    width: 100%;
    height: 100%;
    background-image: url('../images/8017.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.tab1 {
    width: 100%;
    height: 100%;
    background-image: url('../images/9005.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.tab2 {
    width: 100%;
    height: 100%;
    background-image: url('../images/7024.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-form {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 64px 32px;
    display: flex;
}

.container-9 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.container-10 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.column-19 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

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

.h2-b-2 {
    color: #444f53;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

.frame-4557 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-6 {
    color: #444f53;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.form-wrapper-2 {
    width: 100%;
    max-width: 480px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.input-wrapper-2 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h6-r-2 {
    color: #444f53;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.form-text-input-3 {
    width: 100%;
    height: 42px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 2px solid #444f53;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.form-text-input-3::-ms-input-placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-text-input-3::placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.text-17 {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-block-label-2 {
    color: #444f53;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.form-text-input-4 {
    width: 100%;
    height: 42px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 2px solid #444f53;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.form-text-input-4::-ms-input-placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-text-input-4::placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-button-2 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #1c2732;
    background-color: #c0fa1b;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 13px 54px;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    display: flex;
}

.contact-form-copy {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 64px 32px;
    display: flex;
}

.block {
    z-index: 999;
    height: 620px;
    max-width: 586px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 64px 32px;
    display: block;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.block.trigger {
    display: none;
}

.container-11 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.column-20 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.content-9 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4572 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-7 {
    color: #444f53;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.form-wrapper-3 {
    width: 100%;
    max-width: 480px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-18 {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-block-label-3 {
    color: #444f53;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.form-text-input-5 {
    width: 100%;
    height: 42px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 2px solid #444f53;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.form-text-input-5::-ms-input-placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-text-input-5::placeholder {
    color: #979797;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.form-button-3 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #1c2732;
    background-color: #c0fa1b;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 13px 54px;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    display: flex;
}

.content-9-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.button-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #c0fa1b;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 54px;
    display: flex;
}

.button-form:hover {
    background-color: #d0fd4e;
}

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

.vectors-wrapper-24 {
    width: 30.4056px;
    height: 30.4056px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 7%;
    bottom: auto;
    left: auto;
    right: 11%;
}

.frame-4573 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.metric-value-6-copy {
    color: #fff;
    text-align: center;
    font-size: 90px;
    font-weight: 700;
    line-height: 70%;
}

.navbar-brand-4 {
    grid-column-gap: 24px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-4574 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-25 {
    width: 143.467px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sesdfs {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.frame-4575 {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-26 {
    width: 39.4667px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    .navbar-logo-left {
        padding-right: 0;
    }

    .navbar-menu {
        max-width: unset;
    }

    .navbar-link {
        justify-content: center;
    }

    .f2wf-columns {
        flex-direction: row;
        align-items: center;
    }

    .icon {
        color: #fff;
        font-size: 48px;
    }

    .f2wf-columns-header {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row;
        align-items: center;
    }

    .f2wf-columns-2 {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center;
        display: grid;
    }

    .gallery-overview {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .column-5 {
        max-width: 816px;
    }

    .f2wf-small-columns {
        grid-column-gap: 24px;
    }

    .logo-title {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .column-8, .content-3, .footer-links {
        align-items: center;
    }

    .frame-4541 {
        background-position: 94%, 0 0;
    }

    .navbar-logo-left-2 {
        z-index: 1;
        background-color: rgba(10, 63, 80, .88);
        padding-right: 0;
    }

    .navbar-menu-2 {
        max-width: unset;
        padding-right: 24px;
    }

    .navbar-link-2 {
        color: #fff;
        justify-content: center;
    }

    .text-7 {
        color: #fff;
    }

    .navbar-link-3, .frame-110 {
        justify-content: center;
    }

    .f2wf-columns-3 {
        flex-direction: column;
        align-items: center;
    }

    .f2wf-columns-4 {
        flex-direction: row;
        align-items: center;
    }

    .f2wf-columns-5 {
        flex-direction: column;
        align-items: center;
    }

    .f2wf-columns-6 {
        flex-direction: row;
        align-items: center;
    }

    .frame-4559 {
        height: 150px;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-159 {
        width: auto;
    }

    .vectors-wrapper-16 {
        width: 64px;
        height: 64px;
    }

    .h5-r-2 {
        font-size: 16px;
    }

    .vectors-wrapper-17 {
        width: 64px;
        height: 64px;
    }

    .vectors-wrapper-18 {
        width: 86px;
        height: 64px;
    }

    .vectors-wrapper-19, .vectors-wrapper-20 {
        width: 64px;
        height: 64px;
    }

    .container-1 {
        padding-top: 64px;
        padding-bottom: 32px;
    }

    .f2wf-columns-7 {
        flex-direction: column;
        align-items: center;
    }

    .frame-4562 {
        flex-direction: column-reverse;
        align-items: center;
    }

    .f2wf-columns-8 {
        flex-direction: column;
        align-items: center;
    }

    .image-66 {
        object-fit: contain;
        overflow: hidden;
    }

    .f2wf-columns-9 {
        flex-direction: column;
        align-items: center;
    }

    .metric-4 {
        flex-direction: column;
    }

    .features-list-3 {
        padding: 32px 24px;
    }

    .f2wf-columns-10 {
        flex-direction: column;
        align-items: center;
    }

    .frame-4568 {
        width: 100%;
        justify-content: center;
    }

    .hero-heading-left-4 {
        padding: 32px 24px 64px;
    }

    .frame-160 {
        flex-direction: column;
    }

    .f2wf-columns-11 {
        flex-direction: column;
        align-items: center;
    }

    .panelbel-27dsc08423-1 {
        width: 100%;
    }

    .hero-heading-left-5 {
        padding-bottom: 0;
        padding-left: 24px;
        padding-right: 24px;
    }

    .frame-4569 {
        align-items: flex-start;
    }

    .h2-b {
        font-size: 34px;
        line-height: 40px;
    }

    .column-18, .content-5, .footer-links-2, .content-6, .footer-links-3, .content-7, .footer-links-4 {
        align-items: center;
    }

    .icon-8 {
        font-size: 45px;
    }

    .f2wf-columns-2-copy {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center;
        display: grid;
    }

    .tabs {
        height: 600px;
        flex-direction: column-reverse;
    }

    .tabs-content {
        height: 600px;
    }

    .tabs-menu {
        flex-direction: row;
    }

    .f2wf-columns-12, .f2wf-columns-13 {
        flex-direction: column;
        align-items: center;
    }

    .menu-button.w--open {
        background-color: #194b56;
    }

    .sesdfs {
        overflow: visible;
    }
}

@media screen and (max-width: 767px) {
    .f2wf-columns-header {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: center;
    }

    .f2wf-columns-2 {
        align-items: start;
    }

    .gallery-overview {
        padding-bottom: 0;
    }

    .f2wf-small-columns {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center;
        display: grid;
    }

    .frame-4541 {
        background-position: 70%, 0 0;
    }

    .navbar-logo-left-2 {
        z-index: 1;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .navbar-menu-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row;
        justify-content: center;
    }

    .navbar-link-2 {
        color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
    }

    .text-7 {
        color: #fff;
        -webkit-text-stroke-color: #fff;
        font-size: 16px;
    }

    .navbar-link-3 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .frame-110 {
        justify-content: center;
        padding-bottom: 20px;
        display: none;
    }

    .logos-quote-block-2 {
        padding-top: 0;
        padding-bottom: 32px;
    }

    .f2wf-columns-6 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .column-11 {
        align-items: center;
    }

    .frame-4565 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .metric-4 {
        grid-row-gap: 12px;
    }

    .frame-4566, .frame-4567 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .hero-heading-left-5 {
        grid-row-gap: 32px;
    }

    .frame-4569 {
        grid-row-gap: 12px;
        flex-direction: column;
        align-items: center;
    }

    .f2wf-small-columns-2 {
        flex-direction: column;
        align-items: center;
    }

    .f2wf-columns-2-copy {
        align-items: start;
    }

    .tab1 {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-attachment: scroll;
    }

    .block.trigger {
        margin-left: 32px;
        margin-right: 32px;
    }

    .menu-button {
        background-color: rgba(200, 200, 200, .12);
    }

    .menu-button.w--open {
        background-color: #154854;
    }

    .sesdfs {
        color: #fff;
    }
}

@media screen and (max-width: 479px) {
    .column {
        clear: none;
        overflow: visible;
    }

    .title-copy-goes-here-be-awesome {
        width: 100%;
    }

    .f2wf-columns-2 {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
        overflow: visible;
    }

    .text-3 {
        font-size: 32px;
    }

    .image-2 {
        height: 113px;
    }

    .logo-wrapper {
        max-width: 120px;
    }

    .logo {
        object-fit: contain;
    }

    .logo-3 {
        object-fit: contain;
        flex-wrap: nowrap;
        overflow: visible;
    }

    .frame-4541 {
        background-position: 200%, 0 0;
        background-size: auto, auto;
        padding-top: 71px;
    }

    .navbar-logo-left-2 {
        object-fit: fill;
        background-color: #194b56;
        position: fixed;
        top: 0;
        overflow: visible;
    }

    .frame-4542 {
        flex-direction: row;
        align-items: center;
    }

    .vectors-wrapper-13 {
        object-fit: contain;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .navbar-menu-2 {
        width: 100%;
        grid-row-gap: 4px;
        flex-flow: column;
        align-items: center;
        padding-right: 12px;
    }

    .navbar-link-2 {
        color: #fff;
        font-size: 20px;
    }

    .text-7 {
        color: #fff;
        font-size: 14px;
        display: none;
    }

    .frame-110 {
        flex-direction: row;
        padding-bottom: 0;
        display: flex;
    }

    .title-copy-goes-here-be-awesome-5 {
        font-size: 38px;
        line-height: 44px;
    }

    .metric-value-5 {
        font-size: 32px;
    }

    .frame-4558 {
        width: 100%;
    }

    .features-metrics-2 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .f2wf-columns-4 {
        flex-direction: column;
    }

    .metric-value-6 {
        font-size: 38px;
    }

    .f2wf-columns-6 {
        grid-template-areas: ". ."
                         ". ."
                         "Area Area";
    }

    .frame-4559 {
        flex-wrap: nowrap;
    }

    .title-copy-goes-here-be-awesome-6 {
        font-size: 32px;
    }

    .frame-4563 {
        height: 180px;
    }

    ._2-3 {
        object-fit: contain;
    }

    .metric-value-7 {
        font-size: 16px;
        line-height: 24px;
    }

    .image-66 {
        max-height: 237px;
    }

    .features-list-2 {
        padding-top: 0;
    }

    .text-10 {
        font-size: 32px;
    }

    .column-14, .section-4 {
        max-height: 400px;
    }

    .frame-4565 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .metric-4 {
        flex-direction: row;
    }

    .metric-value-8 {
        font-size: 32px;
    }

    .frame-4566, .frame-4567 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .text-12 {
        font-size: 32px;
    }

    .column-17 {
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .title-copy-goes-here-be-awesome-7 {
        font-size: 32px;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-4 {
        font-size: 14px;
    }

    .panelbel-27dsc08423-1 {
        max-height: 500px;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-5 {
        font-size: 14px;
    }

    .f2wf-columns-2-copy {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex;
    }

    .tabs {
        height: 560px;
    }

    .tabs-menu {
        flex-direction: column;
    }

    .tab3 {
        background-repeat: no-repeat;
    }

    .tab1, .tab2 {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container-9 {
        width: 100%;
        grid-row-gap: 24px;
    }

    .h2-b-2 {
        font-size: 32px;
        line-height: 34px;
    }

    .block.trigger {
        margin-left: 12px;
        margin-right: 12px;
        padding-top: 24px;
        padding-bottom: 24px;
        display: none;
    }

    .frame-4572 {
        grid-row-gap: 12px;
    }

    .button-form {
        width: 100%;
    }

    .button-form.trigger {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .vectors-wrapper-24 {
        top: 20px;
        right: 21px;
    }

    .metric-value-6-copy {
        font-size: 70px;
    }

    .sesdfs {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_8defca7d-1421-17e6-1309-246377e03a08-bf600299 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_7947841e-50ff-3ab9-402d-96d249512d50-bf600299 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        justify-self: auto;
    }
}