.ww_title {
    color: white;
}

.ww_banner_bg {
    background-size: 100% 100%;
    min-height: 450px;
    background-repeat: no-repeat;

    .ww_form {
        border-radius: 20px;
    }
}

.ww_form {
    input:focus {
        outline: none !important;
        border: 1px solid #41e596 !important;
    }
    input[type="checkbox"] {
        outline: none;
    }
    .ww_form_body {
        /* .ww_form_top {
            ::placeholder {
                color: #222b78;
            }
        } */
        .ww_form_bot {
            .ww_form_upload_btn {
                transition: all 0.3s ease-in-out;
                border: 2px solid #41e596;
            }
            .ww_form_apply_btn {
                transition: all 0.3s ease-in-out;
                background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
            }
            .ww_form_upload_btn:hover,
            .ww_form_apply_btn:hover {
                box-shadow: 0 0 10px#44ce6f;
            }
        }
    }
}

.ww_list {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    cursor: pointer;

    .ww_list_color {
        width: 7%;
        background-image: linear-gradient(
            to right,
            #222b78 0%,
            #161b4e 42%,
            #080a1f 69%
        );
        /* Add any additional styling */
    }

    .ww_list_position {
        width: 43%;
    }

    .ww_list_exp {
        width: 15%;
    }

    .ww_list_location {
        width: 25%;
    }

    .ww_list_type {
        width: 20%;

        .ww_list_box {
            border: 1px solid #44ce6f;
        }
    }
    .ww_tooltip {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 200px;
        display: block;
    }
    .ww_tooltip_hover {
        transition: all 0.3s ease-in-out;
        opacity: 0;
        padding: 2.5px 20px;
        background-color: #4ecb71;
        border-radius: 10px;
        color: white;
        margin-bottom: 80px;
        line-height: normal;
        z-index: 10;
    }
    .ww_tooltip:hover ~ .ww_tooltip_hover {
        opacity: 1;
    }
}

.ww_list:hover {
    transform: scale(1.01);

    .ww_list_color {
        background-image: linear-gradient(
            to left,
            #222b78 0%,
            #161b4e 42%,
            #080a1f 69%
        );
    }
}

@media (max-width: 769px) {
    .ww_banner_bg {
        height: 700px;
    }
    .ww_title {
        padding: 30px 0 !important;
    }
    .ww_form {
        height: 520px;
        .ww_form_body {
            flex-direction: column;
            padding: 0 20px;
            .ww_form_top,
            .ww_form_center,
            .ww_form_bot {
                width: 100%;
            }
        }
    }
    .ww_job {
        padding-top: 40px !important;
    }
    .ww_list {
        height: 65px !important;
        .ww_list_color {
            display: none;
        }
        .ww_list_position,
        .ww_list_exp,
        .ww_list_location,
        .ww_list_type {
            font-size: 22px;
        }
        .ww_list_position {
            padding-left: 10px !important;
        }
    }
}
@media (max-width: 520px) {
    .ww_title {
        font-size: 34px !important;
        padding: 35px 0 !important;
    }
    .ww_banner_bg {
        height: 640px;
    }
    .ww_form {
        font-size: 18px !important;
        height: 480px;

        .ww_form_top,
        .ww_form_center,
        .ww_form_bot {
            input {
                padding-left: 20px !important;
                height: 45px !important;
                border-radius: 20px !important;
            }
            button {
                height: 45px !important;
                border-radius: 20px !important;
            }
        }

        .ww_pdpa {
            label {
                font-size: 18px !important;
            }
        }
    }
    .ww_list {
        height: 65px !important;
        .ww_list_position {
            width: 30%;
        }
        .ww_list_position,
        .ww_list_exp,
        .ww_list_location,
        .ww_list_type {
            font-size: 18px;
        }
        .ww_list_type {
            width: 25%;
            .ww_list_box {
                padding: 4px !important;
            }
        }
        .ww_list_location {
            img {
                width: 20px !important;
                height: 23px !important;
                margin-right: 5px !important;
            }
        }
    }
}
@media (max-width: 375px) {
    .ww_title {
        font-size: 28px !important;
        padding: 25px 0 !important;
    }
}