input#categorySearch::placeholder {
    font-size: 18px;
    color: #000
}
.home-signup-input h4 a {
    text-decoration: none;
}

input#Main-Search-Location::placeholder {
    font-size: 18px
}

.suggestion-item:hover,
div#suggestions-list li:hover {
    background-color: #f0f0f0
}

@media (max-width:767px) {
    .suggestions {
        width: 99.9%
    }

    .suggestions-locations {
        max-height: 301px;
        overflow-y: auto;
        position: absolute;
        background: #ffff;
        z-index: 1000;
        width: 86%;
        left: 0;
        top: 101%;
        text-align: start
    }

    .alert.alert-success,
    div#successMessage {
        font-size: 11px;
        width: 85%;
        margin: auto auto 10px;
        background: #001d5883;
        color: #fff;
        font-weight: 600
    }
}

@media only screen and (min-width:768px) and (max-width:1366px) {
    .search-container {
        display: flex;
        text-align: center;
        width: 100%;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
        flex-direction: column;
        align-items: center
    }

    .suggestions {
        border: 1px solid #ddd;
        max-height: 301px;
        overflow-y: auto;
        position: absolute;
        background: #ffff;
        z-index: 1000;
        width: 60.3%;
        left: 0;
        top: 61px !important;
        text-align: start
    }

       .suggestions-locations {
        left: 62% !important;
        top: 62px !important;
    }
}

.suggestions,
.suggestions-list,
.suggestions-locations {
    background: #ffff;
    text-align: start
}

.suggestions,
.suggestions-list {
    border: 1px solid #ddd;
    position: absolute;
    z-index: 1000;
    overflow-y: auto
}

button#customNextBtn,
button#customPrevBtn {
    position: relative;
    top: -32px
}

div#suggestions-list li {
    list-style: none;
    padding: 8px 8px 8px 14px;
    cursor: pointer;
    border-bottom: 1px solid #001d5883
}

.suggestions-locations {
    max-height: 301px;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
    width: 197px;
    left: 67%;
    top: 62px
}

.suggestions-list {
    left: 29.5%;
    top: 63px
}

.suggestions {
    max-height: 301px;
    width: 65.3%;
    left: 0;
    top: 62px
}

a,
a.carousel-content-link-a {
    text-decoration: none
}

h5.card-title {
    font-size: 22px !important;
    font-family: Montserrat;
    font-weight: 600;
    color: #001d58
}

.recent-dropdown p,
.recent-dropdown.active p,
a.carousel-content-link-a p {
    font-size: 18px;
    font-weight: 600
}

a.carousel-content-link-a p {
    color: #000;
    min-height: 85px;
    text-align: center
}

a.carousel-content-link-a:hover {
    cursor: pointer;
    text-decoration: underline
}

.suggestions-list {
    margin-top: 5px;
    padding: 0;
    max-height: 200px;
    border-radius: 4px;
    background-color: #fff;
    width: 12%
}

.suggestion-item {
    padding: 8px;
    cursor: pointer
}

.no-results {
    padding: 8px;
    color: #888
}

.Connect-Africa\'s,
.Main-div-sbc,
.Main-search-container,
div#categoryFields {
    position: relative
}

@media (max-width:768px) {

    .suggestions,
    .suggestions-locations {
        max-height: 301px;
        overflow-y: auto;
        position: absolute;
        background: #ffff;
        z-index: 1000;
        text-align: start
    }

    .suggestions {
        border: 1px solid #ddd;
        width: 60.3%;
        left: 0;
        top: 67px
    }

  .suggestions-locations {
        width: 90%;
        left: 0%;
        top: 138px;
    }
}

@media (max-width:480px) {

    .suggestions,
    .suggestions-locations {
        max-height: 301px;
        overflow-y: auto;
        position: absolute;
        background: #ffff;
        z-index: 1000;
        left: 0;
        text-align: start
    }

    .suggestions {
        border: 1px solid #ddd;
        width: 99.9%;
        top: 68px
    }

    .suggestions-locations {
        width: 85%;
        top: 137px
    }
}

div#suggestions-list {
    font-size: 16px;
    font-weight: 400;
    max-height: 270px;
    overflow-y: auto
}

div#suggestions-list::-webkit-scrollbar {
    width: 2px
}

div#suggestions-list::-webkit-scrollbar-track {
    background: 0 0
}

div#suggestions-list::-webkit-scrollbar-thumb {
    background-color: #001d58;
    border-radius: 1px
}

.alert.alert-success,
div#successMessage {
    background: nla;
    width: 32%;
    margin: auto;
    background: #001d5883;
    color: #fff;
    font-weight: 600
}

.Main-search-bu-cu p a:hover {
    border-bottom: 2px solid;
    border-radius: 0;
    color: #00f19c
}

.Main-search-bu-cu p a {
    color: #00f19c;
    font-size: 21px;
    font-weight: 500;
    padding: 0
}

.Main-search-bu-cu {
    margin-top: 4px;
    color: #fff;
    text-align: left;
    padding-top: 2px;
    font-size: 22px;
    font-weight: 400
}

@media only screen and (max-width:600px) {
    .Connect-Africa\'s h2 {
        width: 98%;
        color: #fff;
        font-size: 34px;
        font-weight: 500
    }
}

.Main-div-sbc p {
    font-weight: 500
}

@media (max-width:767px) {
    a#home-sign-up-btn {
        margin-top: 0
    }
}

button.home-search-btn,
input.home-trade-locksimth {
    height: 64px !important
}

.Connect-Africa\'s h2 {
    font-weight: 600
}

a.btn.signup-btn {
    margin-top: 29px
}

.background-section,
.home-banner {
    background-image: url('/images/homeimg-banner-New.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 80vh
}