/* === Homepage: Search Form Area === */

#homepage .hero-wrap:not(.only-search-bar) {
    height: 480px;
    max-height: 480px;
}

#homepage .hero-wrap:not(.only-search-bar) {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)),url(https://lekkehost.co.za/storage/app/page-sections/homepage/CGDCGEyFZO3IJASoiP5Yv0EwMSyNYrWIaqUsJMbr.png) !important;
    background-size: cover;
}

#homepage .hero-wrap:not(.only-search-bar) h5,
#homepage .hero-wrap:not(.only-search-bar) h5.text-white {
    color: #fbf9f6 !important;
}

#homepage .search-row .search-col:first-child > div,
#homepage .search-row .search-col > div {
    border-width: 2px !important;
}

#homepage .search-row .search-col button {
    border-width: 1px !important;
}

@media (max-width: 767px) {
    .search-row .search-col:first-child > div,
    .search-row .search-col > div {
        border-width: 2px !important;
    }

    .search-row .search-col button {
        border-width: 1px !important;
    }

}

#homepage .search-row .search-col:first-child > div {
    border-start-start-radius: 40px !important;
    border-end-start-radius: 40px !important;
}

#homepage .search-row .search-col:first-child .form-control {
    border-start-start-radius: 40px !important;
    border-end-start-radius: 40px !important;
}

#homepage .search-row .search-col button {
    border-start-end-radius: 40px !important;
    border-end-end-radius: 40px !important;
}

#homepage .search-row .search-col .btn {
    border-start-end-radius: 40px !important;
    border-end-end-radius: 40px !important;
}

@media (max-width: 767px) {
    #homepage .search-row .search-col:first-child > div,
    #homepage .search-row .search-col:first-child .form-control,
    #homepage .search-row .search-col > div,
    #homepage .search-row .search-col .form-control,
    #homepage .search-row .search-col button,
    #homepage .search-row .search-col .btn {
        border-radius: 40px !important;
    }

}

#homepage .search-row .search-col:first-child > div,
#homepage .search-row .search-col > div,
#homepage .search-row .search-col button {
    border-color: #ffffff !important;
}

@media (max-width: 767px) {
    #homepage .search-row .search-col:first-child > div,
    #homepage .search-row .search-col > div,
    #homepage .search-row .search-col button {
        border-color: #ffffff !important;
    }

}

.skin #homepage .search-row .search-col button {
    background-color: #f06a72 !important;
    border-color: #f06a72 !important;
}

.skin #homepage .search-row .search-col button {
    color: #fbf9f6 !important;
}

/* === Homepage: Locations & SVG Map === */