.custom-outer-text { color: rgba(7, 6, 13, 1); }
.custom-outer-subtext { color: rgba(41, 56, 64, 1); }

.custom-inner-text { color: rgba(229, 236, 237, 1); }

.techhy-logo {
    font-size: var(--techhy-t-h5-fs);
    letter-spacing: var(--techhy-t-h5-ls);
    font-family: var(--techhy-t-heading-ff), serif;
    font-weight: var(--techhy-t-heading-fw);
    color: var(--techhy-s-heading) !important;
}

#techhy-header {
    border-bottom: 1px solid #CCCCCC;
    background-color: #ffffffb2 !important;
}

.sub-menu {
    border: 1px solid #CCCCCC;
}

.btn-prt {
    padding-top: 30px;
}

#techhy-header::before {
    display: none !important;
}

.techhy-active-menu-ind::before {
    display: none; !important;
}

.techhy-block.is-accented .techhy-counter-number {
    color: white !important;
}

.techhy-button {
    font-family: 'Inter', 'sans-serif' !important;
}

.techhy-button:hover {
    color: white; !important;
}

.techhy-modal {
    z-index: -10;
    opacity: 0;
    transition: opacity 300ms ease-in-out, z-index 0ms;
    transition-delay: 0ms, 300ms;
}

.techhy-modal.--opened {
    z-index: 2000;
    opacity: 1;
    transition-delay: 0ms, 0ms;
}

#tallyContactFormModal {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 12px;
}

#tallyContactFormModal > div {
    width: 100%;
}

#tallyContactFormModal > div > div.relative {
    width: min(100%, 72rem);
    max-height: calc(100dvh - 24px);
    margin: 0 auto;
    border-radius: 1.5rem 1.5rem 0 0;
    display: flex;
    flex-direction: column;
}

#tallyContactFormModal > div > div.relative iframe {
    width: 100%;
    min-height: 540px !important;
    height: calc(100dvh - 160px) !important;
    border: 0;
}

@media (min-width: 640px) {
    #tallyContactFormModal {
        align-items: center;
        padding: 32px;
    }

    #tallyContactFormModal > div > div.relative {
        width: min(100%, 80rem);
        max-height: calc(100dvh - 64px);
        border-radius: 1.5rem;
    }

    #tallyContactFormModal > div > div.relative iframe {
        height: min(82dvh, 900px) !important;
    }
}


.techhy-masked-cta input {
    background: #F5F7FA27 !important;
    border-color: white !important;
    color: white !important;
}

.techhy-masked-cta input::placeholder {
    color: white !important;
}


.techhy-masked-cta button {
    transition: 100ms ease-in-out;
    background: white !important;
    border-color: white !important;
}

.techhy-masked-cta button:hover {
    opacity: 0.9 !important;
}