body {
    padding-top: var(--bs-header-height);
}

header {
    height: var(--bs-header-height);
}

.ptiq-search-placeholder {
    width: 100%;
    max-width: 800px;
    position: relative;
}

.ptiq-mask {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: -1;
}

.ptiq-bg-gradient-primary {
    background: linear-gradient(310deg, #0a58ca, #0d6efd, #052c65);
}

.ptiq-curved {
    background-image: url(/assets/ptiq-curved.jpg);
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    align-items: center;
    background-size: cover;
    background-position: 50%;
    height: 60vh;
    max-height: 450px;
    width: 100%;
    z-index: -2;
}

/* Container for animated waves */
.ptiq-animated-waves {
    position: relative;
    width: 100%;
    height: 10vh;
    margin-bottom: -7px;
    min-height: 70px;
    max-height: 150px;
    overflow: hidden;
}

/* Smaller height variation */
.ptiq-animated-waves-sm {
    height: 50px;
    min-height: 50px;
}

/* Optional: Rotate the wave upside down */
.ptiq-wave-rotate {
    transform: rotate(180deg);
}

/* Disable animation */
.ptiq-no-animation .ptiq-wave-layer > use {
    animation: none;
}

/* Wave animation movement */
.ptiq-wave-layer > use {
    animation: ptiq-wave-flow 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

    .ptiq-wave-layer > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 11s;
    }

    .ptiq-wave-layer > use:nth-child(2) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .ptiq-wave-layer > use:nth-child(3) {
        animation-delay: -3s;
        animation-duration: 15s;
    }

    .ptiq-wave-layer > use:nth-child(4) {
        animation-delay: -4s;
        animation-duration: 20s;
    }

    .ptiq-wave-layer > use:nth-child(5) {
        animation-delay: -4s;
        animation-duration: 25s;
    }

    .ptiq-wave-layer > use:nth-child(6) {
        animation-delay: -3s;
        animation-duration: 30s;
    }

/* Wave keyframe animation */
@keyframes ptiq-wave-flow {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/* Optional: soft float effect using clip-path */
@keyframes ptiq-curve-float {

    0%, 100% {
        clip-path: ellipse(75% 60% at 50% 40%);
    }

    50% {
        clip-path: ellipse(80% 65% at 50% 45%);
    }
}



#addressSuggestions .dropdown-item:last-child .dropdown-divider {
    display: none;
}

.dropdown-item.active {
    background-color: #f0f0f0;
    color: black;
}