.top-jobs-search.c-jobs {
  width: 100% !important;
  margin: 0 !important;
  box-shadow: inset 0 0 0 0.2rem #0070D1;
  border-radius: 10rem;
  background-color: #ffffff;
}

.top-jobs-search.c-jobs .c-main-hero-search__horizontal {
  padding: 0 0 0 0.2rem !important;
  align-items: center !important;
  flex-direction: row !important;
}

.top-jobs-search.c-jobs .location-search {
  display: none !important;
}

.top-jobs-search.c-jobs .c-main-hero-search__keyword {
  height: 4.2rem !important;
  width: 100%;
}

.top-jobs-search.c-jobs .c-main-hero-search .keyword-search__input {
  height: 4.2rem !important;
  box-shadow: none !important;
  padding-right: 0 !important;
}

.top-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button {
  width: 4.6rem !important;
  height: 4.6rem !important;
  flex-grow: 0 !important
}

.top-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button-search {
  width: 4.6rem !important;
  height: 4.6rem !important;
  border-radius: 50%;
  position: relative;
  text-indent: -9999px;
}

.top-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button-search::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4.6rem;
  height: 4.6rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMjUgMjNDNDAuMjUgMTMuNDcyNCAzMi41Mjc2IDUuNzUgMjMgNS43NUMxMy40NzI0IDUuNzUgNS43NSAxMy40NzI0IDUuNzUgMjNDNS43NSAzMi41Mjc2IDEzLjQ3MjQgNDAuMjUgMjMgNDAuMjVDMzIuNTI3NiA0MC4yNSA0MC4yNSAzMi41Mjc2IDQwLjI1IDIzWiIgZmlsbD0iIzAwNzBEMSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuNDI0NyAxNi4wNTM3QzI1Ljg1NzggMTYuMDUzNyAyOC42NDAyIDE4LjgzNjEgMjguNjQwMiAyMi4yNjkzQzI4LjY0MDIgMjUuNzAwNyAyNS44NTc4IDI4LjQ4NDkgMjIuNDI0NyAyOC40ODQ5QzE4Ljk5MTQgMjguNDg0OSAxNi4yMDkgMjUuNzAwNyAxNi4yMDkgMjIuMjY5M0MxNi4yMDkgMTguODM2MSAxOC45OTE0IDE2LjA1MzcgMjIuNDI0NyAxNi4wNTM3WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjYuNjU0MyAyNi44MjIzTDI5Ljc4MTcgMjkuOTQ0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.hero-jobs-search.c-jobs .c-main-hero-search__horizontal {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 1.3rem 1.6rem !important;
  padding: 0 !important;
}

@media (min-width: 1280px) {
  .hero-jobs-search.c-jobs .c-main-hero-search__horizontal {
    gap: 3rem 1.1rem !important;
  }
}

.hero-jobs-search.c-jobs .c-main-hero-search__keyword {
  width: 100% !important;
}

.hero-jobs-search.c-jobs .location-search {
  width: calc(100% - 1.6rem - 5rem) !important;
}

@media (min-width: 1280px) {
  .hero-jobs-search.c-jobs .location-search {
    width: calc(100% - 1.1rem - 5rem) !important;
  }
}

.hero-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button {
  width: 5rem !important;
  height: 5rem !important;
  flex-grow: 0 !important
}

.hero-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button-search {
  width: 5rem !important;
  height: 5rem !important;
  border-radius: 50%;
  position: relative;
  text-indent: -9999px;
}

.hero-jobs-search.c-jobs .c-main-hero-search__horizontal .c-main-hero-search__button-search::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5rem;
  height: 5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUgMUMzOC4yNTU4IDEgNDkgMTEuNzQ0MiA0OSAyNUM0OSAzOC4yNTU4IDM4LjI1NTggNDkgMjUgNDlDMTEuNzQ0MiA0OSAxIDM4LjI1NTggMSAyNUMxIDExLjc0NDIgMTEuNzQ0MiAxIDI1IDFaIiBmaWxsPSIjMDA3MEQxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQuMTY4NCAxNC45MzM2QzI5LjE0NCAxNC45MzM2IDMzLjE3NjUgMTguOTY2IDMzLjE3NjUgMjMuOTQxN0MzMy4xNzY1IDI4LjkxNDggMjkuMTQ0IDMyLjk0OTggMjQuMTY4NCAzMi45NDk4QzE5LjE5MjYgMzIuOTQ5OCAxNS4xNjAyIDI4LjkxNDggMTUuMTYwMiAyMy45NDE3QzE1LjE2MDIgMTguOTY2IDE5LjE5MjYgMTQuOTMzNiAyNC4xNjg0IDE0LjkzMzZaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMC4yOTY5IDMwLjUzOTFMMzQuODI5NCAzNS4wNjM1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}

.hero-jobs-search.c-jobs .c-main-hero-search .keyword-search__input,
.hero-jobs-search.c-jobs .c-main-hero-search .location-search-input {
  font-weight: 600 !important;
}

.jobs-list-hero {
  object-position: right bottom;
  scale: 2.3;
  transform: translateX(-27%) translateY(-10%)
}

@media (min-width:1024px) {
  .jobs-list-hero {
    object-position: right bottom;
    scale: 1.4;
    transform: translateX(-14%)
  }
}





/* Focus styles for interactive elements */
a:focus-visible,
button:focus-visible,
/* input:focus-visible, */
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #007acc !important;
  outline-offset: 2px !important;
}


.top-jobs-search.c-jobs .c-main-hero-search:focus-within {
  outline: 3px solid #007bff;
  border-radius: 5rem !important;
  transition: outline 0.2s ease-in-out;
  outline-offset: 3px;
}
.top-jobs-search .c-main-hero-search__keyword:focus-within {
  outline: none
}


.c-main-hero-search__keyword:focus-within,
.location-search:focus-within {
    outline: 3px solid #007bff;
    border-radius: 5rem !important;
    transition: outline 0.2s ease-in-out;
    outline-offset: 3px;
}



/* Optional: fallback for browsers that don't support :focus-visible */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #ffbf47;
  outline-offset: 2px;
}

/* Hide focus outline if not keyboard navigating */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
  outline: none;
}

a.text-gravel-gray.hover\:text-blue.transition-colors.duration-300.ease-in-out {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
}