.ct-search-form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.ct-search-input {
    flex: 4;
    height: 40px; /* Fixed height */
    padding: 10px;
    border: 0px solid #ccc !important;
    border-radius: 9px 0px 0px 9px !important; /* Use !important correctly */
    outline: none;
    box-shadow: none;
    background-color: #2d2d2d;
    color: #fff;
    margin: 0; /* Ensure no margin */
    box-sizing: border-box; /* Include border and padding in the element's total width and height */
}

.ct-search-button {
    flex: 1;
    height: 40px; /* Fixed height to match input */
    padding: 10px;
    border: none;
    border-radius: 0px 9px 9px 0px !important; /* Use !important correctly */
    background-color: #007cba;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; /* Ensure no margin */
    box-sizing: border-box; /* Include border and padding in the element's total width and height */
}

.ct-search-button:hover {
    background-color: #005fa3;
}

.ct-search-button i {
    color: #fff;
}

.ct-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #121213; /* Custom background color */
    border: 1px solid #3d3d3d;
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999;
    margin-top: 5px;
    border-radius: 5px;
    display: none; /* Hide by default */
}

.ct-search-result-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #3f3f3f;
    cursor: pointer;
    background: #121213;
}

.ct-search-result-item:last-child {
    border-bottom: none;
}

.ct-search-result-item:hover {
    background: #0A0A0C;
}

.ct-search-result-image {
    width: 32px; /* Adjusted to 64px */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px;
}