﻿#step4-form .step__title{
    margin-bottom:20px;
}

.section--results{
    text-align:left;
}

label{
    display:block;
}

.price-min-label{
    margin-left:5px;
}

.clear-all-filters-container {
    display: flex;
    justify-content: right;
    margin-right: 10px;
}
#clear-all-filters-button {
    color: var(--quote-journey-blue);
}

.pill img, .pill .tooltip {
    opacity: 100;
}

.tooltip{
    opacity:100;
}
.tooltip .tooltip__msg{
    transform: translate(-50%) translateY(-10px);

}
.package-item {
    box-sizing: border-box;
    border: 2px solid transparent;
    transition: border-color 0.2s ease;
}
    .package-item:hover {
        border: 2px solid #FF5C1A;
    }

.package-item:has(.recommended-square) {
    border: 2px solid var(--quote-journey-blue);
}

    .package-item:has(.recommended-square):hover {
        border: 2px solid var(--quote-journey-blue-hover);
    }

.package-item:has(.filtered-recommended-square) {
    border: 2px solid #7da7d5;
}
    .package-item:has(.filtered-recommended-square):hover {
        border: 2px solid #7da7d5;
    }

.filtered-recommended-square {
    background-color: #7da7d5;
}

.tooltip-bubble {
    position: absolute;
    padding: 4px 8px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight:500;
    pointer-events: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
    opacity: 0;
    z-index: 10;
    min-width:50px;
    text-align:center;
}
.bearer-capacity-center-container{
    display:flex;
    width:100%;
}
.bearer-capacity-toggle-container {
    display: flex;
    background-color: #fff;
    border: 1px solid rgba(28, 58, 76, 0.15);
    border-radius: 24px;
    overflow: hidden;
    width:100%;
    height: 50px;
    margin-top: 5px;
}

    .bearer-capacity-toggle-container .bearer-button {
        flex: 1;
        border: none;
        background-color: #fff;
        border: 2px solid #DDE2E4;
        padding: 10px 0;
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease;
        font-size: 16px;
        letter-spacing: -.16px;
        line-height: 22px;
        font-weight: 500;
        color: #707477;
        background-image: repeating-linear-gradient( 45deg, #f9f9fa, #f9f9fa 4px, #e8eaec 4px, #e8eaec 6px );
    }

        .bearer-capacity-toggle-container .bearer-button:first-child {
            border-top-left-radius: 24px;
            border-bottom-left-radius: 24px;
        }


        .bearer-capacity-toggle-container .bearer-button:last-child {
            border-top-right-radius: 24px;
            border-bottom-right-radius: 24px;
        }

        .bearer-capacity-toggle-container .bearer-button.active {
            border-color: #3477bc;
            background-image: none;
        }