/* UI Updates for Filtered Connector Builder */
/* Version 1.0 - Last Updated 01.09.2026 */

.heading-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    justify-content: space-evenly;

}

.title-container {
    padding: 10px 40px;
}

.builder-title {
    font-size: clamp(1rem, 2vw + 1rem, 3rem);
}

.builder-subtitle {
    font-size: clamp(0.5rem, 1vw + 0.5rem, 2rem);
}

.powell-logo {
    max-width: 100%;
    display: block;
    height: auto;
}

.quell-logo {
    max-width: 100%;
    display: block;
    height: auto;
}

.steps-container {
    width: 100%;
    padding: 15px 0px;
    display: flex;
    justify-content: center;
    background-color: #000;
    border-bottom: 2px solid #2b354e;
}

.path-choices {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: space-evenly;
    font-size: 16px;
    align-items: center;
    text-align: center;
}

footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-image: linear-gradient(to bottom, #060a14, #101420);
    font-size: 1em;
    text-align: center;
}