* {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    font-family: Arial, Helvetica, sans-serif;
                }
                
                body {
                    background-color: #111;
                    color: #fff;
                }
                /* ================= TOP BAR ================= */
                
                .topbar {
                    background: #000;
                    color: #fff;
                    font-size: 14px;
                    padding: 10px 40px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    gap: 15px;
                }
                
                .dot {
                    width: 8px;
                    height: 8px;
                    background: #ff5a1f;
                    border-radius: 50%;
                    display: inline-block;
                }
                
                .topbar-right {
                    display: flex;
                    gap: 25px;
                    flex-wrap: wrap;
                }
                
                .info-item {
                    opacity: 0.95;
                }
                
                .topbar-left {
                    position: relative;
                    padding-left: 18px;
                    /* space for dot */
                    display: flex;
                }
                
                p.orange-txt {
                    margin-bottom: 0px;
                }
                
                .topbar-left::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    width: 9px;
                    height: 9px;
                    border-radius: 50%;
                    background-color: #eebd36;
                }
                /* Header */
                
                .header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #000;
                    padding: 15px 40px;
                }
                
                .logo {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }
                
                .logo h1 {
                    font-size: 22px;
                }
                
                .logo p {
                    font-size: 12px;
                    color: #ffffff;
                }
                
                .nav {
                    display: flex;
                    align-items: center;
                    gap: 24px;
                    /* 🔥 controls space between links */
                }
                
                .nav a {
                    margin: 0 12px;
                    color: #fff;
                    text-decoration: none;
                    font-size: 14px;
                }
                
                .nav a:hover {
                    color: #a87b00;
                }
                
                .dropdown {
                    position: relative;
                }
                /* Dropdown content */
                
                .dropdown-content {
                    display: none;
                    position: absolute;
                    top: 110%;
                    left: 0;
                    background: #fff;
                    min-width: 200px;
                    z-index: 999;
                }
                /* Dropdown links */
                
                .dropdown-content a {
                    color: #111;
                    padding: 12px 15px;
                    display: block;
                    border-bottom: 1px solid #eee;
                }
                
                .dropdown-content a:hover {
                    /*background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);*/
                    color: #ffc21c;
                }
                /* Show dropdown on hover */
                
                .dropdown:hover .dropdown-content {
                    display: block;
                }
                
                .quote-btn {
                    background: #a87b00;
                    color: #fff;
                    border: none;
                    padding: 12px 18px;
                    cursor: pointer;
                    font-weight: bold;
                }
                
                .quote-menu {
                    display: flex;
                    align-items: center;
                }
                /* Orange block */
                
                .quote-btn {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    color: black;
                    border: none;
                    padding: 18px 26px;
                    font-weight: bold;
                    letter-spacing: 1px;
                    cursor: pointer;
                }
                /* Three line icon block */
                
                .menu-icon {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    padding: 18px 20px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    gap: 9px;
                    cursor: pointer;
                }
                /* Lines */
                
                .menu-icon span {
                    width: 22px;
                    height: 2px;
                    background: black;
                    display: block;
                }
                /* Header Icons */
                
                .header-icons {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                }
                /* Search */
                
                .search-box {
                    position: relative;
                }
                
                .search-box input {
                    padding: 8px 30px 8px 10px;
                    border-radius: 4px;
                    border: none;
                    outline: none;
                    font-size: 14px;
                }
                
                .search-icon {
                    position: absolute;
                    right: 8px;
                    top: 50%;
                    transform: translateY(-50%);
                    cursor: pointer;
                }
                /* Cart */
                
                .cart {
                    position: relative;
                    font-size: 22px;
                    cursor: pointer;
                }
                
                .cart-count {
                    position: absolute;
                    top: -8px;
                    right: -10px;
                    background: #a87b00;
                    color: #fff;
                    font-size: 12px;
                    padding: 2px 6px;
                    border-radius: 50%;
                }
                
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    font-family: Arial, Helvetica, sans-serif;
                }
                
                .brand-box {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                }
                /* Orange round icon */
                
                .logo-icon {
                    width: 48px;
                    height: 48px;
                    background: #ff5a1f;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: white;
                    font-size: 22px;
                }
                /* Text block */
                
                .brand-text h4 {
                    margin: 0;
                    font-weight: 800;
                    color: #fff;
                    font-size: 22px;
                }
                
                .brand-text span {
                    font-size: 13px;
                    color: #cfcfcf;
                }
                /* HERO */
                
                .career-hero {
                    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d");
                    background-size: cover;
                    background-position: center;
                    padding: 120px 20px;
                    color: white;
                    text-align: center;
                }
                
                .career-hero h1 {
                    font-size: 48px;
                    font-weight: 800;
                }
                /* FILTER */
                
                .filter-section {
                    padding: 40px 0;
                    background: #f8f9fa;
                }
                
                .btn-filter {
                    border: 2px solid #f15a24;
                    color: #f15a24;
                    margin: 5px;
                    font-weight: 600;
                }
                
                .btn-filter.active,
                .btn-filter:hover {
                    background: #f15a24;
                    color: white;
                }
                /* JOB CARD */
                
                .jobs-section {
                    padding: 70px 0;
                }
                
                .career-card {
                    background: #fff;
                    padding: 28px;
                    border-radius: 10px;
                    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
                    height: 100%;
                    transition: .3s;
                }
                
                .career-card:hover {
                    transform: translateY(-6px);
                }
                
                .apply-btn {
                    margin-top: 15px;
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    color: #fff;
                    font-weight: 600;
                    width: 100%;
                    border: none;
                    padding: 12px;
                }
                
                .apply-btn:hover {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                }
                /* CTA */
                
                .apply-cta {
                    background: #000;
                    color: #fff;
                    padding: 80px 20px;
                    text-align: center;
                }
                
                .apply-big-btn {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    color: black;
                    padding: 16px 40px;
                    font-size: 18px;
                    font-weight: 700;
                    border: none;
                    border-radius: 6px;
                    margin-top: 20px;
                }
                
                .apply-big-btn:hover {
                    background: #ffffff;
                    color: #000;
                }
                /* HERO SECTION */
                
                .hero-section {
                    position: relative;
                    min-height: 0%;
                    background: url("https://wowtheme7.com/tf/buildnow/assets/img/home-5/cta/cta-bg.jpg") center/cover no-repeat;
                    display: flex;
                    align-items: center;
                }
                
                .hero-section .overlay {
                    position: absolute;
                    inset: 0;
                    background: linear-gradient(90deg, rgba(251, 231, 161, 0.95), rgba(227, 196, 109, 0.90), rgba(201, 168, 74, 0.85));
                }
                
                .hero-section .container {
                    position: relative;
                    z-index: 2;
                }
                /* LEFT TEXT */
                
                .top-label {
                    font-size: 16px;
                    letter-spacing: 2px;
                    font-weight: 600;
                    margin-left: 150px;
                    color: #000;
                }
                
                .hero-text h1 {
                    font-size: 52px;
                    font-weight: 800;
                    line-height: 1.2;
                    margin: 20px 0 30px;
                    margin-left: 142px;
                    color: #000;
                }
                /* BUTTON */
                
                .btn.contact-btn {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    padding: 14px 26px;
                    background: #000;
                    color: #fff;
                    text-decoration: none;
                    font-weight: 700;
                    font-size: 14px;
                    border-radius: 4px;
                    letter-spacing: 0.5px;
                    transition: all 0.3s ease;
                    margin-left: 20vh;
                }
                /* arrow style */
                
                .contact-btn .arrow {
                    background: #fff;
                    color: #000;
                    padding: 6px 8px;
                    font-size: 16px;
                    transition: transform 0.3s ease;
                }
                /* hover effect */
                
                .btn.contact-btn:hover {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                }
                /* arrow move on hover */
                
                .btn.contact-btn:hover .arrow {
                    transform: translate(4px, -4px);
                }
                /* RIGHT SIDE */
                
                .worker-img {
                    width: 100%;
                    max-width: 320px;
                    position: relative;
                    z-index: 3;
                    margin-top: 60px;
                    margin-left: -87px;
                }
                /* CONTACT BOX */
                
                .contact-box {
                    position: absolute;
                    background: #fff;
                    padding: 6px 18px;
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    border-radius: 50px;
                    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
                }
                
                .contact-box i {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    color: #000;
                    padding: 12px;
                    border-radius: 50%;
                }
                
                .contact-box small {
                    font-size: 12px;
                    color: #777;
                }
                
                .contact-box p {
                    margin: 0;
                    font-weight: 600;
                    font-size: 14px;
                }
                /* POSITIONS */
                
                .contact-box.call {
                    top: 25%;
                    right: 140px;
                }
                
                .contact-box.mail {
                    top: 48%;
                    right: 70px;
                }
                /* CRANE */
                /* .crane-img {
  position: absolute;
  right: -80px;
  top: 0;
  width: 102px;
} */
                
                body {
                    margin: 0;
                    font-family: "Segoe UI", sans-serif;
                }
                
                .footer1-section {
                    position: relative;
                    background: url("	https://wowtheme7.com/tf/buildnow/assets/img/home-5/footer-bg.jpg") center/cover no-repeat;
                    color: #fff;
                }
                
                .footer-overlay {
                    position: absolute;
                    inset: 0;
                    background: rgba(0, 0, 0, 0.85);
                }
                
                .footer-logo {
                    font-size: 26px;
                    font-weight: bold;
                    color: #ff5a1f;
                }
                
                .footer-logo i {
                    margin-right: 10px;
                }
                
                .footer-text {
                    font-size: 14px;
                    color: #ccc;
                }
                
                .footer-social span {
                    display: block;
                    margin-bottom: 8px;
                }
                
                .footer-social a {
                    color: #fff;
                    margin-right: 10px;
                    font-size: 16px;
                }
                
                .footer-title {
                    margin-bottom: 20px;
                    font-weight: 600;
                }
                
                .footer-links {
                    list-style: none;
                    padding: 0;
                }
                
                .footer-links li {
                    margin-bottom: 10px;
                }
                
                .footer-links a {
                    color: #ccc;
                    text-decoration: none;
                    font-size: 14px;
                }
                
                .footer-links a:hover {
                    color: #e9bb3f;
                }
                
                .newsletter-box {
                    background: #fff;
                    color: #000;
                    padding: 25px;
                    border-radius: 4px;
                    margin-left: -32px;
                    margin-top: -49px;
                }
                
                .newsletter-box i {
                    font-size: 30px;
                    color: #ecb726;
                    margin-bottom: 10px;
                }
                
                .newsletter-box h5 {
                    font-weight: 600;
                }
                
                .newsletter-box p {
                    font-size: 14px;
                    color: #555;
                }
                
                .btn-orange {
                    background: #ff5a1f;
                    color: #fff;
                    font-weight: 600;
                    border: none;
                    font-size: smaller;
                }
                
                .btn-orange:hover {
                    background: #e64a19;
                }
                
                .footer-bottom {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    padding: 15px 0;
                    font-size: 14px;
                }
                
                .payment-icons img {
                    height: 22px;
                    margin-left: 10px;
                    background: #fff;
                    padding: 3px;
                    border-radius: 3px;
                }
                
                .scroll-top {
                    position: fixed;
                    bottom: 25px;
                    right: 25px;
                    background: #ff5a1f;
                    color: #fff;
                    padding: 10px 12px;
                    border-radius: 3px;
                    display: none;
                }
                
                .footer-logo2 img {
                    width: 200px;
                }
                /* CRANE */
                /* .crane1-img {
  position: absolute;
  right: -53px;
  top: -3px;
  width: 332px;
} */
                
                .col-lg-3 {
                    flex: 0 0 auto;
                    width: 21%;
                }
                /* left image */
                
                .left-img {
                    position: absolute;
                    left: -676px;
                    top: 0;
                    width: 219px;
                }
                
                .text-white {
                    --bs-text-opacity: 1;
                    color: #000 !important;
                    margin-left: 0px;
                    ;
                }
                /* Scroll To Top */
                
                .scroll-top {
                    position: fixed;
                    right: 25px;
                    bottom: 25px;
                    width: 45px;
                    height: 45px;
                    border: none;
                    background: #ff6a00;
                    color: #fff;
                    font-size: 20px;
                    border-radius: 5px;
                    cursor: pointer;
                    display: none;
                    z-index: 999;
                }
                
                .scroll-top:hover {
                    background: #000;
                }
                /* Cards */
                
                .career-card {
                    background: #fff;
                    padding: 30px;
                    border-radius: 10px;
                    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
                    position: relative;
                }
                
                .career-card::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 4px;
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                }
                /* Job list bullets */
                
                .job-list {
                    list-style: none;
                    padding: 0;
                }
                
                .job-list li {
                    padding-left: 18px;
                    margin-bottom: 8px;
                    position: relative;
                }
                
                .job-list li::before {
                    content: "";
                    width: 7px;
                    height: 7px;
                    background: #ddb445;
                    border-radius: 50%;
                    position: absolute;
                    left: 0;
                    top: 8px;
                }
                
                button.btn.btn-dark.mt-3.apply-btn {
                    width: auto;
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                }
                
                .exp-section {
                    display: flex;
                }
                
                button.btn.btn-orange.w-100 {
                    background: linear-gradient(135deg, #FBE7A1, #f1c95b, #C9A84A);
                    color: #000;
                    font-weight: 600;
                    border: none;
                    font-size: smaller;
                }
                
                button.btn.btn-orange.w-100:hover {
                    background: #000;
                    color: #fff;
                }
                
                .logo-icon1 {
                    transform-origin: center;
                    margin-top: 0px;
                    width: 140px;
                }
                /* ========== LAPTOP / DESKTOP (1024px - 1200px) ========== */
                
                @media screen and (max-width: 1200px) {
                    /* Header */
                    .header {
                        padding: 15px 20px;
                    }
                    .nav {
                        gap: 10px;
                    }
                    .nav a {
                        margin: 0 6px;
                        font-size: 13px;
                    }
                    /* Hero Section */
                    .hero-text h1 {
                        font-size: 42px;
                        margin-left: 80px;
                    }
                    .top-label {
                        margin-left: 80px;
                    }
                    .btn.contact-btn {
                        margin-left: 80px;
                    }
                    .worker-img {
                        max-width: 280px;
                        margin-left: 0;
                    }
                    .contact-box.call {
                        right: 60px;
                    }
                    .contact-box.mail {
                        right: 20px;
                    }
                    .left-img {
                        left: -500px;
                        width: 180px;
                    }
                    /* Footer */
                    .newsletter-box {
                        margin-left: 0;
                        margin-top: 0;
                    }
                    .col-lg-3 {
                        width: 25%;
                    }
                }
                /* ========== TABLET (768px - 1023px) ========== */
                
                @media screen and (max-width: 1023px) {
                    /* Top Bar */
                    .topbar {
                        padding: 10px 20px;
                        flex-direction: column;
                        text-align: center;
                    }
                    .topbar-right {
                        justify-content: center;
                        gap: 15px;
                    }
                    /* Header */
                    .header {
                        flex-wrap: wrap;
                        padding: 15px 20px;
                    }
                    .logo {
                        order: 1;
                    }
                    .nav {
                        order: 3;
                        width: 100%;
                        justify-content: center;
                        margin-top: 15px;
                        flex-wrap: wrap;
                    }
                    .header-icons {
                        order: 2;
                    }
                    .nav a {
                        margin: 0 8px;
                    }
                    /* Career Hero */
                    .career-hero h1 {
                        font-size: 36px;
                    }
                    /* Hero Section */
                    .hero-section .row {
                        flex-direction: column;
                    }
                    .hero-text {
                        text-align: center;
                        margin-bottom: 40px;
                    }
                    .hero-text h1 {
                        font-size: 38px;
                        margin-left: 0;
                    }
                    .top-label {
                        margin-left: 0;
                    }
                    .btn.contact-btn {
                        margin-left: 0;
                    }
                    .worker-img {
                        max-width: 300px;
                        margin: 0 auto;
                        display: block;
                    }
                    .contact-box.call {
                        top: 20%;
                        right: 20px;
                    }
                    .contact-box.mail {
                        top: 45%;
                        right: 10px;
                    }
                    .left-img {
                        display: none;
                    }
                    /* Job Cards */
                    .job-card {
                        width: 50%;
                    }
                    /* Footer */
                    .footer1-section .row {
                        display: flex;
                        flex-wrap: wrap;
                    }
                    .col-lg-4,
                    .col-lg-2,
                    .col-lg-3 {
                        width: 50%;
                        margin-bottom: 30px;
                    }
                    .newsletter-box {
                        margin-top: 20px;
                    }
                    .footer-bottom .container {
                        flex-direction: column;
                        gap: 15px;
                        text-align: center;
                    }
                }
                /* ========== MOBILE LANDSCAPE (576px - 767px) ========== */
                
                @media screen and (max-width: 767px) {
                    /* Top Bar */
                    .topbar-right {
                        flex-direction: column;
                        gap: 8px;
                        align-items: center;
                    }
                    /* Header */
                    .header {
                        padding: 10px 15px;
                    }
                    /* Navigation */
                    .nav {
                        justify-content: center;
                        width: 100%;
                        gap: 8px;
                        margin: 10px 0;
                    }
                    .nav a {
                        font-size: 11px;
                        margin: 0 5px 0 0;
                        .dropdown-content {
                            left: 0;
                            right: auto;
                            min-width: 150px;
                        }
                        /* Header Icons */
                        .header-icons {
                            gap: 10px;
                        }
                        .logo {
                            justify-content: flex-start;
                            width: 100%;
                        }
                        .logo-icon1 {
                            width: 100px;
                            margin: 0;
                            margin-left: -120px;
                        }
                        .quote-btn {
                            padding: 12px 15px;
                            font-size: 13px;
                        }
                        .menu-icon {
                            padding: 15px;
                        }
                        /* Career Hero */
                        .career-hero {
                            padding: 80px 15px;
                        }
                        .career-hero h1 {
                            font-size: 32px;
                        }
                        /* Filter Section */
                        .filter-section .container {
                            display: flex;
                            flex-wrap: wrap;
                            justify-content: center;
                        }
                        .btn-filter {
                            padding: 8px 16px;
                            font-size: 14px;
                        }
                        /* Job Cards */
                        .job-card {
                            width: 100%;
                        }
                        /* Hero Section */
                        .contact-box {
                            padding: 6px 12px;
                        }
                        .contact-box i {
                            padding: 8px;
                            font-size: 14px;
                        }
                        .contact-box p {
                            font-size: 12px;
                        }
                        .worker-img {
                            max-width: 250px;
                        }
                        /* Footer */
                        .col-lg-4,
                        .col-lg-2,
                        .col-lg-3 {
                            width: 100%;
                        }
                        .footer-logo2 img {
                            width: 160px;
                        }
                        .newsletter-box {
                            padding: 20px;
                        }
                        .payment-icons {
                            display: flex;
                            flex-wrap: wrap;
                            justify-content: center;
                            gap: 10px;
                        }
                        .payment-icons img {
                            height: 18px;
                            margin: 5px;
                        }
                    }
                    /* ========== MOBILE PORTRAIT (480px and below) ========== */
                    @media screen and (max-width: 480px) {
                        /* Top Bar */
                        .topbar {
                            text-align: center;
                            padding: 8px 10px;
                            font-size: 12px;
                        }
                        .topbar-left {
                            justify-content: center;
                            padding-left: 0;
                        }
                        .topbar-left p {
                            font-size: 11px;
                        }
                        .topbar-right {
                            justify-content: center;
                            gap: 10px;
                        }
                        .info-item {
                            font-size: 11px;
                            width: 100%;
                            text-align: center;
                        }
                        /* Header */
                        .header {
                            flex-wrap: wrap;
                            padding: 15px 20px;
                        }
                        /* Logo */
                        .logo {
                            justify-content: center;
                            width: 100%;
                        }
                        .logo-icon1 {
                            width: 120px;
                            margin: 0;
                            margin-left: -285px;
                        }
                        /* Navigation */
                        .nav {
                            justify-content: center;
                            width: 100%;
                            gap: 8px;
                            margin: 10px 0;
                        }
                        .nav a {
                            font-size: 11px;
                            margin: 0 5px 0 0;
                        }
                        .dropdown-content {
                            left: 0;
                            right: auto;
                            min-width: 150px;
                        }
                        /* Header Icons Section */
                        .header-icons {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 100%;
                            gap: 15px;
                            margin: 5px 0;
                        }
                        /* Search Box */
                        .search-box {
                            position: relative;
                            display: inline-block;
                        }
                        .search-box input {
                            width: 120px;
                            padding: 6px 25px 6px 12px;
                            font-size: 12px;
                            border-radius: 20px;
                            text-align: left;
                        }
                        .search-icon {
                            position: absolute;
                            right: 8px;
                            top: 50%;
                            transform: translateY(-50%);
                            cursor: pointer;
                        }
                        /* Cart */
                        .cart {
                            font-size: 18px;
                            position: relative;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .cart-count {
                            position: absolute;
                            top: -8px;
                            right: -10px;
                            background: #a87b00;
                            color: #fff;
                            border-radius: 50%;
                            min-width: 16px;
                            height: 16px;
                            font-size: 10px;
                            padding: 2px 5px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        /* Quote Menu */
                        .quote-menu {
                            width: auto;
                            justify-content: flex-end;
                            margin: 0;
                            margin-left: 140px;
                            margin-top: -120px;
                            /* Pushes to the right */
                        }
                        .quote-btn {
                            padding: 8px 12px;
                            font-size: 12px;
                            white-space: nowrap;
                        }
                        .menu-icon {
                            padding: 8px 12px;
                            gap: 6px;
                        }
                        .menu-icon span {
                            width: 16px;
                            height: 2px;
                            display: block;
                            background: currentColor;
                        }
                        /* Search Box - Centered */
                        .search-box {
                            margin: 0;
                            position: relative;
                            display: inline-block;
                        }
                        .search-box input {
                            width: 120px;
                            padding: 8px 30px 8px 12px;
                            font-size: 12px;
                            border-radius: 20px;
                            text-align: left;
                        }
                        .search-icon {
                            position: absolute;
                            right: -125px;
                            left: auto;
                            top: -55px;
                            transform: translateY(-50%);
                            cursor: pointer;
                            pointer-events: none;
                        }
                        /* Cart - Centered */
                        .cart {
                            font-size: 20px;
                            margin: 0;
                            position: relative;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            top: -62px;
                            right: -130px;
                        }
                        .cart-count {
                            position: absolute;
                            font-size: 10px;
                            padding: 2px 5px;
                            top: 0px;
                            right: -10px;
                            left: auto;
                            background: #a87b00;
                            color: #fff;
                            border-radius: 50%;
                            min-width: 16px;
                            height: 16px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                    }
                    /* Career Hero */
                    .career-hero {
                        padding: 60px 10px;
                    }
                    .career-hero h1 {
                        font-size: 28px;
                    }
                    .career-hero p {
                        font-size: 14px;
                    }
                    /* Filter Section */
                    .filter-section {
                        padding: 30px 0;
                    }
                    .btn-filter {
                        padding: 6px 12px;
                        font-size: 13px;
                        margin: 3px;
                    }
                    /* Job Cards */
                    .jobs-section {
                        padding: 40px 0;
                    }
                    .career-card {
                        padding: 20px;
                    }
                    .career-card h5 {
                        font-size: 16px;
                    }
                    .career-card p {
                        font-size: 13px;
                    }
                    .badge {
                        font-size: 11px;
                        padding: 4px 8px;
                    }
                    .apply-btn {
                        padding: 10px;
                        font-size: 13px;
                    }
                    /* Apply CTA */
                    .apply-cta {
                        padding: 50px 15px;
                    }
                    .apply-cta h2 {
                        font-size: 22px;
                    }
                    .apply-cta p {
                        font-size: 14px;
                    }
                    .apply-big-btn {
                        padding: 12px 30px;
                        font-size: 16px;
                    }
                    /* Hero Section */
                    .hero-section {
                        padding: 40px 0;
                    }
                    .hero-text h1 {
                        font-size: 28px;
                        margin: 15px 0 20px;
                    }
                    .top-label {
                        font-size: 12px;
                    }
                    .btn.contact-btn {
                        padding: 10px 20px;
                        font-size: 12px;
                    }
                    .contact-btn .arrow {
                        padding: 4px 6px;
                        font-size: 14px;
                    }
                    .worker-img {
                        max-width: 200px;
                        margin-top: 30px;
                        margin-bottom: -40px;
                        margin-left: 20px;
                    }
                    .contact-box {
                        padding: 5px 10px;
                    }
                    .contact-box i {
                        padding: 6px;
                        font-size: 12px;
                    }
                    .contact-box small {
                        font-size: 10px;
                    }
                    .contact-box p {
                        font-size: 11px;
                    }
                    .contact-box.call {
                        top: 15%;
                        right: 20px;
                    }
                    .contact-box.mail {
                        top: 40%;
                        right: 15px;
                    }
                    /* Footer */
                    .footer1-section {
                        padding: 30px 0 0;
                    }
                    .footer-text {
                        font-size: 13px;
                        text-align: justify;
                    }
                    .footer-title {
                        font-size: 16px;
                        margin-bottom: 15px;
                        text-align: center;
                    }
                    .footer-links a {
                        font-size: 13px;
                        text-align: center;
                    }
                    .footer-links {
                        text-align: center;
                    }
                    .footer-social {
                        text-align: center;
                    }
                    .newsletter-box {
                        padding: 15px;
                    }
                    .newsletter-box i {
                        font-size: 24px;
                    }
                    .newsletter-box h5 {
                        font-size: 16px;
                    }
                    .newsletter-box p {
                        font-size: 12px;
                    }
                    .form-control {
                        font-size: 13px;
                        padding: 8px;
                    }
                    .btn-orange,
                    button.btn.btn-orange.w-100 {
                        padding: 10px;
                        font-size: 13px;
                    }
                    .footer-bottom p {
                        font-size: 11px;
                        text-align: center;
                    }
                    .payment-icons img {
                        height: 15px;
                    }
                    /* Scroll Top */
                    .scroll-top {
                        width: 35px;
                        height: 35px;
                        font-size: 16px;
                        bottom: 15px;
                        right: 15px;
                    }
                    /* Modal */
                    .modal-dialog {
                        margin: 15px;
                    }
                    .modal-header h5 {
                        font-size: 16px;
                    }
                    .modal-body .form-control {
                        font-size: 13px;
                        padding: 8px;
                    }
                    .modal-body .btn {
                        padding: 10px;
                        font-size: 14px;
                    }
                    /* ========== SMALL MOBILE (360px and below) ========== */
                    @media screen and (max-width: 360px) {
                        .hero-text h1 {
                            font-size: 24px;
                        }
                        .worker-img {
                            max-width: 160px;
                        }
                        .contact-box {
                            padding: 4px 8px;
                        }
                        .contact-box i {
                            padding: 5px;
                            font-size: 10px;
                        }
                        .contact-box p {
                            font-size: 10px;
                        }
                        .career-card h5 {
                            font-size: 15px;
                        }
                        .footer-logo2 img {
                            width: 140px;
                        }
                        .payment-icons {
                            flex-wrap: wrap;
                        }
                        .payment-icons img {
                            margin: 3px;
                        }
                    }
                }