.home-splash-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--green-grad);
    width: 100vw;
}
.home-splash-content-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-splash-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-splash-image {
    margin: 100px 0;
    width: 70vw;
    max-width: 940px;
}
.home-splash-text-container {
    position: absolute;
    background: rgba(48, 61, 87, 0.8);
    color: white;
    width: 70vw;
    max-width: 850px;
    padding: 30px 18px 30px 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 10px;
    transform: translate(60px, 188px);
    backdrop-filter: blur(8px);
}
.home-splash-title {
    padding: 0;
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 26px;
}
.home-splash-text {
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}
@media (max-width: 1128px) {
    .home-splash-container {
        padding: 96px 0;
        transform: rotate(4deg);
        width: 120vw;
    }
    .home-splash-content-container {
        flex-direction: column-reverse;
        justify-content: center;
        transform: rotate(-4deg);
        gap: 20px;
    }
    .home-splash-text-container{
        padding: 20px 18px 20px 28px;
        width: calc(100dvw - 104px);

        position: relative;
        margin: 0;
        text-overflow: ellipsis;
        transform: translate(0,0);

    }
    .home-splash-image {
        width: calc(100dvw - 56px);
        margin: 0;
    }
    .home-splash-title {
        font-size: clamp(20px, 4vw, 32px);
        white-space: wrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home-splash-text {
        font-size: clamp(12px, 3vw, 20px);
        line-height: clamp(20px, 4vw, 28px);
    }
}

.home-value-prop-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    max-width: 940px;
}
.smaller-prop-conatiner-gap {
    gap: 20px;
}
.larger-gap {
    gap: 16px !important;
    background: var(--green-blue-grad) !important;
}
.home-value-prop-header {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: var(--active-green);
    width: 100%;
}
.home-value-prop-alt-color {
    color: var(--active-blue);
}
.home-value-prop-item-container {
    display: flex;
    flex-wrap: wrap;
    background: var(--green-grad);
    width: 380px;
    border-radius: 6px;
    padding: 24px 37px;
    gap: 12px;
}
.full-width {
    width: 100%;
    flex-direction: column;
}
.min-width {
    min-width: 100%;
}
.smaller-text {
    font-size: clamp(16px, 4.2vw, 24px) !important;
}
.larger-text {
    font-size: clamp(22px, 5vw, 32px) !important;
}
.home-value-prop-alt-grad {
    background: var(--blue-grad);
}
.home-value-prop-title {
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--white);
}
.home-value-prop-info-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 20px;
}
.home-value-prop-icon {
    font-family: 'Material Symbols Rounded', sans-serif;
    font-weight: 300;
    font-size: 64px;
    color: var(--white);
}
.full-value-prop-icon {
    line-height: 38px;
}
.home-value-prop-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: var(--white);
    width: 304px;
    line-height: 22px;
}
.full-screen-prop-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 3vw, 20px);
    line-height: clamp(24px, 4vw, 32px);
    color: var(--white);
}
@media (max-width: 1128px) {
    .home-value-prop-container {
        width: calc(100dvw - 56px);
        justify-content: center;
    }
    .home-value-prop-item-container {
        max-width: calc(100dvw - 128px);
    }
    .home-value-prop-text {
        max-width: 304px;
        width: 100%;
    }
}

.home-contact-container {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    box-shadow: var(--theme-menu-shadow);
    border-radius: 20px;
    height: auto;
    overflow: hidden;
}
.home-contact-info-container {
    max-width: 490px;
    height: 595px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 38px 48px;
    background-image: url("/images/stock/laptop work2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.home-contact-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    background: var(--midnight-opaque-60);
    /*background: var(--blue);*/
    /*margin: 10px;*/
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 12px 24px;
    border-radius: 10px;
    user-select: none;
}
.home-contact-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: var(--white);
}
.home-contact-sub-title {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
}
.home-contact-form-container {
    /*background: blue;*/
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 36px 56px;
    gap: 16px;
}
.home-contact-company-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    gap: 16px;
}
.home-contact-send-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
@media (max-width: 1128px) {
    .home-contact-container {
        flex-direction: column;
        max-width: calc(100dvw);
        align-items: center;
    }
    .home-contact-form-container {
        justify-content: center;
        align-items: flex-start;
        /*background: red;*/
    }
    .home-contact-info-container {
        max-height: 400px !important;
    }
}
@media (max-width: 560px) {
    .home-contact-container {
        box-shadow: none;
        border-radius: 0;
        background: var(--theme-mist);
    }
    .home-contact-info-container {
        border-radius: 0;
    }
}