:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
        "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
        "Source Han Sans CN", sans-serif;
}

.main-container {
    overflow: hidden;
}

.main-container,
.main-container * {
    box-sizing: border-box;
}

input,
select,
textarea,
button {
    outline: 0;
}

.main-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    position: relative;
    width: 1440px;
    height: 2806px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
}

.navbar-logo-left {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 24px 0 24px;
    background: #ffffff;
    overflow: hidden;
}

.navbar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1200px;
    z-index: 1;
}

.navbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1200px;
    z-index: 2;
}

.standard-collection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 54px;
    z-index: 3;
}

.clip-path-group {
    flex-shrink: 0;
    position: relative;
    width: 54px;
    height: 54px;
    background: url(./assets/images/b4ebb6fd-9845-4a72-96ac-9c1fc2cc256e.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 4;
}

.navbar-menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    /* Reduce gap between menu items */
    position: relative;
    width: auto;
    /* Allow the width to adjust */
    z-index: 5;
    overflow: hidden;
}

.navbar-link,
.navbar-link-1,
.navbar-link-2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: auto;
    /* Allow the width to adjust based on content */
    padding: 24px 12px;
    /* Adjust padding for better spacing */
    z-index: 6;
}

.nav-link {
    flex-shrink: 0;
    position: relative;
    width: auto;
    /* Adjust width based on content */
    height: 24px;
    cursor: pointer;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
    background: transparent;
    border: none;
    z-index: 7;
}

.navbar-link-1 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 84px;
    padding: 24px 12px 24px 12px;
    z-index: 8;
}

.navbar-link-2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 90px;
    padding: 24px 12px 24px 12px;
    z-index: 10;
}

.frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    min-width: 0;
    padding: 15px 0 15px 0;
    z-index: 12;
}

.welcome-to-ksl-ai {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 58px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    text-align: center;
    white-space: nowrap;
    z-index: 13;
}

.revolutionizing-how-to-knowledge {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 1000px;
    height: 29px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    white-space: nowrap;
    z-index: 14;
}

.hero-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    min-width: 0;
    background: #f8f8f8;
    z-index: 15;
    overflow: hidden;
}

.columns {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 16;
}

.column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    padding: 20px 0 0 0;
    background: #f8f8f8;
    z-index: 17;
}

.ontology-editor {
    flex-shrink: 0;
    position: relative;
    width: 500px;
    height: 600px;
    background: url(./assets/images/df2139be-7301-44a6-b4e6-199b07846949.png) no-repeat center;
    background-size: cover;
    z-index: 18;
    border-radius: 30px;
}

.column-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 24px;
    position: relative;
    height: 678px;
    padding: 24px 24px 24px 24px;
    background: #f8f8f8;
    z-index: 19;
}

.heading-columns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 10px;
    position: relative;
    min-height: 0;
    z-index: 20;
}

.header {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 500px;
    padding: 24px 0 0 0;
    background: #f8f8f8;
    z-index: 21;
}

.rectangle {
    flex-shrink: 0;
    position: relative;
    width: 500px;
    height: 300px;
    background: url(./assets/images/0391276099f5af5539c98fa6632d78407020c360.png) no-repeat center;
    background-size: contain;
    z-index: 22;
    border-radius: 30px;
}

.columns-4 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    z-index: 23;
}

.column-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 250px;
    background: #f8f8f8;
    z-index: 24;
}

.rectangle-6 {
    flex-shrink: 0;
    position: relative;
    width: 250px;
    height: 300px;
    background: url(./assets/images/1f47a05337c5234c8a780e546ba2b34d2d973246.png) no-repeat center;
    background-size: cover;
    z-index: 25;
    border-radius: 30px;
}

.column-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 250px;
    background: #f8f8f8;
    z-index: 26;
}

.rectangle-8 {
    flex-shrink: 0;
    position: relative;
    width: 250px;
    height: 300px;
    background: url(./assets/images/df8271867ff52d863190013b144ae5b07b07de5e.png) no-repeat center;
    background-size: cover;
    z-index: 27;
    border-radius: 30px;
}

.hero-no-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 80px;
    position: relative;
    min-width: 0;
    padding: 64px 24px 64px 24px;
    background: #ffffff;
    z-index: 28;
    overflow: hidden;
}

.small-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 40px;
    position: relative;
    width: 960px;
    padding: 32px 32px 32px 32px;
    background: #f5f7fa;
    z-index: 29;
    border-radius: 16px;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    min-width: 0;
    z-index: 30;
}

.unlock-power-ai {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 896px;
    height: 116px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 48px;
    font-weight: 700;
    line-height: 57.6px;
    text-align: center;
    z-index: 31;
}

.ksl-ai-offer {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: justified;
    z-index: 32;
}

.ksl-ai-offer-9 {
    position: relative;
    color: #212121;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: justified;
}

.knowledge-string-language {
    position: relative;
    color: #212121;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    text-align: justified;
}

.ksl-semantic-structure {
    position: relative;
    color: #212121;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: justified;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 130px;
    padding: 12px 24px 12px 24px;
    cursor: pointer;
    background: #000000;
    border: none;
    z-index: 33;
}

.get-started {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    white-space: nowrap;
    z-index: 34;
}

