.services-tool-wrapper {
    z-index: 99999;
}
.services-tool-modal .modal-dialog {
    --bs-modal-width: 1140px;
}

.services-tool-modal .btn-close {
    background-color: transparent;
    background-image: var(--bs-btn-close-bg); /* Bootstrap 5 token */
}

.services-tool-modal .modal-dialog .modal-content {
    padding: 50px;
    border-radius: 0;
}

.services-hero-section {
    /* max-width: 1256px; */
}

.iqt-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    max-width: 1280px;
    margin: auto;
}

.iqt-hero__panel {

}

.iqt-hero__intro {
    padding: 28px 16px;
    background: var(--kal-black);
    line-height: normal;
}

.iqt-hero__eyebrow {
    color: var(--kal-white);
    font-size: 35px;
    font-weight: 600;
}

.iqt-hero__copy {
    color: var(--kal-white);
    font-size: 20px;
    line-height: normal;
}

.iqt-hero__cta {
    flex: 1 1 25%;
    background: var(--kal-white);
    color: var(--kal-black);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: visible;
}

.iqt-hero__question {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 28px 16px;
    margin: 0;
    font-size: 30px;
    font-weight: 600;
}

.iqt-search-field {
    width: 100%;
    display: block;
    margin-top: auto;
    position: relative;
}

.iqt-search-input {
    width: 100%;
    border: 1px solid rgba(11, 10, 43, 0.2);
    padding: 15px 19px;
    font-size: 20px;
    color: var(--kal-white);
    background-color: var(--kal-blue);
}

.iqt-search-input::placeholder {
    color: var(--kal-white);
    opacity: 1;
    /* font-weight: 600; */
}

.iqt-search-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    background: var(--kal-white);
    box-shadow: 0 12px 30px rgba(6, 9, 44, 0.2);
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid rgba(11, 10, 43, 0.1);
    z-index: 25;
}

.iqt-search-result-item {
    padding: 10px 14px;
    font-size: 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(11, 10, 43, 0.05);
}

.iqt-search-result-item:last-child {
    border-bottom: none;
}

.iqt-search-result-item:hover {
    background: rgba(24, 85, 255, 0.08);
}


.error404 .iqt-hero__intro {
    background-color: var(--kal-white);
}

.error404 .iqt-hero__panel, .error404 .iqt-hero__intro, .error404 .iqt-hero__cta {
    border: 1px solid var(--kal-black);
}

.error404 .iqt-hero__panel {
    box-shadow: 12px 12px 30px rgba(6, 9, 44, 0.4);
}

.error404 .iqt-hero__eyebrow,
.error404 .iqt-hero__copy {
    color: var(--kar-black);
}

@media (min-width: 767px) {
    .iqt-hero {
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 10;
        max-width: 1280px;
        margin: auto;
    }

    .iqt-hero__panel {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        text-align: left;
    }

    .iqt-hero {
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 10;
        max-width: 1280px;
        margin: auto;
    }

    .iqt-hero__panel {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        text-align: left;
    }

    .iqt-hero__intro {
        flex: 1 1 50%;
        padding: 29px 20px;
    }

    .iqt-hero__eyebrow {
        margin: 0 0 8px;
    }

    .iqt-hero__copy {
        font-size: 20px;
    }

    .iqt-hero__cta {
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        overflow: visible;
    }

    .iqt-search-input {
        width: 100%;
        padding: 15px;
        font-size: 20px;
    }

    .iqt-hero__question {
        padding: 45px 15px 29px 15px;
        font-size: 25px;
    }
}

@media (min-width: 992px) {
    .iqt-hero {
        max-width: 85%;
    }

    .iqt-hero__intro {
        flex: 1 1 50%;
        padding: 26px 19px;
    }

    .iqt-hero__eyebrow {
        font-size: 40px;
    }

    .iqt-hero__question {
        padding: 45px 16px 24px 16px;
        font-size: 30px;
    }

}

 @media (min-width: 1200px) {
    .iqt-hero {
        max-width: 83%;
    }

    .iqt-hero__eyebrow {
        margin: 0;
    }

    .iqt-hero__intro {
        padding: 39px 25px;
    }
    
    .iqt-hero__copy {
        font-size: 25px;
    }

    .iqt-hero__question {
        padding: 45px 30px 24px 30px;
    }


    .iqt-search-input, .iqt-search-result-item {
        padding: 19px 35px;
        font-size: 25px;
    }

    .iqt-hero__intro {
        flex: 1 1 55%;
    }

    .iqt-hero__cta {
        flex: 1 1 45%;
    }
 }

 @media (min-width: 1400px) {
    .iqt-hero {
        max-width: 1250px;
    }

    .iqt-hero__copy {
        font-size: 25px;
    }

    .iqt-search-input {
        font-size: 25px;
    }
 }
/* @media (min-width: 1200px) {
    .iqt-hero {
        max-width: unset;
    }
    .iqt-hero__copy, .iqt-search-input, .iqt-search-result-item {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
} */