.home-page {
    min-height: 100vh;
    background-color: #fff;
    display: grid;
    grid-template-areas: "nav" "content" "footer";
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
}
.home-page .navbar {
    grid-area: nav;
    background-color: #fff;
}
.home-page .content {
    grid-area: content;
}
.home-page .content .search.container .sh-logo {
    max-height: 88px;
    object-fit: contain;
    width: auto;
    height: 88px;
}
@media screen and (max-width: 1400px) {
    .home-page .content .search.container .sh-logo {
        max-height: 72px;
    }
}
@media screen and (max-width: 768px) {
    .home-page .content .search.container .sh-logo {
        max-height: 64px;
    }
}
.home-page .content .search.container .search.form {
    background-color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    min-width: 36ch;
    width: 45%;
}
@media screen and (max-width: 1200px) {
    .home-page .content .search.container .search.form {
        width: 55%;
    }
}
@media screen and (max-width: 992px) {
    .home-page .content .search.container .search.form {
        width: 80%;
    }
}
@media screen and (max-width: 768px) {
    .home-page .content .search.container .search.form {
        width: 100%;
    }
}
.home-page .content .search.container .search.form .search-input-wrapper {
    display: flex;
    flex-direction: column;
}
.home-page
    .content
    .search.container
    .search.form
    .search-input-wrapper.destination {
    display: none;
}
.home-page
    .content
    .search.container
    .search.form
    .search-input-wrapper
    .form-label {
    margin: 0;
    display: none;
}
.home-page
    .content
    .search.container
    .search.form
    .search-input-wrapper
    .search-input {
    display: flex;
    align-items: center;
}
.home-page
    .content
    .search.container
    .search.form
    .search-input-wrapper
    .search-input
    .form-control {
    border: none;
    margin-inline-start: 0.5rem;
    border-radius: 0;
}
.home-page
    .content
    .search.container
    .search.form
    .search-input-wrapper
    .search-input
    .form-control:focus {
    box-shadow: 0 0.1rem 0 0 hsl(201, 100%, 45%);
}
.home-page .content .search.container .search.form .vr {
    background-color: hsl(201, 100%, 45%);
    opacity: 1;
}
.home-page .content .search.container .search.form .actions {
    display: flex;
    gap: 12px;
}
.home-page .content .search.container .search.form .actions .search_btn,
.home-page
    .content
    .search.container
    .search.form
    .actions
    .add-destination_btn {
    border: none;
    border-radius: 8px;
    color: #006397;
    padding-inline: 0;
    transition: all 0.2s ease-in-out;
}
.home-page
    .content
    .search.container
    .search.form
    .actions
    .search_btn:disabled,
.home-page
    .content
    .search.container
    .search.form
    .actions
    .add-destination_btn:disabled {
    color: hsl(0, 0%, 70%);
}
.home-page .content .search.container .search.form .actions .search_btn:hover,
.home-page
    .content
    .search.container
    .search.form
    .actions
    .add-destination_btn:hover {
    background-color: #006397;
    color: #fff;
    padding-inline: 12px;
}
.home-page .content .search.container .search.form .actions .search_btn_text,
.home-page
    .content
    .search.container
    .search.form
    .actions
    .add-destination_btn_text {
    display: none;
}
.home-page .content .search.container .search.form.two-inputs {
    grid-template-columns: 1fr 1fr auto;
}
.home-page
    .content
    .search.container
    .search.form.two-inputs
    .search-input-wrapper.destination {
    display: block;
}
.home-page
    .content
    .search.container
    .search.form.two-inputs
    .actions
    .search_btn {
    padding-inline: 12px;
}
.home-page
    .content
    .search.container
    .search.form.two-inputs
    .actions
    .search_btn_text {
    display: none;
}
.home-page
    .content
    .search.container
    .search.form.two-inputs
    .actions
    .add-destination_btn {
    display: none;
}
@media screen and (max-width: 576px) {
    .home-page .content .search.container .search.form.two-inputs {
        width: 80vw;
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .home-page
        .content
        .search.container
        .search.form.two-inputs
        .actions
        .search_btn {
        margin: 0;
        background-color: #006397;
        color: #fff;
        width: 100%;
    }
    .home-page
        .content
        .search.container
        .search.form.two-inputs
        .actions
        .search_btn_text {
        display: inline-block;
        margin-left: 4px;
    }
}
.home-page .footer {
    grid-area: footer;
    font-size: 0.75rem;
}