.job-lst-mainsec {
            background: #F5F7FA;
        }

        .img-sec img {
            max-height: 55px;
        }

        .careers-title-sec-old {
            background-image: url(' https://www.spfort.com/wp-content/uploads/2022/05/footer-bg-map-1.jpg');
            background-color: rgba(0, 0, 0, 0.01);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: scroll;
            height: 57px;
        }
        .careers-title-sec {
            background-color: #00bbb9;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: scroll;
            height: 57px;
        }

        .carers-titl-div h2 {
            color: #ffffff;
            text-align: center;
            font-weight: 700;
        }

        .career-search {
            overflow-x: hidden;
            display: flex;
            border-radius: 50px;
            font-size: 18px;
            justify-content: space-between;
            width: 50%;
            background-color: #ffffff;
            box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.07);
        }

        .career-search input {
            border: none;
            padding: 10px 20px;
            outline: none;
            width: 80%;
            color: #383838;
            font-size: 16px;

        }

        .button-src i {
            padding: 12px 27px;
            display: inline-block;
            font-size: 23px;
            color: #A0A0A0;
        }

        .curnt-opng-titl h5 {
            color: #000;
            font-size: 24px;
            font-weight: 700;
        }

        .curnt-catgy-sec p {
            color: #000;
            font-size: 17px;
            font-weight: 400;
        }

        .curnt-catgy-sec .imp-span {
            color: #770D4E;
        }

        .view-dtl-btn button {
            color: #770D4E;
            font-size: 15px;
            font-weight: 600;
            border-radius: 4px;
            border: 2px solid #770D4E;
            background-color: #ffffff;
            outline: none;
        }

        .aply-nw-btn button {
            border-radius: 4px;
            border: 2px solid #770D4E;
            color: #ffffff;
            font-size: 15px;
            font-weight: 600;
            background: #770D4E;
            outline: none;

        }

        .curnt-catgy-sec {
            background-color: #ffffff;
            border-radius: 4px;
            margin-right: 18px;
        }

        .curnt-carer-titl p {
            font-weight: 700;
            font-size: 18px !important;
        }

        /* modal section */
        .view-dtl-headrsec h4 {
            color: #000;
            font-size: 22px;
            font-weight: 700;
        }

        .modalview-dtl-headbdysec p {
            color: #000000 !important;
        }

        .modal-imp-span {
            color: #770D4E;
            font-size: 17px;
            font-weight: 500;
        }

        .view-dtl-modl-bdy {
            background: #F3F2F2;
        }

        .viewdtlmodl-subbdy-titl h5 {
            color: #000;
            font-size: 21px;
            font-weight: 600;
        }

        .viedtl-close-btn button {
            border-radius: 4px;
            border: 2px solid #770D4E;
            color: #770D4E;
            font-size: 15px;
            font-weight: 600;
            background-color: #ffffff;
            outline: none;
        }

        .viewdtl-aplynw button {
            color: #FFF;
            font-size: 15px;
            font-weight: 600;
            border-radius: 4px;
            border: 2px solid #770D4E;
            background: #770D4E;
            outline: none;
        }

        .modal-adddtl-mainsec label {
            color: #2D2C34;
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 2px !important;
        }

        .modal-adddtl-mainsec select {
            border-radius: 2px;
            border: 1px solid #AFB9C9;
            color: #959499;
        }

        .modal-adddtl-mainsec input {
            font-size: 14px;
            font-weight: 400;
            border-radius: 2px;
            border: 1px solid #AFB9C9;
            background: #FFFFFF;
        }

        .modal-adddtl-mainsec input::placeholder,
        .modal-adddtl-mainsec select::placeholder {
            color: #959499;
        }
        .capta-div{
            margin-top: -18px;
        }

        /* resolution  */
        /* resolution at 150% */
        @media only screen and (max-width: 1450px) {
            .curnt-opng-titl h5 {
                font-size: 18px !important;
            }

            .career-search input {
                font-size: 13px !important;
            }

            .button-src i {
                font-size: 16px !important;
            }

            .curnt-opng-main-sec .curnt-carer-titl p {
                font-size: 14px !important;
            }

            .curnt-catgy-sec p {
                font-size: 12px !important;
                margin-bottom: 10px !important;
            }

            .view-dtl-btn button {
                font-size: 10px !important;
            }

            .aply-nw-btn button {
                font-size: 10px !important;
            }

            .view-dtl-headrsec h4 {
                font-size: 16px;
            }

            .modalview-dtl-headbdysec p {
                font-size: 12px !important;
            }

            .modal-imp-span {
                font-size: 12px !important;
            }

            .viewdtlmodl-subbdy-titl h5 {
                font-size: 14px !important;
            }

            .viedtl-p p {
                font-size: 11px !important;
                margin-bottom: 11px !important;
            }

            .viedtl-close-btn button,
            .viewdtl-aplynw button {
                font-size: 10px !important;
            }

            .modal-adddtl-mainsec .viewdtl-m {
                margin-top: 0px !important;
                margin-bottom: 9px;
            }

            .modal-adddtl-mainsec label {
                font-size: 11px !important;
            }

            .modal-adddtl-mainsec input,
            .modal-adddtl-mainsec select {
                font-size: 10px !important;
            }

            .viedtl-btn-sec {
                margin-top: 23px !important;
            }

            .modalview-dtl-headbdysec .modl-vwdtl-dept {
                margin-right: 20px !important;
            }
        }

        @media (min-width: 1200px) {
            .job-list-sec .modal-xl {
                --bs-modal-width: 55%;
            }
        }
        .captcha{
            height: 36px;
            width: 144px;
        }


        .custom-message {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #4CAF50; /* Green background */
            color: white; /* White text */
            text-align: center;
            padding: 15px;
            border-radius: 5px;
            z-index: 9999;
            display: none; /* Initially hidden */
        }

        .custom-message.show {
            display: block; /* Show the message when the showSuccessMessage is true */
        }
        .mandatory-indication{
            color:red;
        }
        .description-div td, .description-div tr, .description-div table {
            border: 1px solid black;
        }
        .capta-inpadd{
            border: 1px solid #AFB9C9 !important;
        }