﻿.about-us-dekstop {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    background-color: #ffffff;
}

    .about-us-dekstop .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border: 0.5px solid;
        border-color: #e2e2e2;
    }

    .about-us-dekstop .frame {
        display: inline-flex;
        align-items: center;
        gap: 64px;
        position: relative;
        flex: 0 0 auto;
    }

    .about-us-dekstop .group {
        position: relative;
        width: 122.11px;
        height: 18px;
        aspect-ratio: 6.78;
    }

    .about-us-dekstop .vector {
        position: absolute;
        width: 31.75%;
        height: 99.61%;
        top: 0;
        left: 68.25%;
    }

    .about-us-dekstop .img {
        position: absolute;
        width: 100%;
        height: 99.64%;
        top: 0;
        left: 0;
    }

    .about-us-dekstop .vector-2 {
        position: absolute;
        width: 48.67%;
        height: 100%;
        top: 0;
        left: 51.33%;
    }

    .about-us-dekstop .vector-3 {
        position: absolute;
        width: 66.40%;
        height: 99.04%;
        top: 0;
        left: 33.60%;
    }

    .about-us-dekstop .vector-4 {
        position: absolute;
        width: 14.72%;
        height: 99.04%;
        top: 0;
        left: 85.28%;
    }

    .about-us-dekstop .vector-5 {
        position: absolute;
        width: 82.22%;
        height: 99.05%;
        top: 0;
        left: 17.78%;
    }

    .about-us-dekstop .vector-6 {
        position: absolute;
        width: 76.80%;
        height: 57.69%;
        top: 42.31%;
        left: 23.20%;
    }

    .about-us-dekstop .div {
        display: inline-flex;
        align-items: center;
        gap: 32px;
        position: relative;
        flex: 0 0 auto;
    }

    .about-us-dekstop .text-wrapper {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .frame-2 {
        position: relative;
        flex: 0 0 auto;
    }

    .about-us-dekstop .content-cycle-UI {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 32px 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: var(--light-gray);
        overflow: hidden;
    }

    .about-us-dekstop .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
        background-color: var(--light-gray);
    }

    .about-us-dekstop .vector-7 {
        position: absolute;
        width: 100%;
        height: 600px;
    }

    .about-us-dekstop .background {
        position: absolute;
        top: 0;
        left: calc(50.00% - 600px);
        width: 60%;
        height: 525px;
    }

    .about-us-dekstop .container {
        flex-direction: column;
        width: 597px;
        align-items: flex-start;
        gap: 64px;
        display: flex;
        position: relative;
    }

    .about-us-dekstop .section {
        display: flex;
        flex-direction: column;
        width: 597px;
        align-items: center;
        justify-content: flex-end;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .about-us-dekstop .main-heading {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-top: -1.00px;
        font-family: "Geologica-Medium", Helvetica;
        font-weight: 500;
        color: var(--black);
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .highlighted-text {
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 106px;
        margin-right: -2.00px;
    }

    .about-us-dekstop .p {
        position: absolute;
        top: 0;
        left: 0;
        width: 597px;
        height: 106px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--black);
        font-size: 42px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .main-heading-2 {
        position: relative;
        width: 580px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--dark-gray);
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .container-2 {
        align-items: center;
        gap: 24px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        display: flex;
        position: relative;
    }

    .about-us-dekstop .container-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
        padding: 24px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: var(--white);
    }

    .about-us-dekstop .main-heading-3 {
        position: relative;
        display: flex;
        align-items: center;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--black);
        font-size: 40px;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .main-heading-4 {
        position: relative;
        align-self: stretch;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--dark-gray);
        font-size: 17px;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .main-heading-5 {
        position: relative;
        display: flex;
        align-items: center;
        align-self: stretch;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--dark-gray);
        font-size: 17px;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .content-noda-UI {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 48px;
        padding: 32px 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: var(--light-gray);
    }

    .about-us-dekstop .container-4 {
        flex-direction: column;
        width: 780px;
        align-items: flex-start;
        gap: 32px;
        flex: 0 0 auto;
        display: flex;
        position: relative;
    }

    .about-us-dekstop .section-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .about-us-dekstop .section-subtitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .about-us-dekstop .subtitle-part {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: transparent;
        font-size: 48px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .span {
        color: #000000;
    }

    .about-us-dekstop .text-wrapper-2 {
        color: #005c43;
    }

    .about-us-dekstop .preview-text {
        position: relative;
        align-self: stretch;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--dark-gray);
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .frame-3 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: var(--white);
    }

    .about-us-dekstop .chatgpt-image-mar {
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 585px;
    }

    .about-us-dekstop .frame-4 {
        display: flex;
        flex-direction: column;
        width: 547px;
        align-items: center;
        justify-content: center;
        gap: 16px;
        position: absolute;
        top: 79px;
        left: calc(50.00% - 274px);
    }

    .about-us-dekstop .div-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .about-us-dekstop .text-wrapper-3 {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--black);
        font-size: 42px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .about-us-dekstop .button {
        all: unset;
        box-sizing: border-box;
        display: flex;
        width: 176px;
        align-items: center;
        justify-content: center;
        padding: 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: var(--white);
    }

    .about-us-dekstop .label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0px 8px;
        position: relative;
        flex: 0 0 auto;
    }

    .about-us-dekstop .text-wrapper-4 {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--black);
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .about-us-dekstop .frame-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 32px 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: var(--black);
    }

    .about-us-dekstop .text-wrapper-5 {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: "Geologica-Regular", Helvetica;
        font-weight: 400;
        color: var(--white);
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }
