.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#111111;--e-global-color-accent:#EC1F25;--e-global-color-80a7589:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{color:var( --e-global-color-primary );}.elementor-kit-6 h3{color:var( --e-global-color-primary );}.elementor-kit-6 h4{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Rockstar Recruiting UK – Global Page Styles */

:root {
  --rr-black:#0b0b0c;
  --rr-white:#ffffff;
  --rr-gray:#cfd3d8;
  --rr-red:#e10600;
  --rr-max:1200px;
  --rr-radius:18px;
}

.rruk-wrap { font-family: inherit; color:#111; }

.rruk-section { padding:72px 20px; }

.rruk-container {
  max-width: var(--rr-max);
  margin: 0 auto;
}

.rruk-h1 {
  font-size: clamp(34px,4vw,56px);
  line-height: 1.05;
  margin: 0 0 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.rruk-h2 {
  font-size: clamp(26px,3vw,40px);
  line-height: 1.12;
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.rruk-lead {
  font-size: clamp(16px,1.35vw,19px);
  line-height: 1.55;
  margin: 0 0 18px;
  color: #2b2f35;
}

.rruk-sub {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #5b616b;
}

.rruk-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.rruk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
}

.rruk-btn:hover {
  transform: translateY(-1px);
  opacity: .95;
}

.rruk-btn-primary {
  background: var(--rr-red);
  color: var(--rr-white);
  box-shadow: 0 10px 24px rgba(225,6,0,.22);
}

.rruk-btn-secondary {
  background: rgba(11,11,12,.08);
  color: #111;
  border: 1px solid rgba(11,11,12,.10);
}

.rruk-grid { display: grid; gap: 16px; }

@media(min-width:900px){
  .rruk-grid-2 { grid-template-columns: repeat(2,1fr); }
  .rruk-grid-3 { grid-template-columns: repeat(3,1fr); }
  .rruk-grid-4 { grid-template-columns: repeat(4,1fr); }
}

.rruk-card {
  border-radius: var(--rr-radius);
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(11,11,12,.08);
  box-shadow: 0 10px 30px rgba(11,11,12,.06);
}

.rruk-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.25;
}

.rruk-card p {
  margin: 0;
  color: #4b525c;
  line-height: 1.55;
  font-size: 15px;
}

.rruk-dark {
  background: var(--rr-black);
  color: var(--rr-white);
}

.rruk-dark .rruk-lead,
.rruk-dark .rruk-sub {
  color: rgba(255,255,255,.78);
}

.rruk-dark .rruk-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
}

.rruk-dark .rruk-card p {
  color: rgba(255,255,255,.78);
}

/* Mobile hero polish */
@media (max-width: 768px){
  .rruk-hero{
    padding: 72px 18px !important;
    background-position: 70% center !important;
  }
}
/* Employers - Request Candidates section (ID + class based) */
#request.rruk-request,
.rruk-request{
  max-width: 1200px;
  margin: 0 auto;
}

/* Tighten spacing */
.rruk-request h2,
.rruk-request .elementor-heading-title{
  margin-bottom: 10px !important;
}
.rruk-request p{
  margin-bottom: 12px !important;
}

/* Bullet list -> premium "pill cards" */
.rruk-request ul{
  margin: 14px 0 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}
.rruk-request ul li{
  margin: 10px 0 !important;
  padding: 10px 12px 10px 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(11,11,12,.10) !important;
  background: rgba(255,255,255,.85) !important;
  position: relative;
  color: #4b525c !important;
}
.rruk-request ul li:before{
  content: "✓";
  position: absolute;
  left: 14px;
  top: 9px;
  font-weight: 900;
  color: #e10600;
}

/* Form -> card panel */
.rruk-request .elementor-form{
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(11,11,12,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 50px rgba(11,11,12,.10) !important;
}

/* Form labels + fields */
.rruk-request .elementor-form label{
  color: #2b2f35 !important;
  font-weight: 650 !important;
  margin-bottom: 6px !important;
}
.rruk-request .elementor-field-group{
  margin-bottom: 12px !important;
}
.rruk-request .elementor-form input,
.rruk-request .elementor-form textarea,
.rruk-request .elementor-form select{
  background: #fff !important;
  border: 1px solid rgba(11,11,12,.14) !important;
  color: #111 !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
  box-shadow: none !important;
}

/* Button */
.rruk-request .elementor-button{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  font-weight: 800 !important;
  width: 100%;
}
/* Force an Elementor section to go full-bleed like the HTML sections */
.rruk-breakout{
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Keep the CONTENT inset/centered like the rest of the page */
.rruk-breakout > .e-con,
.rruk-breakout > .elementor-container{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.rruk-breakout .e-con{
  max-width: 1200px;
}
.rruk-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  gap: 22px;
}

.rruk-blog-card {
  background: #fff;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(11,11,12,.08);
  transition: all .25s ease;
  border: 1px solid rgba(11,11,12,.05);
}

.rruk-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(11,11,12,.12);
}

.rruk-blog-card h3 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

.rruk-blog-card p {
  color: #5a626d;
  font-size: 15px;
}

.rruk-read-more {
  display: inline-block;
  margin-top: 10px;
  color: #e10600;
  font-weight: 700;
}/* End custom CSS */