{"id":1416,"date":"2025-07-15T09:26:11","date_gmt":"2025-07-15T09:26:11","guid":{"rendered":"https:\/\/flashklik.com\/?page_id=1416"},"modified":"2026-08-18T07:17:26","modified_gmt":"2026-08-18T07:17:26","slug":"career","status":"publish","type":"page","link":"https:\/\/flashklik.com\/id\/career\/","title":{"rendered":"Career"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1416\" class=\"elementor elementor-1416\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66991ef e-con-full e-flex e-con e-parent\" data-id=\"66991ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a94852c elementor-widget elementor-widget-html\" data-id=\"a94852c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==================================================\r\n     FLASHKLIK CAREER HERO\r\n     Elementor \/ WordPress Custom HTML\r\n=================================================== -->\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@400;500;600;700;800&family=Ubuntu:wght@300;400;500;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"fkcareer-hero\">\r\n\r\n  <div class=\"fkcareer-container\">\r\n\r\n    <!-- =========================\r\n         LEFT CONTENT\r\n    ========================== -->\r\n    <div class=\"fkcareer-content\">\r\n\r\n      <div class=\"fkcareer-badge\">\r\n\r\n        <span class=\"fkcareer-badge-icon\">\r\n\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n            <path d=\"M19 8v6\"><\/path>\r\n            <path d=\"M22 11h-6\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"fkcareer-badge-text\">\r\n          Careers at Flashklik\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <h1 class=\"fkcareer-title\">\r\n\r\n        Build What\u2019s Next.\r\n\r\n        <span class=\"fkcareer-title-gradient\">\r\n          Grow With Us.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"fkcareer-description\">\r\n        Join the team behind smarter digital office solutions.\r\n        Work on meaningful technology, solve real business challenges,\r\n        and grow your career alongside people who care about building\r\n        better ways to work.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"fkcareer-actions\">\r\n\r\n        <a\r\n          href=\"#job-openings\"\r\n          class=\"fkcareer-btn fkcareer-btn-primary\"\r\n        >\r\n          Explore Job Openings\r\n\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m13 6 6 6-6 6\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#life-at-flashklik\"\r\n          class=\"fkcareer-btn fkcareer-btn-secondary\"\r\n        >\r\n          Life at Flashklik\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- MINI BENEFITS -->\r\n      <div class=\"fkcareer-meta\">\r\n\r\n        <div class=\"fkcareer-meta-item\">\r\n\r\n          <span class=\"fkcareer-meta-icon\">\r\n\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M12 20h9\"><\/path>\r\n              <path d=\"M12 4h9\"><\/path>\r\n              <path d=\"M4 9l3 3-3 3\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>Real Impact<\/strong>\r\n            <small>Build meaningful solutions<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"fkcareer-meta-line\"><\/span>\r\n\r\n\r\n        <div class=\"fkcareer-meta-item\">\r\n\r\n          <span class=\"fkcareer-meta-icon\">\r\n\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M3 17l6-6 4 4 8-8\"><\/path>\r\n              <path d=\"M14 7h7v7\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>Grow Together<\/strong>\r\n            <small>Learn, evolve, achieve more<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         RIGHT VISUAL\r\n    ========================== -->\r\n    <div class=\"fkcareer-visual\">\r\n\r\n      <div class=\"fkcareer-orbit\"><\/div>\r\n\r\n      <div class=\"fkcareer-mesh\"><\/div>\r\n\r\n      <span class=\"fkcareer-dot fkcareer-dot-one\"><\/span>\r\n      <span class=\"fkcareer-dot fkcareer-dot-two\"><\/span>\r\n      <span class=\"fkcareer-dot fkcareer-dot-three\"><\/span>\r\n\r\n\r\n      <!-- MAIN CAREER IMAGE -->\r\n      <div class=\"fkcareer-main-image\">\r\n\r\n        <div class=\"fkcareer-main-image-glow\"><\/div>\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-02_00_42-PM.png\"\r\n          alt=\"Career at Flashklik\"\r\n         title=\"Career\">\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FLOATING CARD 1 -->\r\n      <div class=\"fkcareer-float-card fkcareer-float-one\">\r\n\r\n        <span class=\"fkcareer-float-icon fkcareer-float-pink\">\r\n\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n            <path d=\"M19 8v6\"><\/path>\r\n            <path d=\"M22 11h-6\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <div>\r\n          <small>Join Our Team<\/small>\r\n          <strong>Open Opportunities<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOATING CARD 2 -->\r\n      <div class=\"fkcareer-float-card fkcareer-float-two\">\r\n\r\n        <span class=\"fkcareer-float-icon fkcareer-float-blue\">\r\n\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          >\r\n            <path d=\"M3 17l6-6 4 4 8-8\"><\/path>\r\n            <path d=\"M14 7h7v7\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <div>\r\n          <small>Build Your Career<\/small>\r\n          <strong>Learn &amp; Grow<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   FLASHKLIK CAREER HERO\r\n===================================================== *\/\r\n\r\n.fkcareer-hero {\r\n\r\n  --career-pink: #ff3f7f;\r\n  --career-pink-light: #ff7dac;\r\n\r\n  --career-purple: #7438ff;\r\n  --career-blue: #334cff;\r\n  --career-cyan: #1bd8ff;\r\n\r\n  --career-muted:\r\n    rgba(255,255,255,.65);\r\n\r\n  --career-border:\r\n    rgba(255,255,255,.12);\r\n\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 780px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family:\r\n    'Ubuntu',\r\n    sans-serif;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 78% 47%,\r\n      rgba(116,56,255,.20),\r\n      transparent 31%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 15% 20%,\r\n      rgba(255,63,127,.11),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 92% 83%,\r\n      rgba(27,216,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #050507 0%,\r\n      #090714 53%,\r\n      #050507 100%\r\n    );\r\n}\r\n\r\n\r\n.fkcareer-hero,\r\n.fkcareer-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   BACKGROUND GRID\r\n===================================================== *\/\r\n\r\n.fkcareer-hero::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: -4;\r\n\r\n  opacity: .34;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    68px 68px;\r\n\r\n\r\n  -webkit-mask-image:\r\n\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      #000 18%,\r\n      #000 82%,\r\n      transparent\r\n    );\r\n\r\n\r\n  mask-image:\r\n\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      #000 18%,\r\n      #000 82%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* AMBIENT GLOW *\/\r\n\r\n.fkcareer-hero::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -3;\r\n\r\n  right: -160px;\r\n\r\n  top: 48%;\r\n\r\n  width: 660px;\r\n\r\n  height: 660px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(116,56,255,.14);\r\n\r\n  filter:\r\n    blur(115px);\r\n\r\n  animation:\r\n    fkcareerGlow\r\n    7s ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   CONTAINER\r\n===================================================== *\/\r\n\r\n.fkcareer-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  width:\r\n\r\n    min(\r\n      1240px,\r\n      calc(100% - 48px)\r\n    );\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  display: grid;\r\n\r\n\r\n  grid-template-columns:\r\n\r\n    minmax(0,.92fr)\r\n\r\n    minmax(500px,1.08fr);\r\n\r\n\r\n  gap:\r\n    72px;\r\n\r\n\r\n  align-items:\r\n    center;\r\n\r\n\r\n  padding:\r\n\r\n    145px 0\r\n\r\n    95px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   CONTENT\r\n===================================================== *\/\r\n\r\n.fkcareer-content {\r\n\r\n  position: relative;\r\n\r\n  z-index: 8;\r\n\r\n  max-width:\r\n    650px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   BADGE\r\n===================================================== *\/\r\n\r\n.fkcareer-badge {\r\n\r\n  width:\r\n    fit-content;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    10px;\r\n\r\n  min-height:\r\n    40px;\r\n\r\n  padding:\r\n\r\n    6px 17px\r\n    6px 7px;\r\n\r\n  margin-bottom:\r\n    27px;\r\n\r\n  border:\r\n\r\n    1px solid\r\n    var(--career-border);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n\r\n  box-shadow:\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\r\n.fkcareer-badge-icon {\r\n\r\n  width:\r\n    28px;\r\n\r\n  height:\r\n    28px;\r\n\r\n  flex:\r\n    0 0 28px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--career-pink),\r\n      var(--career-purple)\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 0 22px\r\n    rgba(255,63,127,.33);\r\n}\r\n\r\n\r\n\r\n.fkcareer-badge-icon svg {\r\n\r\n  width:\r\n    14px;\r\n\r\n  height:\r\n    14px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-badge-text {\r\n\r\n  color:\r\n    rgba(255,255,255,.82);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  letter-spacing:\r\n    .11em;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.fkcareer-title {\r\n\r\n  max-width:\r\n    720px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-family:\r\n\r\n    'Roboto Condensed',\r\n    sans-serif;\r\n\r\n  font-size:\r\n\r\n    clamp(\r\n      58px,\r\n      5.7vw,\r\n      84px\r\n    );\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    .97;\r\n\r\n  letter-spacing:\r\n    -.038em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n\r\n\r\n.fkcareer-title-gradient {\r\n\r\n  display:\r\n    block;\r\n\r\n  color:\r\n    transparent;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      95deg,\r\n      #ffffff 0%,\r\n      #ffffff 12%,\r\n      #ff91b5 42%,\r\n      #a47cff 70%,\r\n      #68ddff 100%\r\n    );\r\n\r\n  -webkit-background-clip:\r\n    text;\r\n\r\n  background-clip:\r\n    text;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   DESCRIPTION\r\n===================================================== *\/\r\n\r\n.fkcareer-description {\r\n\r\n  max-width:\r\n    590px;\r\n\r\n  margin:\r\n    29px 0 0;\r\n\r\n  color:\r\n    var(--career-muted);\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  line-height:\r\n    1.75;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   BUTTONS\r\n===================================================== *\/\r\n\r\n.fkcareer-actions {\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-wrap:\r\n    wrap;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    14px;\r\n\r\n  margin-top:\r\n    34px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-btn,\r\n.fkcareer-btn:hover,\r\n.fkcareer-btn:focus,\r\n.fkcareer-btn:active {\r\n\r\n  min-height:\r\n    54px;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap:\r\n    10px;\r\n\r\n  padding:\r\n    0 24px;\r\n\r\n  border:\r\n    1px solid transparent;\r\n\r\n  border-radius:\r\n    14px;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  transition:\r\n\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n\r\n\r\n.fkcareer-btn svg {\r\n\r\n  width:\r\n    18px;\r\n\r\n  height:\r\n    18px;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\r\n.fkcareer-btn:hover svg {\r\n\r\n  transform:\r\n    translateX(4px);\r\n}\r\n\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.fkcareer-btn-primary {\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--career-pink),\r\n      #e629b3 52%,\r\n      var(--career-purple)\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 16px 38px\r\n    rgba(255,63,127,.20),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.28);\r\n}\r\n\r\n\r\n\r\n.fkcareer-btn-primary:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n\r\n    0 22px 46px\r\n    rgba(255,63,127,.30),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.32);\r\n}\r\n\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.fkcareer-btn-secondary {\r\n\r\n  border-color:\r\n    rgba(255,255,255,.14);\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  color:\r\n    rgba(255,255,255,.84);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n}\r\n\r\n\r\n\r\n.fkcareer-btn-secondary:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(255,255,255,.28);\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MINI META\r\n===================================================== *\/\r\n\r\n.fkcareer-meta {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  margin-top:\r\n    42px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-item {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    11px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-icon {\r\n\r\n  width:\r\n    36px;\r\n\r\n  height:\r\n    36px;\r\n\r\n  flex:\r\n    0 0 36px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius:\r\n    11px;\r\n\r\n  color:\r\n    var(--career-pink-light);\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-icon svg {\r\n\r\n  width:\r\n    17px;\r\n\r\n  height:\r\n    17px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-item strong {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    4px;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1;\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-item small {\r\n\r\n  display:\r\n    block;\r\n\r\n  color:\r\n    rgba(255,255,255,.43);\r\n\r\n  font-size:\r\n    11px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-meta-line {\r\n\r\n  width:\r\n    1px;\r\n\r\n  height:\r\n    32px;\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   RIGHT VISUAL\r\n===================================================== *\/\r\n\r\n.fkcareer-visual {\r\n\r\n  position:\r\n    relative;\r\n\r\n  min-height:\r\n    590px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ORBIT\r\n===================================================== *\/\r\n\r\n.fkcareer-orbit {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    50%;\r\n\r\n  width:\r\n    535px;\r\n\r\n  height:\r\n    535px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-radius:\r\n    50%;\r\n}\r\n\r\n\r\n\r\n.fkcareer-orbit::before,\r\n.fkcareer-orbit::after {\r\n\r\n  content: \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  border-radius:\r\n    50%;\r\n}\r\n\r\n\r\n\r\n.fkcareer-orbit::before {\r\n\r\n  inset:\r\n    42px;\r\n\r\n  border:\r\n    1px dashed rgba(255,255,255,.11);\r\n\r\n  animation:\r\n    fkcareerRotate\r\n    25s linear\r\n    infinite;\r\n}\r\n\r\n\r\n\r\n.fkcareer-orbit::after {\r\n\r\n  inset:\r\n    108px;\r\n\r\n  border:\r\n    1px solid rgba(255,63,127,.14);\r\n\r\n  box-shadow:\r\n\r\n    0 0 80px\r\n    rgba(255,63,127,.08),\r\n\r\n    inset 0 0 80px\r\n    rgba(116,56,255,.08);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MESH\r\n===================================================== *\/\r\n\r\n.fkcareer-mesh {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    50%;\r\n\r\n  z-index:\r\n    0;\r\n\r\n  width:\r\n    445px;\r\n\r\n  height:\r\n    445px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-radius:\r\n\r\n    44% 56% 61% 39% \/\r\n    41% 46% 54% 59%;\r\n\r\n  transform:\r\n\r\n    translate(-50%,-50%)\r\n    rotate(-12deg);\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 72% 30%,\r\n      #ff4d9f,\r\n      transparent 29%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 30% 75%,\r\n      #3547ff,\r\n      transparent 34%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #7a23ff 0%,\r\n      #f62791 54%,\r\n      #411aff 100%\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 0 105px\r\n    rgba(121,41,255,.30),\r\n\r\n    0 0 70px\r\n    rgba(255,44,136,.20);\r\n\r\n  opacity:\r\n    .76;\r\n\r\n  animation:\r\n    fkcareerBlob\r\n    8s ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\r\n.fkcareer-mesh::before {\r\n\r\n  content: \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    -30%;\r\n\r\n  opacity:\r\n    .40;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.42) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.42) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    24px 24px;\r\n\r\n  transform:\r\n\r\n    perspective(500px)\r\n    rotateX(63deg)\r\n    rotateZ(-15deg);\r\n\r\n  -webkit-mask-image:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      #000,\r\n      transparent 72%\r\n    );\r\n\r\n  mask-image:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      #000,\r\n      transparent 72%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MAIN CAREER IMAGE \u2014 NO CARD\r\n===================================================== *\/\r\n\r\n.fkcareer-main-image {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  width:\r\n    min(570px, 94%);\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  animation:\r\n    fkcareerImageFloat\r\n    5s ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n.fkcareer-main-image img {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    auto;\r\n\r\n  max-height:\r\n    520px;\r\n\r\n  object-fit:\r\n    contain;\r\n\r\n  border-radius:\r\n    34px;\r\n\r\n  box-shadow:\r\n\r\n    0 40px 90px\r\n    rgba(0,0,0,.42),\r\n\r\n    0 0 55px\r\n    rgba(116,56,255,.14);\r\n\r\n  transition:\r\n    transform .5s ease;\r\n}\r\n\r\n\r\n.fkcareer-main-image:hover img {\r\n\r\n  transform:\r\n    scale(1.025);\r\n}\r\n\r\n\r\n.fkcareer-main-image-glow {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    0;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    52%;\r\n\r\n  width:\r\n    82%;\r\n\r\n  height:\r\n    72%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,63,127,.15),\r\n      rgba(116,56,255,.14) 45%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter:\r\n    blur(45px);\r\n\r\n  pointer-events:\r\n    none;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   FLOATING CARDS\r\n===================================================== *\/\r\n\r\n.fkcareer-float-card {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    8;\r\n\r\n  min-width:\r\n    190px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    11px;\r\n\r\n  padding:\r\n    13px 15px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.13);\r\n\r\n  border-radius:\r\n    16px;\r\n\r\n  background:\r\n    rgba(12,12,22,.78);\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(16px);\r\n\r\n  box-shadow:\r\n\r\n    0 18px 45px\r\n    rgba(0,0,0,.31),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-icon {\r\n\r\n  width:\r\n    40px;\r\n\r\n  height:\r\n    40px;\r\n\r\n  flex:\r\n    0 0 40px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border-radius:\r\n    12px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-icon svg {\r\n\r\n  width:\r\n    18px;\r\n\r\n  height:\r\n    18px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-pink {\r\n\r\n  color:\r\n    #ff74a4;\r\n\r\n  background:\r\n    rgba(255,63,127,.14);\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-blue {\r\n\r\n  color:\r\n    #73deff;\r\n\r\n  background:\r\n    rgba(27,216,255,.12);\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-card small {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    4px;\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size:\r\n    9px;\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-card strong {\r\n\r\n  display:\r\n    block;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.2;\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-one {\r\n\r\n  top:\r\n    100px;\r\n\r\n  right:\r\n    -8px;\r\n\r\n  animation:\r\n    fkcareerFloatCard\r\n    4.8s ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\r\n.fkcareer-float-two {\r\n\r\n  bottom:\r\n    85px;\r\n\r\n  left:\r\n    -10px;\r\n\r\n  animation:\r\n    fkcareerFloatCard\r\n    4.8s ease-in-out\r\n    1.1s infinite;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   DECORATIVE DOTS\r\n===================================================== *\/\r\n\r\n.fkcareer-dot {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  box-shadow:\r\n    0 0 18px currentColor;\r\n}\r\n\r\n\r\n\r\n.fkcareer-dot-one {\r\n\r\n  top:\r\n    75px;\r\n\r\n  left:\r\n    80px;\r\n\r\n  color:\r\n    var(--career-pink);\r\n\r\n  background:\r\n    currentColor;\r\n}\r\n\r\n\r\n\r\n.fkcareer-dot-two {\r\n\r\n  right:\r\n    70px;\r\n\r\n  bottom:\r\n    70px;\r\n\r\n  color:\r\n    var(--career-cyan);\r\n\r\n  background:\r\n    currentColor;\r\n}\r\n\r\n\r\n\r\n.fkcareer-dot-three {\r\n\r\n  top:\r\n    155px;\r\n\r\n  right:\r\n    95px;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  background:\r\n    currentColor;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONS\r\n===================================================== *\/\r\n\r\n@keyframes fkcareerGlow {\r\n\r\n  from {\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      translateX(-30px);\r\n  }\r\n\r\n  to {\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      translateX(30px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@keyframes fkcareerRotate {\r\n\r\n  from {\r\n    transform:\r\n      rotate(0);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@keyframes fkcareerBlob {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    border-radius:\r\n\r\n      44% 56% 61% 39% \/\r\n      41% 46% 54% 59%;\r\n\r\n    transform:\r\n\r\n      translate(-50%,-50%)\r\n      rotate(-12deg)\r\n      scale(1);\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    border-radius:\r\n\r\n      58% 42% 45% 55% \/\r\n      55% 61% 39% 45%;\r\n\r\n    transform:\r\n\r\n      translate(-50%,-50%)\r\n      rotate(-7deg)\r\n      scale(1.035);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@keyframes fkcareerImageFloat {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      translateY(0)\r\n      rotate(1deg);\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n      translateY(-14px)\r\n      rotate(-1deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@keyframes fkcareerFloatCard {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n      translateY(-11px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .fkcareer-hero {\r\n    min-height:\r\n      auto;\r\n  }\r\n\r\n\r\n  .fkcareer-container {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      40px;\r\n\r\n    padding:\r\n\r\n      125px 0\r\n      70px;\r\n  }\r\n\r\n\r\n  .fkcareer-content {\r\n\r\n    max-width:\r\n      780px;\r\n\r\n    margin:\r\n      0 auto;\r\n\r\n    text-align:\r\n      center;\r\n  }\r\n\r\n\r\n  .fkcareer-badge {\r\n\r\n    margin-left:\r\n      auto;\r\n\r\n    margin-right:\r\n      auto;\r\n  }\r\n\r\n\r\n  .fkcareer-description {\r\n\r\n    margin-left:\r\n      auto;\r\n\r\n    margin-right:\r\n      auto;\r\n  }\r\n\r\n\r\n  .fkcareer-actions,\r\n  .fkcareer-meta {\r\n\r\n    justify-content:\r\n      center;\r\n  }\r\n\r\n\r\n  .fkcareer-visual {\r\n\r\n    width:\r\n      min(680px,100%);\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .fkcareer-main-image {\r\n\r\n    width:\r\n      min(560px,88%);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 640px) {\r\n\r\n  .fkcareer-container {\r\n\r\n    width:\r\n\r\n      min(\r\n        calc(100% - 30px),\r\n        1240px\r\n      );\r\n\r\n    padding-top:\r\n      105px;\r\n\r\n    gap:\r\n      25px;\r\n  }\r\n\r\n\r\n  .fkcareer-title {\r\n\r\n    font-size:\r\n\r\n      clamp(\r\n        46px,\r\n        13vw,\r\n        62px\r\n      );\r\n  }\r\n\r\n\r\n  .fkcareer-description {\r\n\r\n    font-size:\r\n      15px;\r\n  }\r\n\r\n\r\n  .fkcareer-actions {\r\n\r\n    width:\r\n      100%;\r\n  }\r\n\r\n\r\n  .fkcareer-btn {\r\n\r\n    width:\r\n      100%;\r\n  }\r\n\r\n\r\n  .fkcareer-meta {\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    gap:\r\n      14px;\r\n  }\r\n\r\n\r\n  .fkcareer-meta-line {\r\n\r\n    display:\r\n      none;\r\n  }\r\n\r\n\r\n  .fkcareer-meta-item {\r\n\r\n    width:\r\n      calc(50% - 7px);\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    text-align:\r\n      center;\r\n  }\r\n\r\n\r\n  .fkcareer-visual {\r\n\r\n    min-height:\r\n      510px;\r\n\r\n    margin-top:\r\n      -10px;\r\n\r\n    margin-bottom:\r\n      -30px;\r\n  }\r\n\r\n\r\n  .fkcareer-orbit {\r\n\r\n    width:\r\n      410px;\r\n\r\n    height:\r\n      410px;\r\n  }\r\n\r\n\r\n  .fkcareer-mesh {\r\n\r\n    width:\r\n      345px;\r\n\r\n    height:\r\n      345px;\r\n  }\r\n\r\n\r\n  .fkcareer-main-image {\r\n\r\n    width:\r\n      360px;\r\n\r\n    max-width:\r\n      88%;\r\n  }\r\n\r\n\r\n  .fkcareer-main-image img {\r\n\r\n    max-height:\r\n      400px;\r\n\r\n    border-radius:\r\n      24px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-card {\r\n\r\n    min-width:\r\n      155px;\r\n\r\n    padding:\r\n      10px 12px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-card strong {\r\n\r\n    font-size:\r\n      11px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-one {\r\n\r\n    top:\r\n      78px;\r\n\r\n    right:\r\n      -22px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-two {\r\n\r\n    left:\r\n      -22px;\r\n\r\n    bottom:\r\n      75px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .fkcareer-visual {\r\n\r\n    transform:\r\n      scale(.92);\r\n\r\n    margin-top:\r\n      -20px;\r\n\r\n    margin-bottom:\r\n      -45px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-one {\r\n\r\n    right:\r\n      -34px;\r\n  }\r\n\r\n\r\n  .fkcareer-float-two {\r\n\r\n    left:\r\n      -34px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   REDUCED MOTION\r\n===================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .fkcareer-hero *,\r\n  .fkcareer-hero *::before,\r\n  .fkcareer-hero *::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n    scroll-behavior:\r\n      auto !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-118cb94 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"118cb94\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7c2af1\" data-id=\"a7c2af1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f40ccf6 elementor-widget elementor-widget-button\" data-id=\"f40ccf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OUR MISSION<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-219b405 elementor-widget elementor-widget-heading\" data-id=\"219b405\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Building Digital Solutions That Work for You\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e309e72 elementor-widget elementor-widget-text-editor\" data-id=\"e309e72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We believe technology should empower, not overwhelm.<br \/>That\u2019s why Flashklik focuses on building ready-to-use tools that solve real operational challenges faced by businesses every day without the heavy costs or steep learning curves.<\/p><p>Whether you&#8217;re managing a workspace, streamlining operations, or improving visibility, Flashklik helps you do it faster, easier, and smarter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-a0baa8a e-con-full e-flex e-con e-parent\" data-id=\"a0baa8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff80fbf elementor-widget elementor-widget-html\" data-id=\"ff80fbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- GOOGLE FONT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@400;500;600;700&family=Ubuntu:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"career-openings-section\">\r\n\r\n  <div class=\"career-glow career-glow-left\"><\/div>\r\n  <div class=\"career-glow career-glow-right\"><\/div>\r\n\r\n  <div class=\"career-openings-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"career-heading\">\r\n\r\n      <div class=\"career-badge\">\r\n\r\n        <div class=\"career-badge-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\r\n            <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <span>CAREER OPPORTUNITIES<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"career-title\">\r\n        Find Your Place\r\n        <span>at Flashklik.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"career-subtitle\">\r\n        Explore opportunities to grow, create, and build meaningful\r\n        impact together with the Flashklik team.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- MAIN PANEL -->\r\n    <div class=\"career-panel\">\r\n\r\n      <!-- PANEL HEADER -->\r\n      <div class=\"career-panel-header\">\r\n\r\n        <div>\r\n          <span class=\"career-panel-label\">\r\n            CURRENT OPENINGS\r\n          <\/span>\r\n\r\n          <h3>Recent Open Positions<\/h3>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"career-position-count\">\r\n          <span><\/span>\r\n          0 Positions\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- EMPTY STATE -->\r\n      <div class=\"career-empty\">\r\n\r\n\r\n        <!-- LEFT VISUAL -->\r\n        <div class=\"career-empty-visual\">\r\n\r\n          <div class=\"career-orbit\"><\/div>\r\n\r\n\r\n          <div class=\"career-main-icon\">\r\n\r\n            <div class=\"career-main-icon-inner\">\r\n\r\n              <svg viewbox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"1.7\">\r\n\r\n                <rect x=\"3\" y=\"7\"\r\n                      width=\"18\"\r\n                      height=\"13\"\r\n                      rx=\"2\"><\/rect>\r\n\r\n                <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path>\r\n\r\n                <path d=\"M3 12h18\"><\/path>\r\n\r\n                <path d=\"M10 12v2h4v-2\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"career-dot career-dot-one\"><\/span>\r\n          <span class=\"career-dot career-dot-two\"><\/span>\r\n          <span class=\"career-dot career-dot-three\"><\/span>\r\n\r\n\r\n          <div class=\"career-floating-card\">\r\n\r\n            <div class=\"career-floating-card-icon\">\r\n\r\n              <svg viewbox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2\">\r\n\r\n                <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n              <span>Next Opportunity<\/span>\r\n              <strong>Coming Soon<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RIGHT CONTENT -->\r\n        <div class=\"career-empty-content\">\r\n\r\n          <span class=\"career-overline\">\r\n            NOTHING OPEN YET\r\n          <\/span>\r\n\r\n\r\n          <h4>\r\n            No Open Positions\r\n            <span>Right Now.<\/span>\r\n          <\/h4>\r\n\r\n\r\n          <p>\r\n            We don't have any active openings at the moment,\r\n            but we're always excited to meet talented people\r\n            who want to grow, create, and make an impact with us.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"career-actions\">\r\n\r\n            <a href=\"mailto:career@flashklik.com\"\r\n               class=\"career-btn career-btn-primary\">\r\n\r\n              Send Your Profile\r\n\r\n              <svg viewbox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2\">\r\n\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m13 6 6 6-6 6\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"\/id\/about-us\/\"\r\n               class=\"career-btn career-btn-secondary\">\r\n\r\n              About Flashklik\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"career-note\">\r\n\r\n            <div class=\"career-note-icon\">\r\n\r\n              <svg viewbox=\"0 0 24 24\"\r\n                   fill=\"none\"\r\n                   stroke=\"currentColor\"\r\n                   stroke-width=\"2\">\r\n\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                <path d=\"M12 8v4\"><\/path>\r\n                <path d=\"M12 16h.01\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <span>\r\n              New opportunities will appear here as soon as\r\n              positions become available.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FOOTER -->\r\n      <div class=\"career-panel-footer\">\r\n\r\n        <div class=\"career-value\">\r\n\r\n          <div class=\"career-value-icon\">\r\n\r\n            <svg viewbox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Equal Opportunity<\/strong>\r\n            <span>Everyone is welcome<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"career-footer-divider\"><\/span>\r\n\r\n\r\n        <div class=\"career-value\">\r\n\r\n          <div class=\"career-value-icon\">\r\n\r\n            <svg viewbox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n              <path d=\"M1 21v-2a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v2\"><\/path>\r\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Grow Together<\/strong>\r\n            <span>Build with our team<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"career-footer-divider\"><\/span>\r\n\r\n\r\n        <div class=\"career-value\">\r\n\r\n          <div class=\"career-value-icon\">\r\n\r\n            <svg viewbox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m13 6 6 6-6 6\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Keep Growing<\/strong>\r\n            <span>Create meaningful impact<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   SECTION\r\n===================================================== *\/\r\n\r\n.career-openings-section {\r\n\r\n  --career-blue: #2450ff;\r\n  --career-cyan: #22d2ff;\r\n  --career-purple: #8337ff;\r\n  --career-pink: #ff187b;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  isolation: isolate;\r\n\r\n  padding: 120px 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family: 'Ubuntu', sans-serif;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 15% 35%,\r\n      rgba(36, 80, 255, .12),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 87% 65%,\r\n      rgba(255, 24, 123, .10),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #050507,\r\n      #07060c 48%,\r\n      #040405\r\n    );\r\n\r\n}\r\n\r\n\r\n.career-openings-section,\r\n.career-openings-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* GRID *\/\r\n.career-openings-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: -5;\r\n\r\n  opacity: .32;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 72px 72px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      #000 15%,\r\n      #000 85%,\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   GLOWS\r\n===================================================== *\/\r\n\r\n.career-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 430px;\r\n  height: 430px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(120px);\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: -3;\r\n\r\n}\r\n\r\n\r\n.career-glow-left {\r\n\r\n  left: -220px;\r\n  top: 25%;\r\n\r\n  background:\r\n    rgba(36, 80, 255, .15);\r\n\r\n}\r\n\r\n\r\n.career-glow-right {\r\n\r\n  right: -220px;\r\n  bottom: 0;\r\n\r\n  background:\r\n    rgba(255, 24, 123, .11);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   CONTAINER\r\n===================================================== *\/\r\n\r\n.career-openings-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 48px)\r\n    );\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.career-heading {\r\n\r\n  max-width: 760px;\r\n\r\n  margin: 0 auto 56px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.career-badge {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  padding: 6px 15px 6px 7px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  border: 1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n}\r\n\r\n\r\n.career-badge-icon {\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--career-blue),\r\n      var(--career-purple),\r\n      var(--career-pink)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 20px rgba(131,55,255,.38);\r\n\r\n}\r\n\r\n\r\n.career-badge-icon svg {\r\n\r\n  width: 13px;\r\n  height: 13px;\r\n\r\n}\r\n\r\n\r\n.career-badge span {\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .1em;\r\n\r\n  color:\r\n    rgba(255,255,255,.8);\r\n\r\n}\r\n\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.career-title {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    'Roboto Condensed',\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(48px, 5vw, 74px);\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.career-title span {\r\n\r\n  color: transparent;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #fff,\r\n      #7899ff 32%,\r\n      #b367ff 65%,\r\n      #ff68a7\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n\r\n  background-clip: text;\r\n\r\n}\r\n\r\n\r\n.career-subtitle {\r\n\r\n  max-width: 620px;\r\n\r\n  margin: 22px auto 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.55);\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PANEL\r\n===================================================== *\/\r\n\r\n.career-panel {\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.095);\r\n\r\n  border-radius: 30px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.055),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  backdrop-filter:\r\n    blur(20px);\r\n\r\n  box-shadow:\r\n\r\n    0 40px 100px\r\n    rgba(0,0,0,.30),\r\n\r\n    inset\r\n    0 1px 0\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n.career-panel::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: -170px;\r\n\r\n  left: 50%;\r\n\r\n  width: 500px;\r\n  height: 260px;\r\n\r\n  border-radius: 50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  filter:\r\n    blur(70px);\r\n\r\n  background:\r\n    rgba(116, 56, 255, .17);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PANEL HEADER\r\n===================================================== *\/\r\n\r\n.career-panel-header {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 30px;\r\n\r\n  min-height: 115px;\r\n\r\n  padding: 30px 38px;\r\n\r\n  border-bottom:\r\n    1px solid rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n.career-panel-label {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .13em;\r\n\r\n}\r\n\r\n\r\n.career-panel-header h3 {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    'Roboto Condensed',\r\n    sans-serif;\r\n\r\n  font-size: 29px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.career-position-count {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  padding: 10px 14px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-radius: 999px;\r\n\r\n  color:\r\n    rgba(255,255,255,.6);\r\n\r\n  background:\r\n    rgba(255,255,255,.035);\r\n\r\n  font-size: 12px;\r\n\r\n}\r\n\r\n\r\n.career-position-count > span {\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ff537e;\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(255,83,126,.7);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   EMPTY AREA\r\n===================================================== *\/\r\n\r\n.career-empty {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .9fr 1.1fr;\r\n\r\n  align-items: center;\r\n\r\n  gap: 70px;\r\n\r\n  min-height: 470px;\r\n\r\n  padding: 55px 70px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   VISUAL\r\n===================================================== *\/\r\n\r\n.career-empty-visual {\r\n\r\n  position: relative;\r\n\r\n  min-height: 340px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n.career-orbit {\r\n\r\n  position: absolute;\r\n\r\n  width: 285px;\r\n  height: 285px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.07);\r\n\r\n  border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.career-orbit::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 28px;\r\n\r\n  border:\r\n    1px dashed rgba(255,255,255,.11);\r\n\r\n  border-radius: 50%;\r\n\r\n  animation:\r\n    careerRotate\r\n    24s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.career-orbit::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 65px;\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: .47;\r\n\r\n  filter: blur(13px);\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 30% 30%,\r\n      rgba(255, 58, 150, .8),\r\n      transparent 40%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 70% 70%,\r\n      rgba(31, 68, 255, .8),\r\n      transparent 45%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #8337ff,\r\n      #243cff\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* MAIN ICON *\/\r\n\r\n.career-main-icon {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  width: 128px;\r\n  height: 128px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.14);\r\n\r\n  border-radius: 32px;\r\n\r\n  transform: rotate(-7deg);\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.12),\r\n      rgba(255,255,255,.025)\r\n    );\r\n\r\n  backdrop-filter:\r\n    blur(18px);\r\n\r\n  box-shadow:\r\n\r\n    0 35px 70px\r\n    rgba(0,0,0,.36),\r\n\r\n    0 0 50px\r\n    rgba(92, 50, 255, .17),\r\n\r\n    inset\r\n    0 1px 0\r\n    rgba(255,255,255,.15);\r\n\r\n  animation:\r\n    careerIconFloat\r\n    5s ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.career-main-icon-inner {\r\n\r\n  width: 76px;\r\n  height: 76px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  border-radius: 23px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #2251ff,\r\n      #8433ff 52%,\r\n      #ff187b\r\n    );\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(94,48,255,.34);\r\n\r\n}\r\n\r\n\r\n.career-main-icon-inner svg {\r\n\r\n  width: 35px;\r\n  height: 35px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DOTS *\/\r\n\r\n.career-dot {\r\n\r\n  position: absolute;\r\n\r\n  width: 6px;\r\n  height: 6px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: currentColor;\r\n\r\n  box-shadow:\r\n    0 0 18px currentColor;\r\n\r\n}\r\n\r\n\r\n.career-dot-one {\r\n\r\n  right: 70px;\r\n  top: 55px;\r\n\r\n  color: #ff398c;\r\n\r\n}\r\n\r\n\r\n.career-dot-two {\r\n\r\n  left: 50px;\r\n  bottom: 62px;\r\n\r\n  color: #29d2ff;\r\n\r\n}\r\n\r\n\r\n.career-dot-three {\r\n\r\n  left: 55px;\r\n  top: 100px;\r\n\r\n  color: #fff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* FLOATING CARD *\/\r\n\r\n.career-floating-card {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 8;\r\n\r\n  right: 0;\r\n  bottom: 35px;\r\n\r\n  min-width: 165px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 11px 13px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius: 15px;\r\n\r\n  background:\r\n    rgba(10,10,18,.74);\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(0,0,0,.3);\r\n\r\n  animation:\r\n    careerCardFloat\r\n    4.6s ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.career-floating-card-icon {\r\n\r\n  width: 34px;\r\n  height: 34px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  flex: 0 0 34px;\r\n\r\n  border-radius: 10px;\r\n\r\n  color: #5be3ff;\r\n\r\n  background:\r\n    rgba(38,202,255,.10);\r\n\r\n}\r\n\r\n\r\n.career-floating-card-icon svg {\r\n\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n}\r\n\r\n\r\n.career-floating-card span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size: 9px;\r\n\r\n}\r\n\r\n\r\n.career-floating-card strong {\r\n\r\n  font-size: 12px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   EMPTY CONTENT\r\n===================================================== *\/\r\n\r\n.career-empty-content {\r\n\r\n  max-width: 520px;\r\n\r\n}\r\n\r\n\r\n.career-overline {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: #a087ff;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .14em;\r\n\r\n}\r\n\r\n\r\n.career-empty-content h4 {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    'Roboto Condensed',\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(36px,4vw,54px);\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.02;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.career-empty-content h4 span {\r\n\r\n  color: transparent;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #7798ff,\r\n      #b968ff,\r\n      #ff67a4\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n\r\n  background-clip: text;\r\n\r\n}\r\n\r\n\r\n.career-empty-content > p {\r\n\r\n  max-width: 490px;\r\n\r\n  margin: 20px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.52);\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ACTIONS\r\n===================================================== *\/\r\n\r\n.career-actions {\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 28px;\r\n\r\n}\r\n\r\n\r\n.career-btn,\r\n.career-btn:hover,\r\n.career-btn:focus {\r\n\r\n  min-height: 50px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 9px;\r\n\r\n  padding: 0 21px;\r\n\r\n  border-radius: 13px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    .3s ease;\r\n\r\n}\r\n\r\n\r\n.career-btn-primary {\r\n\r\n  color: white;\r\n\r\n  border: 1px solid transparent;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #2451ff,\r\n      #7e30ff 52%,\r\n      #f31a82\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 15px 35px\r\n    rgba(102,48,255,.24),\r\n\r\n    inset\r\n    0 1px 0\r\n    rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.career-btn-primary:hover {\r\n\r\n  color: white;\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.career-btn-primary svg {\r\n\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.career-btn-primary:hover svg {\r\n\r\n  transform:\r\n    translateX(4px);\r\n\r\n}\r\n\r\n\r\n.career-btn-secondary {\r\n\r\n  color:\r\n    rgba(255,255,255,.75);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  background:\r\n    rgba(255,255,255,.04);\r\n\r\n}\r\n\r\n\r\n.career-btn-secondary:hover {\r\n\r\n  color: white;\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   NOTE\r\n===================================================== *\/\r\n\r\n.career-note {\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 26px;\r\n\r\n  padding-top: 21px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.065);\r\n\r\n}\r\n\r\n\r\n.career-note-icon {\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  flex: 0 0 28px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  border-radius: 9px;\r\n\r\n  color: #6cddff;\r\n\r\n  background:\r\n    rgba(37,188,255,.08);\r\n\r\n}\r\n\r\n\r\n.career-note-icon svg {\r\n\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n}\r\n\r\n\r\n.career-note span {\r\n\r\n  max-width: 370px;\r\n\r\n  margin-top: 3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.37);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PANEL FOOTER\r\n===================================================== *\/\r\n\r\n.career-panel-footer {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr auto 1fr auto 1fr;\r\n\r\n  align-items: center;\r\n\r\n  gap: 25px;\r\n\r\n  padding: 25px 38px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.075);\r\n\r\n  background:\r\n    rgba(255,255,255,.016);\r\n\r\n}\r\n\r\n\r\n.career-value {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n}\r\n\r\n\r\n.career-value-icon {\r\n\r\n  width: 35px;\r\n  height: 35px;\r\n\r\n  flex: 0 0 35px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.075);\r\n\r\n  border-radius: 11px;\r\n\r\n  color: #8ea6ff;\r\n\r\n  background:\r\n    rgba(255,255,255,.035);\r\n\r\n}\r\n\r\n\r\n.career-value-icon svg {\r\n\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n}\r\n\r\n\r\n.career-value strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.82);\r\n\r\n  font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.career-value span {\r\n\r\n  color:\r\n    rgba(255,255,255,.3);\r\n\r\n  font-size: 9px;\r\n\r\n}\r\n\r\n\r\n.career-footer-divider {\r\n\r\n  width: 1px;\r\n  height: 34px;\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONS\r\n===================================================== *\/\r\n\r\n@keyframes careerRotate {\r\n\r\n  from {\r\n    transform: rotate(0);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes careerIconFloat {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      rotate(-7deg)\r\n      translateY(0);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:\r\n      rotate(-4deg)\r\n      translateY(-12px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes careerCardFloat {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:\r\n      translateY(-8px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .career-openings-section {\r\n    padding: 95px 0;\r\n  }\r\n\r\n\r\n  .career-empty {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 45px;\r\n\r\n    text-align: center;\r\n\r\n  }\r\n\r\n\r\n  .career-empty-visual {\r\n\r\n    width: min(430px,100%);\r\n\r\n    margin: 0 auto;\r\n\r\n  }\r\n\r\n\r\n  .career-empty-content {\r\n\r\n    max-width: 620px;\r\n\r\n    margin: 0 auto;\r\n\r\n  }\r\n\r\n\r\n  .career-empty-content > p {\r\n\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n\r\n  }\r\n\r\n\r\n  .career-actions {\r\n\r\n    justify-content: center;\r\n\r\n  }\r\n\r\n\r\n  .career-note {\r\n\r\n    justify-content: center;\r\n\r\n    text-align: left;\r\n\r\n  }\r\n\r\n\r\n  .career-panel-footer {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 18px;\r\n\r\n  }\r\n\r\n\r\n  .career-footer-divider {\r\n\r\n    width: 70px;\r\n    height: 1px;\r\n\r\n    margin: auto;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .career-openings-section {\r\n\r\n    padding:\r\n      75px 0 80px;\r\n\r\n  }\r\n\r\n\r\n  .career-openings-container {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n\r\n  .career-title {\r\n\r\n    font-size:\r\n      clamp(40px,11vw,52px);\r\n\r\n  }\r\n\r\n\r\n  .career-subtitle {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  .career-panel {\r\n\r\n    border-radius: 22px;\r\n\r\n  }\r\n\r\n\r\n  .career-panel-header {\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    min-height: auto;\r\n\r\n    padding: 24px;\r\n\r\n  }\r\n\r\n\r\n  .career-empty {\r\n\r\n    padding:\r\n      25px 20px 38px;\r\n\r\n  }\r\n\r\n\r\n  .career-empty-visual {\r\n\r\n    min-height: 285px;\r\n\r\n    transform:\r\n      scale(.88);\r\n\r\n  }\r\n\r\n\r\n  .career-empty-content h4 {\r\n\r\n    font-size: 38px;\r\n\r\n  }\r\n\r\n\r\n  .career-actions {\r\n\r\n    width: 100%;\r\n\r\n  }\r\n\r\n\r\n  .career-btn {\r\n\r\n    width: 100%;\r\n\r\n  }\r\n\r\n\r\n  .career-panel-footer {\r\n\r\n    padding: 25px 20px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* REDUCE MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .career-openings-section *,\r\n  .career-openings-section *::before,\r\n  .career-openings-section *::after {\r\n\r\n    animation: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a700923 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a700923\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0bd69d\" data-id=\"c0bd69d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cff9e59 elementor-widget elementor-widget-heading\" data-id=\"cff9e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to build the future with us?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e21cf02 elementor-widget elementor-widget-text-editor\" data-id=\"e21cf02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"522\" data-end=\"631\">Send your application to <a href=\"mailto:hr@flashklik.com\"><strong>hr@flashklik.com<\/strong><\/a>\u00a0\u2013 we\u2019d love to hear from you!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Careers at Flashklik Build What\u2019s Next. Grow With Us. Join the team behind smarter digital office solutions. Work on meaningful technology, solve real business challenges, and grow your career alongside people who care about building better ways to work. Explore Job Openings Life at Flashklik Real Impact Build meaningful solutions Grow Together Learn, evolve, achieve [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/comments?post=1416"}],"version-history":[{"count":133,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1416\/revisions"}],"predecessor-version":[{"id":3876,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1416\/revisions\/3876"}],"wp:attachment":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/media?parent=1416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}