.features-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 80px;
    position: relative;
    width: 1440px;
    padding: 64px 24px 64px 24px;
    background: #ffffff;
    z-index: 35;
    overflow: hidden;
}

.columns-a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 80px;
    position: relative;
    width: 960px;
    z-index: 36;
}

.column-b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 24px;
    position: relative;
    min-width: 0;
    z-index: 37;
}

.content-c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    padding: 24px 0 24px 0;
    z-index: 38;
}

.intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    z-index: 39;
}

.title {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 36px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    white-space: nowrap;
    z-index: 40;
}

.description {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 440px;
    height: 42px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    z-index: 41;
}

.column-d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 42;
}

.feature {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 43;
}

.description-e {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    z-index: 44;
}

.human-ai-integration {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
}

.experience-seamless-blend {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.feature-f {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 45;
}

.description-10 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    z-index: 46;
}

.a {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.actionable-knowledge {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
}

.transform-organization-knowledge {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.feature-11 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 47;
}

.description-12 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    z-index: 48;
}

.scalable-solutions {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
}

.scalable-solutions-text {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.feature-13 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 49;
}

.description-14 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    z-index: 50;
}

.enhanced-consistency {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
}

.enhanced-consistency-text {
    position: relative;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 64px;
    position: relative;
    min-width: 0;
    min-height: 0;
    padding: 64px 24px 64px 24px;
    background: #f5f7fa;
    z-index: 51;
    overflow: hidden;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 40px;
    position: relative;
    width: 1200px;
    z-index: 52;
}

.section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    width: 530px;
    z-index: 53;
}

.get-in-touch {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 38px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    z-index: 54;
}

.waiting-list-subscribers {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 27px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    white-space: nowrap;
    z-index: 55;
}

.form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    width: 400px;
    z-index: 56;
}

.form {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 57;
}

.input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 8px;
    position: relative;
    z-index: 58;
    overflow: hidden;
}

.form-text-input {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    padding: 12px 12px 12px 12px;
    background: #ffffff;
    border: 1px solid #000000;
    z-index: 59;
}

.enter-your-email {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 20px;
    color: #979797;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: left;
    white-space: nowrap;
    z-index: 60;
}

.input {
    flex-shrink: 0;
    position: absolute;
    width: 278px;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    z-index: 61;
    outline: none;
}

.form-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 106px;
    padding: 12px 24px 12px 24px;
    cursor: pointer;
    background: #000000;
    border: none;
    z-index: 62;
}

.subscribe {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    white-space: nowrap;
    z-index: 63;
}

.mailing-list {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    z-index: 64;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 40px;
    position: relative;
    min-width: 0;
    height: auto;
    padding: 34px 0 8px 24px;
    background: #f5f7fa;
    z-index: 65;
    overflow: hidden;
}

.columns-15 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 20px;
    position: relative;
    width: 1000px;
    z-index: 66;
}

.column-16 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    width: 180px;
    z-index: 67;
}

.logo-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 54px;
    padding: 16px 0 0 0;
    z-index: 68;
}

.clip-path-group-17 {
    flex-shrink: 0;
    position: relative;
    width: 54px;
    height: 54px;
    background: url(./assets/images/ec99939c-fe1b-496e-9b83-d2f2574ea6bb.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 69;
}

.logo-container {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logo-name {
    font-size: 48px;
    /* Increase font size */
    font-weight: bold;
    color: #18cdca;
    /* Match the green color of the logo */
    margin: 0 0 0 15px;
}

.small-columns {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 32px;
    position: relative;
    width: 100%;
    /* Ensure the small-columns take the full width */
    padding: 16px 0 0 0;
    z-index: 70;
}

.column-18 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 24px;
    position: relative;
    min-width: 0;
    max-width: 33%;
    /* Ensure the column doesn't exceed 33% of the width */
    z-index: 71;
}

.content-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    z-index: 72;
}

.about {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 21px;
    color: #212121;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    z-index: 73;
}

.ksl-ai {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 238px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    white-space: wrap;
    z-index: 74;
}

.contact-us-title {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 21px;
    color: #212121;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    z-index: 75;
}

.contact-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 238px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    white-space: wrap;
    z-index: 76;
}

.column-1a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 24px;
    position: relative;
    min-width: 0;
    /* Ensure the column doesn't exceed 33% of the width */
    z-index: 75;
}

.image {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    /* Make the image take the full width of its container */
    height: 300px;
    /* Adjust the height to an appropriate value */
    max-width: 83%;
    /* Ensure the image doesn't exceed 33% of the width */
    background: url(./assets/images/56339d89c9032c3d6bc22b8f22878f1d77330637.png) no-repeat center;
    background-size: cover;
    /* Ensure the image covers the container */
    z-index: 76;
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 32px;
    position: relative;
    width: 940px;
    padding: 16px 0 16px 0;
    z-index: 77;
}

.text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    z-index: 78;
}

#back-to-top {
    display: none;
    /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #000;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#back-to-top:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

.navbar-logo-left {
    position: relative;
    width: 100%;
    z-index: 1000;
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #d0cfcf;
    /* Adjust as needed */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Optional: add a shadow for better visibility */
}