body {
        background: #FFFFFF;
        margin-top: 5rem;
    }

    .input-file {
        background-color: #f8f9fc;
        border: 1px solid #e2e9f3;
        border-radius: 14px;
        height: 45px;
        width: 100%;
        color: #565A90;
    }

    .input-file::file-selector-button {
        border: none;
        border-radius: 14px;
        color: white;
        background-color: #50b855;
        border: 1px solid #50b855;
        height: 45px;
        width: 120px;
        cursor: pointer;
        transition: all .25s ease-in;
        cursor: pointer;
    }

    .input-file::file-selector-button:hover {
        background-color: #50b855;
        color: #fff;
        transition: all .25s ease-in;
    }

    .oprn_roles .accordion-title::before {
        position: absolute;
        top: 45%;
        right: 1rem;
        content: "+";
        font-size: 25px;
        color: var(--primary-color);
    }

    .is-active>.accordion-title::before {
        content: "–";
        font-size: 25px;
        color: var(--primary-color);
    }

    :last-child:not(.is-active)>.accordion-title {
        border-bottom: 0px solid #e6e6e6;
        border-radius: 0;
    }

    .acc-table,
    .rols {
        margin-bottom: 0px;
    }
    #careers_cls{ color:green }

    #carss label {
        font-size: 14px;
        color: var(--color-black1);
    }

    button.green_btn {
        background: var(--primary-color);
        color: var(--color-white);
        padding: 0px 30px;
        height: 45px;
        vertical-align: middle;
        user-select: none;
        border: 1px solid var(--primary-color);
        border-radius: 26px;
        transition: all .15s ease-in-out;
        cursor: pointer;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
    }

    button.green_btn:hover,
    button.green_btn:focus {
        background: var(--primary-color);
        color: var(--color-white);
    }

    section.oprn_roles .rols_head {
        border-top: 1px solid #00000069;
        padding: 60px 0px 0px;
    }

    section.carees_sec {
        padding: 0px 0px 60px;

    }


    select#carees_select {
        height: 45px;
        border: 1px solid var(--input-border);
        border-radius: 14px;
        box-shadow: none !important;
        padding: 10px 20px;
        background: transparent;
        margin-bottom: 10px;
        background: url(./images/angle-down.svg);
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: 96% 50%;
        padding: 0px 25px 0px 10px !important;
    }

    .is-invalid-input:not(:focus) {
        border-color: #cc4b37 !important;
        background-color: #f9ecea !important;
    }

    #pre-load {
        display: none !important;
    }


    .f14-1 {
        font-size: 14px;
    }

    .btn-primary-1 {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .btn-1 {
        display: flex;
        padding: 0px 30px;
        line-height: 45px;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        /* background-color: transparent; */
        border: 1px solid;
        border-radius: 26px;
        transition: all .15s ease-in-out;
        cursor: pointer;
        text-align: center;
        justify-content: center;
        font-weight: 500;
    }

    form#carrer_form_ids button.btn-1 {

        margin: 0 0 0 auto;

    }


    ul.dashed>li {
        text-indent: -20px;
    }

    ul.dashed>li:before {
        content: "—";
        padding-right: 0.25rem;
        text-indent: -20px;
    }