.search-form-container {
    width: 100% !important;
}

#searched-for {
    border-top: 5px solid #48CA1E !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 100px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    background: #242A36 !important;
}

#search-job {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    background: #242A36 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    border-top: none !important;
    height: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

    #search-job select,
    .search-job-select {
        margin: 0 !important;
    }

.search-form-wrapper {
    justify-content: center !important;
    align-items: center !important;
    gap: 32px !important;
    display: flex !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    width: 100%;
    max-width: 1290px !important;
}

.search-inputs-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    flex: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

.search-job-group-search-form.clearable,
.search-job-select-wrapper {
    flex: 1 !important;
    padding: 20px 16px !important;
    background: #F6F7FC !important;
    border-radius: 10px !important;
    outline: none !important;
    outline-offset: -1px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;
    display: flex !important;
    margin-bottom: 0 !important;
    position: relative !important;
    min-height: 52px !important;
    height: 52px !important;
    box-sizing: border-box !important;
    min-width: 200px !important;
}

    .search-job-group-search-form.clearable i.fa-search,
    .search-job-select-wrapper i.fa-briefcase,
    .search-job-select-wrapper i.fa-map-marker-alt {
        width: 24px !important;
        height: 24px !important;
        color: #5F6B85 !important;
        position: static !important;
        left: auto !important;
        z-index: auto !important;
        flex-shrink: 0 !important;
        font-size: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

.search-job-title.search-box {
    flex: 1 !important;
    color: #1F242E !important;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
}

    .search-job-title.search-box::placeholder {
        color: #5F6B85 !important;
        line-height: 1.2 !important;
        vertical-align: middle !important;
    }

.search-job-select-wrapper .search-job-select {
    flex: 1 !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    color: #1F242E !important;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 0 25px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    height: 52px !important;
    min-height: 52px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

    .search-job-select-wrapper .search-job-select option {
        font-family: "Poppins", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #1F242E !important;
        background: #FFFFFF !important;
        padding: 12px 16px !important;
        border: none !important;
        line-height: 1.4 !important;
    }

        .search-job-select-wrapper .search-job-select option:hover {
            background: #EEF1FA !important;
            color: #060C14 !important;
        }

        .search-job-select-wrapper .search-job-select option:checked,
        .search-job-select-wrapper .search-job-select option:selected {
            background: #61E437 !important;
            color: #1F242E !important;
            font-weight: 500 !important;
        }

    .search-job-select-wrapper .search-job-select:focus {
        outline-offset: 2px !important;
        border-radius: 4px !important;
    }

    .search-job-select-wrapper .search-job-select::-webkit-scrollbar {
        width: 8px !important;
    }

    .search-job-select-wrapper .search-job-select::-webkit-scrollbar-track {
        background: #F5F5F5 !important;
        border-radius: 4px !important;
    }

    .search-job-select-wrapper .search-job-select::-webkit-scrollbar-thumb {
        background: #C0C0C0 !important;
        border-radius: 4px !important;
    }

        .search-job-select-wrapper .search-job-select::-webkit-scrollbar-thumb:hover {
            background: #A0A0A0 !important;
        }

.search-job-select-wrapper .dropdown-arrow {
    position: absolute !important;
    right: 20px !important;
    color: #060C14 !important;
    pointer-events: none !important;
}

.search-job-btn {
    height: 52px !important;
    padding: 14px 16px !important;
    background: #61E437 !important;
    border-radius: 12px !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    color: #1F242E !important;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 140px !important;
    max-width: 220px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    flex-shrink: 0 !important;
}

    .search-job-btn:hover {
        background: #48CA1E !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    }

.toggle-form-elements {
    display: contents !important;
}

.clearable__clear,
#loading {
    display: none !important;
}


.magnifier-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='8.5' stroke='%235F6B85' stroke-width='1.5'/%3E%3Cpath d='M16 16L20 20' stroke='%235F6B85' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.bag-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 13.5C2 10.25 2 8.625 3.0875 7.3125C4.175 6 5.925 6 9.425 6H14.575C18.075 6 19.825 6 20.9125 7.3125C22 8.625 22 10.25 22 13.5C22 16.75 22 18.375 20.9125 19.6875C19.825 21 18.075 21 14.575 21H9.425C5.925 21 4.175 21 3.0875 19.6875C2 18.375 2 16.75 2 13.5Z' stroke='%235F6B85' stroke-width='1.5'/%3E%3Cpath d='M16 6C16 4.25 16 3.375 15.4375 2.6875C14.875 2 14.0625 2 12.4375 2C10.8125 2 9.875 2 9.3125 2.6875C8.75 3.375 8.75 4.25 8.75 6' stroke='%235F6B85' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.location-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 10.5C4 6.5 7.1 3 11 3C14.9 3 18 6.5 18 10.5C18 14.5 15.6 19.2 11.9 21C11.2 21.4 10.8 21.4 10.1 21C6.4 19.2 4 14.5 4 10.5Z' stroke='%235F6B85' stroke-width='1.5'/%3E%3Ccircle cx='11' cy='10' r='2.5' stroke='%235F6B85' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

@media (max-width: 1360px) {

    .search-form-wrapper {
        gap: 20px !important;
        padding: 0 30px !important;
        box-sizing: border-box !important;
        max-width: 1290px !important;
        margin: 0 auto !important;
    }
}

@media (min-width: 1024px) {
    #search-job {
        padding: 12px 0px !important;
    }

    .search-job-select-wrapper .search-job-select {
        flex: 1 !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
        color: #1F242E !important;
        font-size: 14px !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        padding: 0 25px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        line-height: 1.2 !important;
        vertical-align: middle !important;
        height: 52px !important;
        min-height: 52px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (min-width: 301px) and (max-width: 766px) {
    #searched-for {
        border-top: 5px solid #48CA1E !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 100px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        background: #242A36 !important;
    }

    #search-job {
        padding: 12px 0 !important;
        width: 100% !important;
        margin: 0 !important;
        background: #242A36 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        border-top: none !important;
        height: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .search-form-wrapper {
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        display: flex !important;
        padding: 0 0px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        width: 100%;
        max-width: 1290px !important;
        flex-direction: column !important;
    }

    .search-inputs-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 16px !important;
        flex: 1 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        flex-direction: column !important;
    }

    .search-job-group-search-form.clearable,
    .search-job-select-wrapper {
        flex: 1 !important;
        padding: 0px 16px !important;
        background: #F6F7FC !important;
        border-radius: 10px !important;
        outline: none !important;
        outline-offset: -1px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 12px !important;
        display: flex !important;
        margin-bottom: 0 !important;
        position: relative !important;
        height: 52px !important;
        height: 52px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
    }

    .search-job-btn {
        height: 52px !important;
        padding: 14px 16px !important;
        background: #61E437 !important;
        border-radius: 12px !important;
        border: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        color: #1F242E !important;
        font-size: 14px !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        white-space: nowrap !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .search-job-select-wrapper .search-job-select {
        flex: 1 !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
        color: #1F242E !important;
        font-size: 14px !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        padding: 0 25px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        line-height: 1.2 !important;
        vertical-align: middle !important;
        height: 52px !important;
        min-height: 52px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (max-width: 300px) {
    #searched-for {
        padding: 0 12px !important;
        min-height: 80px !important;
        box-sizing: border-box !important;
    }

    #search-job {
        padding: 12px 0 !important;
        box-sizing: border-box !important;
    }

    .search-form-wrapper {
        padding: 0 12px !important;
        box-sizing: border-box !important;
        max-width: 1290px !important;
        margin: 0 auto !important;
    }

    .search-inputs-container {
        gap: 0 !important;
        padding: 0 !important;
    }

    .search-job-select-wrapper {
        border-radius: 0 !important;
        padding: 0px 16px !important;
        height: 52px !important;
        min-height: 52px !important;
        gap: 12px !important;
        box-sizing: border-box;
        overflow-x: hidden;
        word-break: break-word;
    }

        .search-job-select-wrapper:first-of-type {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
        }

        .search-job-select-wrapper:last-of-type {
            border-bottom-left-radius: 10px !important;
            border-bottom-right-radius: 10px !important;
        }

        .search-job-select-wrapper i {
            width: 24px !important;
            font-size: 18px !important;
        }

    .search-job-title.search-box,
    .search-job-select {
        line-height: 1.2 !important;
        display: flex !important;
        align-items: center !important;
        padding-right: 40px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

        .search-job-select option {
            font-size: 14px !important;
            padding: 10px 12px !important;
        }

    .search-job-btn {
        padding: 14px 16px !important;
        height: 52px !important;
        min-width: auto !important;
        box-sizing: border-box !important;
    }

    .search-job-select-wrapper .search-job-select {
        flex: 1 !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
        color: #1F242E !important;
        font-size: 14px !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        padding: 0 25px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        line-height: 1.2 !important;
        vertical-align: middle !important;
        height: 52px !important;
        min-height: 52px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}