/* Style cho danh sách chung */
        .danh-sach-cong-viec {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .item-cong-viec {
            border: 1px solid #666666;
            border-radius: 8px;
            padding: 16px;
            margin-bottom: 16px;
            position: relative;
            /* Vị trí tương đối để định vị nút ứng tuyển */
        }

        /* Style cho tiêu đề công việc */
        .ten-cong-viec {
            font-weight: bold;
            font-size: 18px;
            color: #44BFF8;
        }

        .chuc-vu {
            margin-top: 8px;
        }

        /* Style cho divider */
        .divider {
            height: 1px;
            background-color: #666666;
            margin: 16px 0;
        }

        /* Style cho địa điểm làm việc */
        .dia-diem-lam-viec {
            display: flex;
            align-items: center;
            margin-top: 8px;
        }

        .icon-location {
            margin-right: 8px;
            background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbi1sb2NhdGlvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgICAgICAgICAgICAgICAgICB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoKICAgICAgICAgICAgICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgICAgICAgICA8L2RlZnM+CiAgICAgICAgICAgICAgICAgICAgPGcgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IgogICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0gNDUgOTAgYyAtMS40MTUgMCAtMi43MjUgLTAuNzQ4IC0zLjQ0NCAtMS45NjYgbCAtNC4zODUgLTcuNDE3IEMgMjguMTY3IDY1LjM5NiAxOS42NjQgNTEuMDIgMTYuNzU5IDQ1LjE4OSBjIC0yLjExMiAtNC4zMzEgLTMuMTc1IC04Ljk1NSAtMy4xNzUgLTEzLjc3MyBDIDEzLjU4NCAxNC4wOTMgMjcuNjc3IDAgNDUgMCBjIDE3LjMyMyAwIDMxLjQxNiAxNC4wOTMgMzEuNDE2IDMxLjQxNiBjIDAgNC44MTUgLTEuMDYzIDkuNDM4IC0zLjE1NyAxMy43NDEgYyAtMC4wMjUgMC4wNTIgLTAuMDUzIDAuMTA0IC0wLjA4IDAuMTU1IGMgLTIuOTYxIDUuOTA5IC0xMS40MSAyMC4xOTMgLTIwLjM1MyAzNS4zMDkgbCAtNC4zODIgNy40MTMgQyA0Ny43MjUgODkuMjUyIDQ2LjQxNSA5MCA0NSA5MCB6IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiAjNjY2NjY2OyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0gNDUgNDUuNjc4IGMgLTguNDc0IDAgLTE1LjM2OSAtNi44OTQgLTE1LjM2OSAtMTUuMzY4IFMgMzYuNTI2IDE0Ljk0MSA0NSAxNC45NDEgYyA4LjQ3NCAwIDE1LjM2OCA2Ljg5NSAxNS4zNjggMTUuMzY5IFMgNTMuNDc0IDQ1LjY3OCA0NSA0NS42NzggeiIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9zdmc+');
            width: 24px;
            height: 24px;
            background-size: cover;
            display: inline-block;
        }

        /* Style cho ngày hết hạn */
        .ngay-het-han {
            display: flex;
            align-items: center;
            margin-top: 8px;
        }

        .icon-calendar {
            margin-right: 8px;
            background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0idy02IGgtNiB0ZXh0LWdyYXktODAwIGRhcms6dGV4dC13aGl0ZSBpY29uLWNhbGVuZGFyIiBhcmlhLWhpZGRlbj0idHJ1ZSIKICAgICAgICAgICAgICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNCAxMGgxNm0tOC0zVjRNNyA3VjRtMTAgM1Y0TTUgMjBoMTRhMSAxIDAgMCAwIDEtMVY3YTEgMSAwIDAgMC0xLTFINWExIDEgMCAwIDAtMSAxdjEyYTEgMSAwIDAgMCAxIDFabTMtN2guMDF2LjAxSDhWMTNabTQgMGguMDF2LjAxSDEyVjEzWm00IDBoLjAxdi4wMUgxNlYxM1ptLTggNGguMDF2LjAxSDhWMTdabTQgMGguMDF2LjAxSDEyVjE3Wm00IDBoLjAxdi4wMUgxNlYxN1oiIC8+CiAgICAgICAgICAgICAgICA8L3N2Zz4=');
            width: 24px;
            height: 24px;
            background-size: cover;
            display: inline-block;
        }

        /* Style cho nút ứng tuyển */
        .nut-ung-tuyen {
                background-color: #44BFF8;
                color: #fff;
                padding: 4px 20px;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                position: absolute;
                bottom: 16px;
                right: 16px;
                font-size: 14px;
                text-transform: none;
                font-weight: 500;
        }

        .xem-them {
            display: inline-block;
            margin-top: 5px;
            padding: 0px 10px;
            font-size: 14px;
            color: #44BFF8;
            text-decoration: none;
            cursor: pointer;
        }

        .xem-them:hover {
            text-decoration: underline;
        }

.container-cus {
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .widget-a {
            display: flex;
            flex-direction: row;
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 12px;
            margin-bottom: 60px;
            position: relative;
        }

        .widget-a .column {
            padding: 0 10px;
        }

        .widget-a .image-column {
            width: 20%;
        }

        .widget-a img {
            border-radius: 12px;
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .widget-a .text-column {
            width: 50%;
        }

        .widget-a h1 {
            margin: 0;
            font-size: 24px;
        }

        .widget-a .location {
            color: #555;
            font-size: 16px;

        }

        .widget-a .apply-column {
            width: 30%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            font-size: 16px;
        }

        .widget-a .apply-column button {
            background-color: #44BFF8;
            color: white;
            border: none;
            padding: 4px 20px;
            border-radius: 18px;
            cursor: pointer;
            margin-top: 10px;
            font-size: 16px;
          	
          	text-transform: none;
        }

        .card-b {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ffffff;
            padding: 20px;
            border-radius: 12px;
            display: flex;
            flex-direction: row;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 80%;
        }

        .card-b .column {
            flex: 1;
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .card-b .small-text {
            font-size: 14px;
            color: #777;
        }

        .card-b .large-text {
            font-size: 18px;
            color: #333;
        }

        @media (max-width: 768px) {
            .widget-a {
                flex-direction: column;
                align-items: center;
                text-align: left;
                width: 100%;
                margin-bottom: 10px;
            }

            .widget-a .column {
                width: 100%;
                padding: 10px 0;
            }

            .card-b {
                position: relative;
                bottom: 0;
                left: 0;
                transform: none;
                margin-top: 20px;
                width: 100%;
                /* Độ rộng sẽ bằng widget-a trên mobile */
                max-width: 600px;
                /* Độ rộng tối đa */
                flex-direction: column;
                align-items: center;
            }

            .card-b .column {
                padding: 10px 0;
                width: 100%;
                text-align: center;
            }

            .widget-a .apply-column button {

                font-size: 14px;
            }

            .widget-a .apply-column {

                font-size: 14px;
            }

            .widget-a .location {
                font-size: 14px;

            }
        }