{"id":302,"date":"2025-11-12T11:41:45","date_gmt":"2025-11-12T11:41:45","guid":{"rendered":"https:\/\/beingurbania.com\/?page_id=302"},"modified":"2025-12-16T09:43:53","modified_gmt":"2025-12-16T09:43:53","slug":"tj-home-6","status":"publish","type":"page","link":"https:\/\/beingurbania.com\/","title":{"rendered":"TJ HOME 6"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"302\" class=\"elementor elementor-302\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d714ecd e-con-full e-flex e-con e-parent\" data-id=\"d714ecd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dfc960 elementor-widget elementor-widget-html\" data-id=\"8dfc960\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Tradesmen Jobs - Global Recruitment Excellence<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.10.5\/font\/bootstrap-icons.css\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;900&family=Open+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --neon-green: #02B41A;\n      --deep-green: #007a12;\n      --gold: #FFD700;\n      --dark-gold: #B8860B;\n      --dark-bg: #000;\n      --card-bg: #0a0a0a;\n      --charcoal: #2a2a2a;\n      --text-light: #fff;\n      --text-muted: #b3b3b3;\n      --brand-font: 'Montserrat', Arial, sans-serif;\n      --body-font: 'Open Sans', Arial, sans-serif;\n      --max-width: 1400px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      font-size: 16px;\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: var(--body-font);\n      background: var(--dark-bg);\n      color: var(--text-light);\n      overflow-x: hidden;\n      line-height: 1.6;\n    }\n\n    a { text-decoration: none; color: inherit; transition: all 0.3s ease; }\n    button { font-family: inherit; border: none; cursor: pointer; transition: all 0.3s ease; }\n\n    \/* ============ IMPROVEMENT 1: ENHANCED ANIMATED GEOMETRIC BACKGROUND ============ *\/\n    @keyframes geometricRotate {\n      0% { transform: rotate(0deg) translateX(0); opacity: 0.15; }\n      25% { transform: rotate(90deg) translateX(10px); opacity: 0.25; }\n      50% { transform: rotate(180deg) translateX(0); opacity: 0.15; }\n      75% { transform: rotate(270deg) translateX(-10px); opacity: 0.25; }\n      100% { transform: rotate(360deg) translateX(0); opacity: 0.15; }\n    }\n\n    @keyframes geometricFloat {\n      0%, 100% { transform: translateY(0px) scale(1); opacity: 0.15; }\n      50% { transform: translateY(-30px) scale(1.08); opacity: 0.3; }\n    }\n\n    @keyframes geometricPulse {\n      0%, 100% { opacity: 0.1; transform: scale(1); }\n      50% { opacity: 0.4; transform: scale(1.1); }\n    }\n\n    @keyframes geoWave {\n      0% { stroke-dashoffset: 1000; }\n      100% { stroke-dashoffset: 0; }\n    }\n\n    .animated-geometric-bg {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n      background: linear-gradient(135deg, #000 0%, #0a0a0a 50%, #000 100%);\n      overflow: hidden;\n      pointer-events: none;\n    }\n\n    .geo-element {\n      position: absolute;\n      opacity: 0.1;\n    }\n\n    .geo-circle {\n      border-radius: 50%;\n      border: 3px solid var(--neon-green);\n      animation: geometricFloat 8s ease-in-out infinite;\n      box-shadow: 0 0 20px rgba(2, 180, 26, 0.3);\n    }\n\n    .geo-square {\n      border: 3px solid var(--neon-green);\n      animation: geometricRotate 12s linear infinite;\n      box-shadow: 0 0 15px rgba(2, 180, 26, 0.25);\n    }\n\n    .geo-triangle {\n      width: 0;\n      height: 0;\n      border-left: 25px solid transparent;\n      border-right: 25px solid transparent;\n      border-bottom: 40px solid var(--neon-green);\n      animation: geometricPulse 7s ease-in-out infinite;\n      filter: drop-shadow(0 0 10px rgba(2, 180, 26, 0.3));\n    }\n\n    .geo-line {\n      background: linear-gradient(90deg, transparent, var(--neon-green), transparent);\n      animation: geometricRotate 15s linear infinite;\n    }\n\n    .content-wrapper {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* ============ ANIMATIONS ============ *\/\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(40px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes slideInLeft {\n      from { opacity: 0; transform: translateX(-60px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    @keyframes slideInRight {\n      from { opacity: 0; transform: translateX(60px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    @keyframes scaleIn {\n      from { opacity: 0; transform: scale(0.8); }\n      to { opacity: 1; transform: scale(1); }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-15px); }\n    }\n\n    @keyframes shine {\n      0% { left: -100%; }\n      100% { left: 100%; }\n    }\n\n    @keyframes rotateGlow {\n      0% { box-shadow: 0 0 20px var(--gold), 0 0 40px var(--gold); }\n      50% { box-shadow: 0 0 40px var(--gold), 0 0 80px var(--gold); }\n      100% { box-shadow: 0 0 20px var(--gold), 0 0 40px var(--gold); }\n    }\n\n    @keyframes countUp {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .animate-on-scroll {\n      opacity: 0;\n    }\n\n    .animate-on-scroll.animated {\n      animation: fadeInUp 0.8s ease forwards;\n    }\n\n    \/* ============ IMPROVEMENT 2: THEME TOGGLE ============ *\/\n    .theme-toggle {\n      position: fixed;\n      top: 20px;\n      right: 80px;\n      z-index: 999;\n      background: rgba(2, 180, 26, 0.15);\n      border: 2px solid var(--neon-green);\n      border-radius: 50px;\n      padding: 8px 12px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      backdrop-filter: blur(10px);\n    }\n\n    .theme-toggle:hover {\n      background: rgba(2, 180, 26, 0.3);\n      transform: scale(1.05);\n    }\n\n    .theme-toggle i {\n      color: var(--neon-green);\n      font-size: 1.3rem;\n    }\n\n    \/* ============ IMPROVEMENT 3: ENHANCED HERO CAROUSEL ============ *\/\n    .hero-carousel {\n      position: relative;\n      width: 100%;\n      height: 85vh;\n      max-height: 900px;\n      overflow: hidden;\n      background: var(--dark-bg);\n    }\n\n    .carousel-slide {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      transition: opacity 1.2s ease;\n      z-index: 2;\n    }\n\n    .carousel-slide.active {\n      opacity: 1;\n      z-index: 10;\n    }\n\n    .slide-video, .slide-image {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      min-width: 100%;\n      min-height: 100%;\n      width: auto;\n      height: auto;\n      transform: translate(-50%, -50%);\n      object-fit: cover;\n    }\n\n    .slide-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(0,0,0,0.65), rgba(0,0,0,0.45));\n      z-index: 5;\n    }\n\n    .slide-content {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      text-align: center;\n      z-index: 15;\n      width: 90%;\n      max-width: 1000px;\n      animation: none;\n    }\n\n    .slide-headline {\n      font-family: var(--brand-font);\n      font-size: clamp(2.2rem, 8vw, 4.5rem);\n      font-weight: 900;\n      color: var(--text-light);\n      margin-bottom: 1.5rem;\n      line-height: 1.1;\n      text-shadow: 0 6px 20px rgba(0,0,0,0.8);\n      letter-spacing: -1px;\n    }\n\n    .slide-headline span {\n      color: var(--neon-green);\n      display: inline-block;\n      animation: pulse 2.5s infinite;\n      text-shadow: 0 0 20px rgba(2, 180, 26, 0.5);\n    }\n\n    .slide-subheadline {\n      font-size: clamp(1rem, 2.5vw, 1.4rem);\n      color: var(--text-light);\n      opacity: 0.98;\n      margin-bottom: 2.5rem;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      text-shadow: 0 3px 10px rgba(0,0,0,0.7);\n      line-height: 1.7;\n    }\n\n    .slide-buttons {\n      display: flex;\n      gap: 1.5rem;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    \/* IMPROVEMENT 4: ENHANCED CTA BUTTONS WITH ADVANCED ANIMATIONS *\/\n    .btn-cta {\n      padding: 0.75rem 1.8rem;\n      background: linear-gradient(135deg, var(--neon-green), var(--deep-green));\n      color: var(--text-light);\n      border: none;\n      border-radius: 10px;\n      font-family: var(--brand-font);\n      font-weight: 700;\n      font-size: 1rem;\n      cursor: pointer;\n      white-space: nowrap;\n      box-shadow: 0 8px 28px rgba(2, 180, 26, 0.45);\n      position: relative;\n      overflow: hidden;\n      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n\n    .btn-cta::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n      transition: left 0.7s;\n    }\n\n    .btn-cta:hover::before {\n      left: 100%;\n    }\n\n    .btn-cta:hover {\n      transform: translateY(-5px) scale(1.03);\n      box-shadow: 0 14px 40px rgba(2, 180, 26, 0.7);\n    }\n\n    .btn-cta:active {\n      transform: translateY(-2px);\n    }\n\n    .btn-outline {\n      padding: 0.7rem 1.6rem;\n      border: 3px solid var(--neon-green);\n      border-width: 2px;\n      background: rgba(2, 180, 26, 0.12);\n      backdrop-filter: blur(12px);\n      color: var(--text-light);\n      border-radius: 10px;\n      font-family: var(--brand-font);\n      font-weight: 700;\n      font-size: 1rem;\n      white-space: nowrap;\n      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: inset 0 0 15px rgba(2, 180, 26, 0.1);\n    }\n\n    .btn-outline:hover {\n      background: var(--neon-green);\n      color: var(--dark-bg);\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(2, 180, 26, 0.6), inset 0 0 15px rgba(255,255,255,0.2);\n    }\n\n    \/* Excellence Badge *\/\n    .excellence-badge {\n      position: absolute;\n      top: 1.5rem;\n      right: 1.5rem;\n      width: clamp(120px, 18vw, 220px);\n      height: clamp(120px, 18vw, 220px);\n      z-index: 25;\n      animation: float 3.5s ease-in-out infinite;\n    }\n\n    @media (max-width: 600px) {\n      .excellence-badge {\n        width: 88px;\n        height: 88px;\n        top: 6px;\n        right: 6px;\n      }\n    }\n\n    .badge-container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: radial-gradient(circle, var(--gold), var(--dark-gold));\n      border-radius: 50%;\n      border-width: 2px; \n      box-shadow: 0 6px 18px rgba(255, 215, 0, 0.45);\n      animation: rotateGlow 2.5s ease-in-out infinite;\n      border: 6px solid rgba(255, 215, 0, 0.35);\n    }\n\n    .badge-inner {\n      width: 90%;\n      height: 90%;\n      border-width: 2px;   \n      background: linear-gradient(135deg, #FFD700, #FFA500, #FFD700);\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      border: 4px solid rgba(255, 255, 255, 0.5);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .badge-inner::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent);\n      animation: shine 3.5s linear infinite;\n    }\n\n    .badge-number {\n      font-family: var(--brand-font);\n      font-size: 1.25rem !important;\n      font-weight: 900;\n      color: var(--dark-bg);\n      line-height: 1 !important;\n      margin: 0;\n      text-shadow: 0 3px 6px rgba(0,0,0,0.3);\n      position: relative;\n      z-index: 2;\n    }\n    \n    .badge-text {\n      font-family: var(--brand-font);\n      font-size: 0.3rem !important;\n      line-height: 1.15 !important;\n      font-weight: 700;\n      color: var(--dark-bg);\n      text-transform: uppercase;\n      letter-spacing: 0.6px;\n      position: relative;\n      z-index: 2;\n      margin-top: 0.12rem !important;\n    }\n    \n\n    \/* Carousel Controls *\/\n    .carousel-dots {\n      position: absolute;\n      bottom: 40px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 18px;\n      z-index: 30;\n    }\n\n    .dot {\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.3);\n      cursor: pointer;\n      transition: all 0.5s ease;\n      border: 2px solid transparent;\n    }\n\n    .dot:hover {\n      background: rgba(255,255,255,0.5);\n      transform: scale(1.2);\n    }\n\n    .dot.active {\n      background: var(--neon-green);\n      width: 48px;\n      border-radius: 10px;\n      box-shadow: 0 0 20px var(--neon-green);\n      border: 2px solid rgba(255,255,255,0.3);\n    }\n\n    .carousel-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(2, 180, 26, 0.95);\n      color: var(--text-light);\n      border: none;\n      width: 70px;\n      height: 70px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 25;\n      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n      font-size: 2rem;\n      backdrop-filter: blur(15px);\n      box-shadow: 0 8px 28px rgba(2, 180, 26, 0.5);\n    }\n\n    .carousel-arrow:hover {\n      background: var(--neon-green);\n      transform: translateY(-50%) scale(1.2);\n      box-shadow: 0 12px 36px rgba(2, 180, 26, 0.8);\n    }\n\n    .carousel-arrow.prev { left: 40px; }\n    .carousel-arrow.next { right: 40px; }\n\n    \/* ============ IMPROVEMENT 5: INTERACTIVE STATS WITH COUNTERS ============ *\/\n    .stats-banner {\n      background: linear-gradient(90deg, var(--neon-green) 0%, var(--deep-green) 100%);\n      padding: 4rem 2%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .stats-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.08)\"\/><\/svg>');\n      opacity: 0.4;\n      animation: float 10s ease-in-out infinite;\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      text-align: center;\n      color: var(--text-light);\n      max-width: var(--max-width);\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      padding: 0 24px;\n      box-sizing: border-box;\n    }\n\n    .stat-item {\n      padding: 2.5rem 2rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      transition: all 0.4s ease;\n    }\n\n    .stat-item:hover {\n      transform: scale(1.08);\n    }\n\n    .stat-item:not(:last-child)::after {\n      content: '';\n      position: absolute;\n      right: 0;\n      top: 20%;\n      height: 60%;\n      width: 2px;\n      background: rgba(255,255,255,0.35);\n    }\n\n    .stat-icon {\n      font-size: 3.5rem;\n      margin-bottom: 1.2rem;\n      filter: drop-shadow(0 5px 10px rgba(0,0,0,0.35));\n    }\n\n    .stat-number {\n      font-family: var(--brand-font);\n      font-size: 3.5rem;\n      font-weight: 900;\n      margin-bottom: 0.6rem;\n      text-shadow: 0 3px 10px rgba(0,0,0,0.4);\n      animation: countUp 1s ease;\n    }\n\n    .stat-label {\n      font-family: var(--body-font);\n      font-size: 1.05rem;\n      font-weight: 600;\n      letter-spacing: 0.6px;\n    }\n\n    \/* ============ IMPROVEMENT 6: VALUE CARDS WITH RICH CONTENT ============ *\/\n    .value-section {\n      background: linear-gradient(180deg, #000 0%, #0a0a0a 100%);\n      padding: 6rem 0;\n      width: 100%;\n    }\n\n    .value-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      padding: 0 2%;\n    }\n    \n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 4.5rem;\n      margin-top: 3rem;\n    }\n\n    .value-card {\n      background: linear-gradient(135deg, var(--card-bg), rgba(10, 10, 10, 0.85));\n      border-left: 8px solid var(--neon-green);\n      padding: 4rem 3rem;\n      border-radius: 15px;\n      box-shadow: 0 10px 40px rgba(2, 180, 26, 0.18);\n      display: flex;\n      flex-direction: column;\n      transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .value-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(2, 180, 26, 0.12), transparent);\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .value-card:hover::before {\n      opacity: 1;\n    }\n\n    .value-card:hover {\n      transform: translateY(-15px);\n      box-shadow: 0 20px 60px rgba(2, 180, 26, 0.3);\n      border-left: 10px solid var(--neon-green);\n    }\n\n    .value-icon {\n      font-size: 4.5rem;\n      color: var(--neon-green);\n      margin-bottom: 1.8rem;\n      filter: drop-shadow(0 5px 15px rgba(2, 180, 26, 0.45));\n      transition: all 0.4s ease;\n    }\n\n    .value-card:hover .value-icon {\n      transform: scale(1.15) rotate(8deg);\n    }\n\n    .value-heading {\n      font-family: var(--brand-font);\n      font-size: 2.2rem;\n      font-weight: 700;\n      color: var(--text-light);\n      margin-bottom: 1.4rem;\n    }\n\n    .value-description {\n      font-size: 1.05rem;\n      color: var(--text-muted);\n      line-height: 1.9;\n      margin-bottom: 2.5rem;\n      flex-grow: 1;\n    }\n\n    .value-benefits {\n      list-style: none;\n      margin-bottom: 2.5rem;\n    }\n\n    .value-benefits li {\n      display: flex;\n      align-items: center;\n      gap: 1.2rem;\n      margin-bottom: 1.1rem;\n      font-size: 1rem;\n      color: var(--text-light);\n      transition: all 0.3s ease;\n    }\n\n    .value-benefits li:hover {\n      transform: translateX(8px);\n      color: var(--neon-green);\n    }\n\n    .value-benefits li::before {\n      content: '\u2713';\n      color: var(--text-light);\n      font-weight: 900;\n      font-size: 1.5rem;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, var(--neon-green), var(--deep-green));\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .btn-card {\n      padding: 1.1rem 2.4rem;\n      background: linear-gradient(135deg, var(--neon-green), var(--deep-green));\n      color: var(--text-light);\n      border: none;\n      border-radius: 10px;\n      font-family: var(--brand-font);\n      font-weight: 700;\n      font-size: 1.05rem;\n      cursor: pointer;\n      width: fit-content;\n      transition: all 0.4s ease;\n      box-shadow: 0 8px 25px rgba(2, 180, 26, 0.4);\n    }\n\n    .btn-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 35px rgba(2, 180, 26, 0.6);\n    }\n\n    \/* ============ IMPROVEMENT 7: ADVANCED FLIP CARDS ============ *\/\n    .flip-cards-container {\n      display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n  gap: 24px;\n  max-width: 100%;\n    }\n\n    .flip-card {\n      background-color: transparent;\n      width: 100%;\n      height: 180px;\n      perspective: 1200px;\n      cursor: pointer;\n    }\n\n    .flip-card-inner {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      text-align: center;\n      transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n      transform-style: preserve-3d;\n    }\n\n    .flip-card:hover .flip-card-inner {\n      transform: rotateY(180deg) rotateX(5deg);\n    }\n\n    .flip-card-front, .flip-card-back {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      backface-visibility: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 12px;\n      padding: 18px;\n      box-shadow: 0 8px 20px rgba(2, 180, 26, 0.15);\n      border: 1.5px solid rgba(2, 180, 26, 0.25);\n      transition: all 0.3s ease;\n    }\n\n    .flip-card:hover .flip-card-front {\n      box-shadow: 0 12px 30px rgba(2, 180, 26, 0.25);\n    }\n\n    .flip-card-front {\n      background: linear-gradient(135deg, rgba(2, 180, 26, 0.1), rgba(255, 215, 0, 0.04));\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .flip-card-front i {\n      font-size: 38px;\n      color: var(--neon-green);\n      text-shadow: 0 0 12px rgba(2, 180, 26, 0.5);\n      transition: all 0.3s ease;\n    }\n\n    .flip-card:hover .flip-card-front i {\n      font-size: 44px;\n      filter: drop-shadow(0 0 15px rgba(2, 180, 26, 0.6));\n    }\n\n    .flip-card-front h3 {\n      font-family: var(--brand-font);\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--text-light);\n      margin: 0;\n      line-height: 1.3;\n    }\n\n    .flip-card-back {\n      background: linear-gradient(135deg, var(--neon-green), var(--deep-green));\n      transform: rotateY(180deg);\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .flip-card-back p {\n      font-size: 12px;\n      line-height: 1.5;\n      color: #fff;\n      margin: 0;\n    }\n\n    .flip-card-back .badge {\n      background: rgba(255, 255, 255, 0.2);\n      color: #fff;\n      padding: 4px 10px;\n      border-radius: 14px;\n      font-size: 10px;\n      font-weight: 700;\n      display: inline-block;\n      margin-top: 3px;\n      text-transform: uppercase;\n    }\n\n    \/* ============ IMPROVEMENT 8: INTERACTIVE PROCESS SECTION ============ *\/\n    .process-section {\n      background: linear-gradient(180deg, #000 0%, #0a0a0a 100%);\n      padding: 6rem 0;\n      text-align: center;\n      width: 100%;\n      position: relative;\n    }\n\n    .process-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      padding: 0 2%;\n    }\n    \n    \n\n    .section-heading {\n      font-family: var(--brand-font);\n      font-size: 3rem;\n      font-weight: 900;\n      color: var(--text-light);\n      margin-bottom: 1rem;\n      position: relative;\n      display: inline-block;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .section-heading::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 65%;\n      height: 5px;\n      background: linear-gradient(90deg, transparent, var(--neon-green), transparent);\n      border-radius: 10px;\n    }\n\n    .section-subheading {\n      font-size: 1.2rem;\n      color: var(--text-muted);\n      margin-bottom: 3.5rem;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .process-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 3.5rem;\n      margin-top: 4rem;\n      align-items: stretch;\n      position: relative;\n    }\n\n    .process-grid::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 10%;\n      right: 10%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--neon-green), var(--deep-green), var(--neon-green));\n      z-index: 0;\n      border-radius: 10px;\n    }\n\n    .process-card {\n      background: linear-gradient(135deg, var(--card-bg), rgba(10, 10, 10, 0.85));\n      padding: 3.5rem 2.5rem;\n      border: 2.5px solid var(--neon-green);\n      border-radius: 18px;\n      position: relative;\n      min-height: 380px;\n      display: flex;\n      flex-direction: column;\n      transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n      z-index: 1;\n      overflow: hidden;\n    }\n\n    .process-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(circle at top right, rgba(2, 180, 26, 0.1), transparent);\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .process-card:hover::before {\n      opacity: 1;\n    }\n\n    .process-card:hover {\n      transform: translateY(-18px);\n      box-shadow: 0 24px 60px rgba(2, 180, 26, 0.35);\n      border-color: var(--gold);\n    }\n\n    .process-number {\n      font-family: var(--brand-font);\n      font-size: 7rem;\n      font-weight: 900;\n      color: var(--neon-green);\n      opacity: 0.12;\n      position: absolute;\n      top: -25px;\n      right: 15px;\n      line-height: 1;\n    }\n\n    .process-icon {\n      font-size: 4.5rem;\n      color: var(--neon-green);\n      margin-bottom: 1.8rem;\n      position: relative;\n      z-index: 1;\n      filter: drop-shadow(0 5px 15px rgba(2, 180, 26, 0.45));\n      transition: all 0.4s ease;\n    }\n\n    .process-card:hover .process-icon {\n      transform: scale(1.2) rotate(-8deg);\n    }\n\n    .process-title {\n      font-family: var(--brand-font);\n      font-size: 1.65rem;\n      font-weight: 700;\n      color: var(--text-light);\n      margin-bottom: 1.2rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .process-description {\n      font-size: 1rem;\n      color: var(--text-muted);\n      line-height: 1.9;\n      margin-bottom: 1.8rem;\n      flex-grow: 1;\n      position: relative;\n      z-index: 1;\n    }\n\n    .process-time {\n      font-size: 0.95rem;\n      color: var(--neon-green);\n      font-weight: 700;\n      padding: 0.7rem 1.4rem;\n      background: rgba(2, 180, 26, 0.12);\n      border-radius: 25px;\n      display: inline-block;\n      border: 1.5px solid var(--neon-green);\n    }\n\n    \/* ============ IMPROVEMENT 9: RICH TESTIMONIALS WITH FILTERING ============ *\/\n    .testimonials-section {\n      background: linear-gradient(180deg, var(--card-bg) 0%, var(--dark-bg) 100%);\n      padding: 6rem 2%;\n      text-align: center;\n      max-width: var(--max-width);\n      margin: 0 auto;\n    }\n\n    .testimonials-scroll-container {\n      display: flex;\n      gap: 28px;\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      padding: 30px 0;\n    }\n\n    .testimonials-scroll-container::-webkit-scrollbar {\n      height: 8px;\n    }\n\n    .testimonials-scroll-container::-webkit-scrollbar-track {\n      background: rgba(2, 180, 26, 0.08);\n      border-radius: 10px;\n    }\n\n    .testimonials-scroll-container::-webkit-scrollbar-thumb {\n      background: var(--neon-green);\n      border-radius: 10px;\n    }\n\n    .testimonials-scroll-container::-webkit-scrollbar-thumb:hover {\n      background: var(--deep-green);\n    }\n\n    .testimonial-card {\n      flex: 0 0 340px;\n      min-width: 340px;\n      opacity: 1;\n      transition: all 0.4s ease;\n      padding: 35px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03));\n      border: 1.5px solid rgba(2, 180, 26, 0.22);\n      box-shadow: 0 8px 24px rgba(2, 180, 26, 0.1);\n    }\n\n    .testimonial-card:hover {\n      box-shadow: 0 14px 40px rgba(2, 180, 26, 0.2);\n      border-color: var(--neon-green);\n      transform: translateY(-8px);\n    }\n\n    .testimonial-avatar {\n      width: 90px;\n      height: 90px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--gold), var(--dark-gold));\n      border: 5px solid rgba(255, 215, 0, 0.35);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 1.8rem;\n      font-size: 2.8rem;\n      box-shadow: 0 6px 20px rgba(255, 215, 0, 0.45);\n    }\n\n    .testimonial-name {\n      font-family: var(--brand-font);\n      font-size: 1.4rem;\n      font-weight: 700;\n      color: var(--text-light);\n      margin-bottom: 0.6rem;\n    }\n\n    .testimonial-title {\n      font-size: 1rem;\n      color: var(--neon-green);\n      margin-bottom: 1.8rem;\n      font-weight: 600;\n    }\n\n    .testimonial-stars {\n      color: var(--gold);\n      margin-bottom: 1.8rem;\n      font-size: 1.4rem;\n      letter-spacing: 0.4rem;\n    }\n\n    .testimonial-quote {\n      font-size: 1.1rem;\n      color: var(--text-light);\n      line-height: 2;\n      font-style: italic;\n      position: relative;\n      padding: 0 2.2rem;\n    }\n\n    .testimonial-quote::before {\n      content: '\\\"';\n      font-size: 5rem;\n      color: var(--neon-green);\n      opacity: 0.15;\n      position: absolute;\n      top: -25px;\n      left: -15px;\n    }\n\n    \/* ============ IMPROVEMENT 10: ENHANCED WHY US SECTION ============ *\/\n    .why-us-section {\n      background: linear-gradient(135deg, var(--neon-green) 0%, var(--deep-green) 100%);\n      padding: 4rem 2%;\n      text-align: center;\n      color: var(--dark-bg);\n    }\n    \n\n    .why-us-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent);\n      border-radius: 50%;\n    }\n\n    .why-us-wrapper {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .why-us-heading {\n      font-family: var(--brand-font);\n      font-size: 2rem;\n      font-weight: 700;\n      margin-bottom: 3.5rem;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .why-us-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 2rem;\n    }\n\n    .why-us-card {\n      padding: 2.2rem;\n      text-align: center;\n      transition: all 0.4s ease;\n      background: rgba(0, 0, 0, 0.15);\n      border-radius: 12px;\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .why-us-card:hover {\n      transform: translateY(-12px);\n      background: rgba(0, 0, 0, 0.25);\n    }\n\n    .why-us-icon {\n      font-size: 3rem;\n      margin-bottom: 1.2rem;\n      filter: drop-shadow(0 3px 8px rgba(0,0,0,0.3));\n    }\n\n    .why-us-title {\n      font-family: var(--brand-font);\n      font-size: 1.2rem;\n      font-weight: 700;\n      margin-bottom: 0.9rem;\n    }\n\n    .why-us-description {\n      font-size: 0.95rem;\n      opacity: 0.92;\n      line-height: 1.7;\n    }\n\n    \n    .floating-cta {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      background: var(--neon-green);\n      color: var(--dark-bg);\n      padding: 1rem 1.5rem;\n      border-radius: 50px;\n      font-weight: 700;\n      font-size: 0.95rem;\n      box-shadow: 0 8px 25px rgba(2, 180, 26, 0.5);\n      z-index: 100;\n      cursor: pointer;\n      display: none;\n      transition: all 0.3s ease;\n    }\n    \n    .floating-cta:hover {\n      transform: scale(1.08);\n    }\n    \n    @media (max-width: 767px) {\n      .floating-cta {\n        display: block;\n      }\n    }\n    \n\n    \/* ============ RESPONSIVE DESIGN ============ *\/\n    @media (max-width: 1399px) {\n      .excellence-badge { width: 170px; height: 170px; top: 15px; right: 15px; }\n      .badge-number { font-size: 3rem; }\n      .stats-grid { grid-template-columns: repeat(2, 1fr); }\n      .value-grid { grid-template-columns: 1fr; }\n      .process-grid { grid-template-columns: repeat(2, 1fr); }\n      .why-us-grid { grid-template-columns: repeat(3, 1fr); }\n      .footer-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 767px) {\n       \/* Reduce padding all sections *\/\n  .value-section { padding: 2.5rem 0; }\n  .process-section { padding: 2.5rem 0; }\n  .stats-banner {\n    padding: 1.5rem 0;        \/* less vertical padding *\/\n    max-height: 50vh;         \/* cap to half viewport *\/\n    overflow: hidden;         \/* ensure nothing overflows *\/\n  }\n  \n  \n  \n  .why-us-section { padding: 2rem 0; }\n  .flip-card:nth-child(n+5) {\n    display: none;\n  }\n\n\n  \/* Process cards reduce height *\/\n  .process-card { min-height: 280px; padding: 2rem 1.5rem; }\n\n  \/* Value cards reduce padding *\/\n  .value-card { padding: 2rem 1.5rem; }\n  .value-benefits li { margin-bottom: 0.6rem; }\n      .hero-carousel { height: 55vh; }\n      .excellence-badge { width: 80px; height: 80px; top: 4px; right: 4px; }\n      .badge-number { font-size: 1.2rem;line-height: 1.1; }\n      .badge-text { font-size: 0.45rem; }\n      .slide-headline { font-size: 1.6rem; padding: 0 0.5rem;}\n      .slide-buttons { flex-direction: column; }\n      .stats-banner { padding: 2rem 0; }\n      .btn-cta, .btn-outline { width: 100%; }\n      .stats-grid {\n        grid-template-columns: repeat(2, 1fr);  \/* 2x2 grid *\/\n        padding: 0 1.2rem;\n        row-gap: 0.5rem;\n      }\n    \n      .stat-item {\n        padding: 0.8rem 0.5rem;   \/* tighter cards *\/\n      }\n      .stat-icon {\n        font-size: 2.2rem;        \/* smaller icon *\/\n        margin-bottom: 0.3rem;\n      }\n    \n      .stat-number {\n        font-size: 1.8rem;        \/* smaller number *\/\n        margin-bottom: 0.2rem;\n      }\n      .stat-label {\n        font-size: 0.85rem;\n      }\n    }\n      .stat-item:not(:last-child)::after {\n        display: none;  \/* removes odd vertical divider alignment *\/\n      }\n      .process-grid { grid-template-columns: 1fr; }\n      .process-grid::before { display: none; }\n      .why-us-grid { grid-template-columns: repeat(2, 1fr); }\n      .footer-grid { grid-template-columns: 1fr; }\n      .newsletter-form { flex-direction: column; }\n      .newsletter-input, .newsletter-button { width: 100%; }\n      .carousel-arrow { width: 45px; height: 45px; font-size: 1.3rem; }\n    }\n\n    @media (max-width: 480px) {\n      .slide-headline { font-size: 1.4rem; }\n      .section-heading { font-size: 2.2rem; }\n      .value-card { padding: 2rem 1.5rem; }\n      .testimonial-card { flex: 0 0 280px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- ============ SECTION 1: ENHANCED HERO CAROUSEL ============ -->\n  <section class=\"hero-carousel\">\n    <div class=\"excellence-badge\">\n      <div class=\"badge-container\">\n        <div class=\"badge-inner\">\n          <div class=\"badge-number\">25<\/div>\n          <div class=\"badge-text\">Years of<br\/>Excellence<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Slide 1 -->\n    <div class=\"carousel-slide active\">\n      <video autoplay class=\"slide-video\" loop muted playsinline>\n        <source src=\"https:\/\/beingurbania.com\/wp-content\/uploads\/2025\/11\/video-2.mp4\" type=\"video\/mp4\"\/>\n      <\/video>\n      <img decoding=\"async\" alt=\"Global workforce\" class=\"slide-image\" src=\"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?w=1920\" style=\"display: none;\"\/>\n      <div class=\"slide-overlay\"><\/div>\n      <div class=\"slide-content\">\n        <h1 class=\"slide-headline\">Your Gateway to <span>Global Career Success<\/span><\/h1>\n        <p class=\"slide-subheadline\">Connect with 350+ employers across 22+ countries. 100K+ success stories start here.<\/p>\n        <div class=\"slide-buttons\">\n          <button class=\"btn-cta\">Browse Jobs Now<\/button>\n          <button class=\"btn-outline\">Post a Job<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Slide 2 -->\n    <div class=\"carousel-slide\">\n      <img decoding=\"async\" alt=\"Construction team\" class=\"slide-image\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?w=1920\"\/>\n      <div class=\"slide-overlay\"><\/div>\n      <div class=\"slide-content\">\n        <h1 class=\"slide-headline\">Find Vetted <span>Talent in 48 Hours<\/span><\/h1>\n        <p class=\"slide-subheadline\">50,000+ pre-screened candidates ready to deploy. Complete recruitment support.<\/p>\n        <div class=\"slide-buttons\">\n          <button class=\"btn-cta\">Request Talent<\/button>\n          <button class=\"btn-outline\">Learn More<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Slide 3 -->\n    <div class=\"carousel-slide\">\n      <img decoding=\"async\" alt=\"Happy workers\" class=\"slide-image\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=1920\"\/>\n      <div class=\"slide-overlay\"><\/div>\n      <div class=\"slide-content\">\n        <h1 class=\"slide-headline\"><span>Zero Fees.<\/span> 100% Genuine Opportunities<\/h1>\n        <p class=\"slide-subheadline\">International jobs in 22+ countries. Visa support, training, guidance included.<\/p>\n        <div class=\"slide-buttons\">\n          <button class=\"btn-cta\">Explore Opportunities<\/button>\n          <button class=\"btn-outline\">Who We Are<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Slide 4 -->\n    <div class=\"carousel-slide\">\n      <img decoding=\"async\" alt=\"Success stories\" class=\"slide-image\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1560264418-c4445382edbc?w=1920\"\/>\n      <div class=\"slide-overlay\"><\/div>\n      <div class=\"slide-content\">\n        <h1 class=\"slide-headline\"><span>100K+<\/span> Lives Transformed<\/h1>\n        <p class=\"slide-subheadline\">\"I went from struggling to find work to earning $2,500\/month in Kuwait. Life-changing!\" - Rajesh K.<\/p>\n        <div class=\"slide-buttons\">\n          <button class=\"btn-cta\">Read Success Stories<\/button>\n          <button class=\"btn-outline\">Meet Our Team<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"carousel-arrow prev\" onclick=\"prevSlide()\">\u276e<\/button>\n    <button class=\"carousel-arrow next\" onclick=\"nextSlide()\">\u276f<\/button>\n    <div class=\"carousel-dots\">\n      <span class=\"dot active\" onclick=\"goToSlide(0)\"><\/span>\n      <span class=\"dot\" onclick=\"goToSlide(1)\"><\/span>\n      <span class=\"dot\" onclick=\"goToSlide(2)\"><\/span>\n      <span class=\"dot\" onclick=\"goToSlide(3)\"><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 2: INTERACTIVE STATS BANNER WITH COUNTERS ============ -->\n  <section class=\"stats-banner\">\n    <div class=\"stats-grid animate-on-scroll\">\n      <div class=\"stat-item\">\n        <i class=\"bi bi-people stat-icon\"><\/i>\n        <div class=\"stat-number\" data-target=\"100\">100K+<\/div>\n        <div class=\"stat-label\">Candidates Placed<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <i class=\"bi bi-globe stat-icon\"><\/i>\n        <div class=\"stat-number\" data-target=\"350\">350+<\/div>\n        <div class=\"stat-label\">Clients Worldwide<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <i class=\"bi bi-flag stat-icon\"><\/i>\n        <div class=\"stat-number\" data-target=\"22\">22+<\/div>\n        <div class=\"stat-label\">Countries Served<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <i class=\"bi bi-calendar stat-icon\"><\/i>\n        <div class=\"stat-number\" data-target=\"25\">25+<\/div>\n        <div class=\"stat-label\">Years Experience<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 3: RICH VALUE CARDS ============ -->\n  <section class=\"value-section\">\n  <div class=\"value-inner\">\n    <div class=\"value-grid\">\n      <div class=\"value-card animate-on-scroll\">\n        <i class=\"bi bi-briefcase value-icon\"><\/i>\n        <h3 class=\"value-heading\">Find Vetted Talent Fast<\/h3>\n        <p class=\"value-description\">Access 50,000+ pre-screened candidates across 20+ industries. Complete recruitment support from screening to deployment.<\/p>\n        <ul class=\"value-benefits\">\n          <li>95%+ placement success rate<\/li>\n          <li>48-72 hour candidate delivery<\/li>\n          <li>Trade testing & verification<\/li>\n          <li>Post-deployment support<\/li>\n          <li>MEA licensed & ISO certified<\/li>\n        <\/ul>\n        <button class=\"btn-card\">Request Talent<\/button>\n      <\/div>\n      <div class=\"value-card animate-on-scroll\">\n        <i class=\"bi bi-rocket value-icon\"><\/i>\n        <h3 class=\"value-heading\">Launch Your Global Career<\/h3>\n        <p class=\"value-description\">Genuine international jobs with zero fees. Visa support, training, guidance included for seamless transition.<\/p>\n        <ul class=\"value-benefits\">\n          <li>Zero service charges<\/li>\n          <li>Verified employers only<\/li>\n          <li>Visa & document support<\/li>\n          <li>Pre-departure training<\/li>\n          <li>25+ years trusted partner<\/li>\n        <\/ul>\n        <button class=\"btn-card\">Browse Jobs<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 4: ADVANCED INDUSTRIES FLIPCARD SECTION ============ -->\n  <section id=\"industries-section\" style=\"padding: 70px 20px; background: linear-gradient(180deg, #000 0%, #0a0a0a 100%); border-top: 2px solid rgba(2, 180, 26, 0.3); position: relative; z-index: 1;\">\n    <div style=\"max-width: 1400px; margin: 0 auto;\">\n      <div style=\"text-align: center; margin-bottom: 50px;\">\n        <h2 style=\"font-family: var(--brand-font); font-size: 48px; font-weight: 900; color: var(--text-light); margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;\">\n          Industries We <span style=\"color: var(--neon-green);\">Serve<\/span>\n        <\/h2>\n        <p style=\"font-size: 18px; color: var(--text-muted); margin: 0; line-height: 1.8;\">\n          20+ sectors with high-demand roles \u2014 hover to explore opportunities and salaries\n        <\/p>\n      <\/div>\n      <div class=\"flip-cards-container\">\n        <!-- All 20 Industries -->\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-building\"><\/i><h3>Construction<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Engineers & Laborers<\/strong><\/p><p>Infrastructure projects<\/p><span class=\"badge\">HIGH DEMAND<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-gear\"><\/i><h3>Manufacturing<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Factory Workers<\/strong><\/p><p>Machine operators<\/p><span class=\"badge\">GROWING<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-hospital\"><\/i><h3>Healthcare<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Medical Staff<\/strong><\/p><p>Nurses & caregivers<\/p><span class=\"badge\">CRITICAL<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-cup-hot\"><\/i><h3>Hospitality<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Hotel Staff<\/strong><\/p><p>Chefs & servers<\/p><span class=\"badge\">STEADY<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-truck\"><\/i><h3>Logistics<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Supply Chain<\/strong><\/p><p>Drivers & coordinators<\/p><span class=\"badge\">BOOMING<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-fuel-pump\"><\/i><h3>Oil & Gas<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Energy Sector<\/strong><\/p><p>Technicians & riggers<\/p><span class=\"badge\">PREMIUM<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-flower1\"><\/i><h3>Agriculture<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Farm Workers<\/strong><\/p><p>Equipment operators<\/p><span class=\"badge\">GROWING<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-cart-check\"><\/i><h3>Retail<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Sales & Service<\/strong><\/p><p>Store managers<\/p><span class=\"badge\">AVAILABLE<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-code-square\"><\/i><h3>IT Services<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Tech Professionals<\/strong><\/p><p>Developers & support<\/p><span class=\"badge\">HIGH PAY<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-house-heart\"><\/i><h3>Domestic<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Home Care<\/strong><\/p><p>Nannies & maids<\/p><span class=\"badge\">GROWING<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-book\"><\/i><h3>Education<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Teaching<\/strong><\/p><p>Trainers & coordinators<\/p><span class=\"badge\">FULFILLING<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-droplet\"><\/i><h3>Cleaning<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Sanitation<\/strong><\/p><p>Cleaners & staff<\/p><span class=\"badge\">ALWAYS NEEDED<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-lightning\"><\/i><h3>Electrical<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Skilled Trades<\/strong><\/p><p>Electricians & plumbers<\/p><span class=\"badge\">VALUED<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-egg-fried\"><\/i><h3>Food & Bev<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Culinary<\/strong><\/p><p>Chefs & kitchen staff<\/p><span class=\"badge\">PASSIONATE<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-house-fill\"><\/i><h3>Real Estate<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Property<\/strong><\/p><p>Maintenance & managers<\/p><span class=\"badge\">STABLE<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-gem\"><\/i><h3>Mining<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Extraction<\/strong><\/p><p>Operators & specialists<\/p><span class=\"badge\">PREMIUM<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-scissors\"><\/i><h3>Fashion<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Textiles<\/strong><\/p><p>Tailors & machinists<\/p><span class=\"badge\">CRAFT<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-tree\"><\/i><h3>Green Energy<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Renewable<\/strong><\/p><p>Solar & wind tech<\/p><span class=\"badge\">FUTURE<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-shop\"><\/i><h3>Marine<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Shipping<\/strong><\/p><p>Crew & port workers<\/p><span class=\"badge\">ADVENTURE<\/span><\/div><\/div><\/div>\n        <div class=\"flip-card\"><div class=\"flip-card-inner\"><div class=\"flip-card-front\"><i class=\"bi bi-shield\"><\/i><h3>Security<\/h3><\/div><div class=\"flip-card-back\"><p><strong>Safety<\/strong><\/p><p>Guards & officers<\/p><span class=\"badge\">RESPECTED<\/span><\/div><\/div><\/div>\n      <\/div>\n      <div style=\"text-align: center; margin-top: 2rem;\">\n      <a href=\"\/industries\" class=\"btn-cta\" style=\"display: inline-block;\">\n        View All 20+ Industries\n      <\/a>\n    <\/div>\n    \n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 5: INTERACTIVE PROCESS SECTION ============ -->\n  <section class=\"process-section\">\n  <div class=\"process-inner\">\n    <h2 class=\"section-heading animate-on-scroll\">Your Journey to <span style=\"color: var(--neon-green);\">Success<\/span><\/h2>\n    <div class=\"process-grid\">\n      <div class=\"process-card animate-on-scroll\">\n        <div class=\"process-number\">01<\/div>\n        <i class=\"bi bi-search process-icon\"><\/i>\n        <h3 class=\"process-title\">Find Your Opportunity<\/h3>\n        <p class=\"process-description\">Browse 100+ active positions or let us match you with roles perfectly aligned with your skills and aspirations.<\/p>\n        <div class=\"process-time\">Day 1<\/div>\n      <\/div>\n      <div class=\"process-card animate-on-scroll\">\n        <div class=\"process-number\">02<\/div>\n        <i class=\"bi bi-handshake process-icon\"><\/i>\n        <h3 class=\"process-title\">Submit & Get Reviewed<\/h3>\n        <p class=\"process-description\">Complete application, attend interviews with top employers, and get selected. Full personalized support throughout.<\/p>\n        <div class=\"process-time\">Week 1-2<\/div>\n      <\/div>\n      <div class=\"process-card animate-on-scroll\">\n        <div class=\"process-number\">03<\/div>\n        <i class=\"bi bi-rocket process-icon\"><\/i>\n        <h3 class=\"process-title\">Get Deployed & Thrive<\/h3>\n        <p class=\"process-description\">Visa processing, pre-departure training, deployment coordination. Full on-ground support from day one.<\/p>\n        <div class=\"process-time\">Week 3-5<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 6: RICH TESTIMONIALS WITH VIDEO SUPPORT ============ -->\n  <section id=\"testimonials-section\" style=\"padding: 80px 20px; background: linear-gradient(180deg, #0a0a0a 0%, #000 100%); border-top: 2px solid rgba(2, 180, 26, 0.3); position: relative; z-index: 1;\">\n    <div style=\"max-width: 1400px; margin: 0 auto;\">\n      <div style=\"text-align: center; margin-bottom: 50px;\">\n        <h2 style=\"font-family: var(--brand-font); font-size: 52px; font-weight: 900; color: var(--text-light); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;\">\n          What <span style=\"color: var(--neon-green);\">Our Users Say<\/span>\n        <\/h2>\n        <p style=\"font-size: 18px; color: var(--text-muted); line-height: 1.9;\">\n          Real success stories from 95,000+ professionals who transformed their careers\n        <\/p>\n      <\/div>\n\n      <div class=\"testimonials-scroll-container\">\n        <!-- Testimonial 1 -->\n        <div class=\"testimonial-card\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 18px;\">\n            <div class=\"testimonial-avatar\">\ud83d\udc68<\/div>\n          <\/div>\n          <h4 class=\"testimonial-name\">Rajesh Kumar<\/h4>\n          <p class=\"testimonial-title\">Placed in Kuwait, Oil & Gas<\/p>\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"testimonial-quote\">From struggling to find work to earning $2,500\/month in Kuwait. The team was supportive every single step of the way! Life-changing!<\/p>\n        <\/div>\n\n        <!-- Testimonial 2 -->\n        <div class=\"testimonial-card\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 18px;\">\n            <div class=\"testimonial-avatar\">\ud83d\udc69<\/div>\n          <\/div>\n          <h4 class=\"testimonial-name\">Priya Sharma<\/h4>\n          <p class=\"testimonial-title\">Placed in Malta, Hospitality<\/p>\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"testimonial-quote\">Transparent, hassle-free process. I got my dream job in a beautiful country. Professional, reliable, and highly recommended to all!<\/p>\n        <\/div>\n\n        <!-- Testimonial 3 -->\n        <div class=\"testimonial-card\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 18px;\">\n            <div class=\"testimonial-avatar\">\ud83d\udc68<\/div>\n          <\/div>\n          <h4 class=\"testimonial-name\">Ajay Patel<\/h4>\n          <p class=\"testimonial-title\">Placed in UAE, Construction<\/p>\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"testimonial-quote\">Incredible experience! Got placed within 2 months with a salary hike of 40%. Best recruitment partner I've worked with!<\/p>\n        <\/div>\n\n        <!-- Testimonial 4 - Employer -->\n        <div class=\"testimonial-card\" style=\"border: 2.5px solid var(--neon-green); background: linear-gradient(135deg, rgba(2, 180, 26, 0.12), rgba(255, 215, 0, 0.06)); box-shadow: 0 0 25px rgba(2, 180, 26, 0.25);\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 18px;\">\n            <div style=\"width: 90px; height: 90px; background: linear-gradient(135deg, var(--neon-green), var(--deep-green)); border-radius: 50%; border: 5px solid rgba(255, 215, 0, 0.4); display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\n              <i class=\"bi bi-building\" style=\"color: white; font-size: 3rem;\"><\/i>\n            <\/div>\n          <\/div>\n          <h4 class=\"testimonial-name\">Global Tech Corp<\/h4>\n          <p class=\"testimonial-title\" style=\"color: var(--neon-green);\">Strategic Employer Partner<\/p>\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"testimonial-quote\">Exceptional recruitment partner. Quality candidates, rapid deployment, outstanding support. They understand our needs perfectly!<\/p>\n        <\/div>\n\n        <!-- Testimonial 5 -->\n        <div class=\"testimonial-card\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 18px;\">\n            <div class=\"testimonial-avatar\">\ud83d\udc68<\/div>\n          <\/div>\n          <h4 class=\"testimonial-name\">Vikram Singh<\/h4>\n          <p class=\"testimonial-title\">Placed in Saudi Arabia, Healthcare<\/p>\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"testimonial-quote\">Life-changing opportunity! Professional approach throughout the entire process. They care about your success, not just commission!<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 7: ENHANCED WHY US SECTION ============ -->\n<!-- WHY 350+ COMPANIES TRUST US SECTION -->\n<section id=\"why-us-section\" style=\"padding: 80px 20px; background: linear-gradient(180deg, #000 0%, #0a0a0a 100%); border-top: 1px solid rgba(2, 180, 26, 0.2);\">\n  <div style=\"max-width: 1200px; margin: 0 auto;\">\n    <div style=\"text-align: center; margin-bottom: 60px;\">\n      <h2 style=\"font-family: var(--brand-font); font-size: 48px; font-weight: 900; color: var(--text-light); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;\">\n        Why <span style=\"color: var(--neon-green);\">350+ Companies<\/span> & <span style=\"color: var(--neon-green);\">90,000+ Candidates<\/span> Trust Us\n      <\/h2>\n      <p style=\"font-size: 18px; color: var(--text-muted); line-height: 1.8;\">\n        Excellence through reliability, transparency, and proven results\n      <\/p>\n    <\/div>\n\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;\">\n\n      <!-- Trust Reason 1 -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03)); border: 1px solid rgba(2, 180, 26, 0.2); border-radius: 12px; padding: 30px; animation: fadeInUp 0.8s ease forwards;\">\n        <div style=\"background: rgba(2, 180, 26, 0.1); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-shield-check\" style=\"font-size: 32px; color: var(--neon-green);\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          Government Approved\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          Ministry of External Affairs approved & ISO certified. Complete legal compliance and worker protection.\n        <\/p>\n      <\/div>\n\n      <!-- Trust Reason 2 -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03)); border: 1px solid rgba(2, 180, 26, 0.2); border-radius: 12px; padding: 30px; animation: fadeInUp 0.9s ease forwards;\">\n        <div style=\"background: rgba(2, 180, 26, 0.1); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-people-fill\" style=\"font-size: 32px; color: var(--neon-green);\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          Expert Team\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          Decades of combined international recruitment experience with dedicated account managers.\n        <\/p>\n      <\/div>\n\n      <!-- Trust Reason 3 -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03)); border: 1px solid rgba(2, 180, 26, 0.2); border-radius: 12px; padding: 30px; animation: fadeInUp 1s ease forwards;\">\n        <div style=\"background: rgba(2, 180, 26, 0.1); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-graph-up\" style=\"font-size: 32px; color: var(--neon-green);\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          Proven Track Record\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          95,000+ successful placements across 22+ countries with 98% client satisfaction rate.\n        <\/p>\n      <\/div>\n\n      <!-- Trust Reason 4 -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03)); border: 1px solid rgba(2, 180, 26, 0.2); border-radius: 12px; padding: 30px; animation: fadeInUp 1.1s ease forwards;\">\n        <div style=\"background: rgba(2, 180, 26, 0.1); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-lightning-fill\" style=\"font-size: 32px; color: var(--neon-green);\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          Fast Processing\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          Average placement time of 30-45 days from application to deployment. Efficient end-to-end process.\n        <\/p>\n      <\/div>\n\n      <!-- Trust Reason 5 -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.08), rgba(255, 215, 0, 0.03)); border: 1px solid rgba(2, 180, 26, 0.2); border-radius: 12px; padding: 30px; animation: fadeInUp 1.2s ease forwards;\">\n        <div style=\"background: rgba(2, 180, 26, 0.1); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-chat-dots-fill\" style=\"font-size: 32px; color: var(--neon-green);\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          24\/7 Support\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          Round-the-clock customer support & on-ground assistance in destination countries. Always there for you.\n        <\/p>\n      <\/div>\n\n      <!-- Trust Reason 6 - END-TO-END SOLUTION WITH ICON -->\n      <div style=\"background: linear-gradient(135deg, rgba(2, 180, 26, 0.1), rgba(255, 215, 0, 0.05)); border: 2px solid rgba(2, 180, 26, 0.4); border-radius: 12px; padding: 30px; animation: fadeInUp 1.3s ease forwards; box-shadow: 0 8px 24px rgba(2, 180, 26, 0.15);\">\n        <div style=\"background: linear-gradient(135deg, var(--neon-green), var(--deep-green)); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n          <i class=\"bi bi-check2-circle\" style=\"font-size: 32px; color: white;\"><\/i>\n        <\/div>\n        <h3 style=\"font-family: var(--brand-font); font-size: 20px; font-weight: 700; color: var(--text-light); margin-bottom: 12px;\">\n          End-to-End Solution\n        <\/h3>\n        <p style=\"color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0;\">\n          From sourcing & screening to visa processing, training, deployment & ongoing support. One-stop solution.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n  \n<\/div><!-- END CONTENT WRAPPER -->\n\n<script>\n  let currentSlide = 0;\n  const totalSlides = 4;\n  let autoplayInterval;\n\n  function showSlide(index) {\n    const slides = document.querySelectorAll('.carousel-slide');\n    const dots = document.querySelectorAll('.carousel-dots .dot');\n    if (index >= totalSlides) currentSlide = 0;\n    if (index < 0) currentSlide = totalSlides - 1;\n    slides.forEach(slide => slide.classList.remove('active'));\n    dots.forEach(dot => dot.classList.remove('active'));\n    slides[currentSlide].classList.add('active');\n    dots[currentSlide].classList.add('active');\n  }\n\n  function nextSlide() {\n    currentSlide++;\n    if (currentSlide >= totalSlides) currentSlide = 0;\n    showSlide(currentSlide);\n    resetAutoplay();\n  }\n\n  function prevSlide() {\n    currentSlide--;\n    if (currentSlide < 0) currentSlide = totalSlides - 1;\n    showSlide(currentSlide);\n    resetAutoplay();\n  }\n\n  function goToSlide(index) {\n    currentSlide = index;\n    showSlide(currentSlide);\n    resetAutoplay();\n  }\n\n  function startAutoplay() {\n    autoplayInterval = setInterval(() => { nextSlide(); }, 8000);\n  }\n\n  function resetAutoplay() {\n    clearInterval(autoplayInterval);\n    startAutoplay();\n  }\n\n  function subscribeNewsletter(event) {\n    event.preventDefault();\n    alert('Thank you for subscribing! Check your email for the latest job alerts.');\n    event.target.reset();\n  }\n\n  function scrollToTop() {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.animate-on-scroll').forEach(el => {\n    observer.observe(el);\n  });\n\n  showSlide(0);\n  startAutoplay();\n\n  const carousel = document.querySelector('.hero-carousel');\n  carousel.addEventListener('mouseenter', () => clearInterval(autoplayInterval));\n  carousel.addEventListener('mouseleave', () => startAutoplay());\n\n  document.querySelectorAll('.slide-video').forEach(video => {\n    video.addEventListener('error', function() {\n      this.style.display = 'none';\n      const img = this.nextElementSibling;\n      if (img && img.classList.contains('slide-image')) {\n        img.style.display = 'block';\n      }\n    });\n  });\n<\/script>\n<button class=\"floating-cta\" onclick=\"window.location.href='#browse-jobs'\">\n  Browse Jobs Now \u2193\n<\/button>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tradesmen Jobs &#8211; Global Recruitment Excellence 25 Years ofExcellence Your Gateway to Global Career Success Connect with 350+ employers across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-302","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"shivadigital150@gmail.com","author_link":"https:\/\/beingurbania.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Tradesmen Jobs &#8211; Global Recruitment Excellence 25 Years ofExcellence Your Gateway to Global Career Success Connect with 350+ employers across [&hellip;]","_links":{"self":[{"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/pages\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beingurbania.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=302"}],"version-history":[{"count":154,"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/pages\/302\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/beingurbania.com\/index.php?rest_route=\/wp\/v2\/pages\/302\/revisions\/538"}],"wp:attachment":[{"href":"https:\/\/beingurbania.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}