#hero-home .full-height {
    min-height: 100vh;
    align-items: center;
}

.hero-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hero-home .booking{
    bottom: 13%;
}
#hero-home .booking + .scroll-down{
    bottom: 10%;
}
#hero-home input {
    background: transparent;
    color:#FFF;
}
#hero-home input::placeholder {
    color: white !important;
    opacity: 1;
}
.scroll-down {
    display: block;
    margin: auto;
    z-index: 2;
}
#hero-home .btn {
    border-radius: 45px;
    background: #F4F4F4;
}
#hero-home .btn span {
    font-weight: 500;
}
#hero-home .booking svg {
    stroke: #FFF;
}
#hero-home .booking input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield; /* Standard */
    padding-right: 30px;  /* Space for the arrow */
}
#hero-home #search-form svg{
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .desktop-menu img {
        max-width: 120px;
        content: url('https://boat-rental.test/assets/images/components/waterwave/logo-vertical.png');
    }

    .scroll-down {
        bottom: 50px;
    }
    #hero-home .full-height {
        min-height: 100vh;
    }
    #hero-home .booking-row{
        display: none;
    }
}

#hero-home .search-bar{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.57) 0%, rgba(255, 255, 255, 0.36) 100%);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(15px);
    border-radius: 42px;
    padding: 20px;
}


#hero-home .mykonos-guide{
    bottom: 30%;
}
#hero-home .mykonos-guide + .scroll-down{
    bottom: 6%;
}

#search-modal .btn-close{
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none"><path d="M1.41429 0.632043L26.6336 25.8514L25.2194 27.2656L7.83583e-05 2.04626L1.41429 0.632043Z" fill="%23F4F4F4"/><path d="M26.6335 2.04605L1.41421 27.2654L0 25.8512L25.2193 0.631836L26.6335 2.04605Z" fill="%23F4F4F4"/></svg>');
    --bs-btn-close-opacity: 1;
}
#search-modal .modal-content{
    background: transparent;
}
#search-modal .modal-body{
    background: rgba(18, 20, 23, 0.50);
    backdrop-filter: blur(10px);
}
#search-modal .form-control{
    border-radius: 12px;
    background: #FFF;
    padding: 34px;
}
#search-modal .form-select{
    border-radius: 12px;
    background-color: #fff;
    padding: 34px;
    --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M0 1C0.742 1 1.85 1.733 2.78 2.475C3.98 3.429 5.027 4.569 5.826 5.876C6.425 6.856 7 8.044 7 9C7 8.044 7.575 6.855 8.174 5.876C8.974 4.569 10.021 3.429 11.219 2.475C12.15 1.733 13.26 1 14 1" stroke="black" stroke-width="2"/></svg>');
}



#offcanvas-search .form-group i {
    pointer-events: none;
}

#offcanvas-search input {
    appearance: textfield;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding-right: 2.5rem;
}
#offcanvas-search .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none"><path d="M1.41429 0.632043L26.6336 25.8514L25.2194 27.2656L7.83583e-05 2.04626L1.41429 0.632043Z" fill="%23F4F4F4"/><path d="M26.6335 2.04605L1.41421 27.2654L0 25.8512L25.2193 0.631836L26.6335 2.04605Z" fill="%23F4F4F4"/></svg>');
    --bs-btn-close-opacity: 1;
}
#catalog-search .search-bar{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.57) 0%, rgba(255, 255, 255, 0.36) 100%);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(15px);
    border-radius: 42px;
    padding: 20px;
}
#catalog-search .search-bar svg path {fill: var(--bs-primary);}
#offcanvas-search .form-group {
    position: relative;
    display: flex;
    flex-direction: column;
}


/* Hide number input arrows in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide number input arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield; /* Just in case, for newer spec */
}