.reliance-careers-benefits {
  text-align: center;
  padding: 60px 20px;
}

.reliance-careers-benefits h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 10px;
}

.reliance-careers-benefits p {
  font-size: 16px;
  color: #555;
  margin-bottom: 40px;
}

.careers-benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.benefit-box {
  background: #fff;
  border: 2px solid #e60000;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
}

.benefit-box i {
  font-size: 28px;
  color: #e60000;
  margin-bottom: 15px;
}

.benefit-box span {
  font-weight: 500;
  font-size: 15px;
  color: #222;
}
/* Show Hello+ Header dropdowns on hover for desktop */
@media (min-width: 1025px) {
  /* Make parent list items a positioning context */
  .ehp-header__navigation .menu-item { position: relative; }

  /* Base dropdown styling */
  .ehp-header__navigation .ehp-header__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    padding: 8px 0;
    z-index: 2000;
  }

  /* Reveal submenu on hover */
  .ehp-header__navigation li.menu-item-has-children:hover > .ehp-header__dropdown {
    display: block;
  }

  /* Links inside the dropdown */
  .ehp-header__navigation .ehp-header__dropdown .menu-item > a.ehp-header__item {
    display: block;
    padding: 10px 16px;
    color: #06153B;         /* brand text colour */
    white-space: nowrap;
  }
  .ehp-header__navigation .ehp-header__dropdown .menu-item > a.ehp-header__item:hover {
    background: #E4E6F2;    /* hover background */
  }
}

/* Ensure header can overlap page content if needed */
.ehp-header { z-index: 3000; position: relative; }

/* ===== Reliance split: lock style + image size across all pages ===== */
.reliance-split { padding: 72px 0; }

.reliance-split__inner{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:56px;
  align-items:center;
}

/* Eyebrow (top small title) – matches screenshot */
.reliance-split__eyebrow{
  font-family: Arial, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color:#06153B;
  margin:0 0 16px;
}

/* Big H2 – weight/size like your On-Site page */
.reliance-split__heading{
  font-family: Arial, sans-serif;
  font-weight: 800;
  font-size: 56px;         /* adjust if you want bigger/smaller */
  line-height: 1.15;
  color:#06153B;
  margin:0 0 24px;
}

/* Body / bullets */
.reliance-split__desc,
.reliance-services{
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 1.8;
  color:#26324F;
  margin:0;
}
.reliance-services{ list-style: disc; padding-left: 22px; }
.reliance-services li{ margin: 0 0 10px; }
.reliance-services strong{ color:#06153B; }

/* Make every image the exact same visual size */
.reliance-split__media img{
  width:100%;
  height:520px;            /* <- identical height on all three pages */
  object-fit:cover;
  border-radius:16px;
  display:block;
}

/* Responsive tweaks */
@media (max-width: 1200px){
  .reliance-split__heading{ font-size:48px; }
  .reliance-split__media img{ height:460px; }
}
@media (max-width: 991px){
  .reliance-split__inner{
    grid-template-columns:1fr;
    gap:32px;
  }
  .reliance-split__media{ order:2; }
  .reliance-split__text{ order:1; }
  .reliance-split__heading{ font-size:40px; }
  .reliance-split__media img{ height:380px; }
}
@media (max-width: 575px){
  .reliance-split__heading{ font-size:32px; }
  .reliance-split__media img{ height:300px; }
}

/* ---- Policy tiles visual polish (SVG-free / safe) ---- */
.policy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:28px;
}
.policy-card{ text-align:center; }
.policy-link{ display:block; text-decoration:none; color:inherit; }

.thumb-wrap{
  position:relative;
  aspect-ratio:4/3;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:16px;
  box-shadow:0 2px 8px rgba(16,24,40,.05);
  transition:transform .18s ease, box-shadow .18s ease;
  min-height:140px;
  display:grid; place-items:center;
  /* subtle “page lines” using gradients (no SVG needed) */
  background-image:
    linear-gradient(#f3f6fa,#f3f6fa),
    repeating-linear-gradient(
      to bottom,
      rgba(184,196,210,.9) 0,
      rgba(184,196,210,.9) 2px,
      transparent 2px,
      transparent 18px
    );
  background-size: 86% 76%, 70% 60%;
  background-position: 50% 45%, 50% 46%;
  background-repeat:no-repeat;
}
.policy-link:hover .thumb-wrap{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(16,24,40,.10);
}

/* red PDF badge */
.thumb-wrap::after{
  content:"PDF";
  position:absolute; right:10px; bottom:10px;
  background:#e84545; color:#fff;
  font-weight:700; font-size:12px; letter-spacing:.4px;
  padding:4px 8px; border-radius:999px;
}

/* big document emoji as an icon (fallback to ensure not “blank”) */
.thumb-wrap::before{
  content:"📄";
  font-size:42px;
  opacity:.7;
}

/* Titles */
.policy-title{
  margin-top:10px;
  font-size:16px; line-height:1.35; font-weight:600;
  color:#0f2032; letter-spacing:.2px;
  word-wrap:break-word;
}

/* Mobile */
@media (max-width:600px){
  .policy-grid{ gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .policy-title{ font-size:14px; }
}

/* Use Elementor Global Typography */
.rel-hero, .rel-split { 
  font-family: var(--e-global-typography-text-font-family), inherit; 
}
.rel-hero__title, .rel-split h2 { 
  font-family: var(--e-global-typography-primary-font-family), inherit;
  font-weight: var(--e-global-typography-primary-font-weight, 800);
}

footer.elementor-location-footer .elementor-nav-menu a {
  font-weight: 700 !important;
}
/* Reliance footer nav: force bold */
#reliance-footer-nav .elementor-item,
#reliance-footer-nav .menu-item > a,
#reliance-footer-nav a {
  font-weight: 700 !important;
  font-variation-settings: "wght" 700; /* harmless if not variable */
}

/* If it has a dropdown too */
#reliance-footer-nav .elementor-nav-menu--dropdown a {
  font-weight: 700 !important;
}
/* Hello + HFE footer — apply to ALL links, incl. buttons & socials */
footer#colophon.site-footer a:link,
footer#colophon.site-footer a:visited {
  color: var(--e-global-color-primary, #0A66C2) !important;  /* brand blue fallback */
  text-decoration: underline !important;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

/* Hover/focus */
footer#colophon.site-footer a:hover,
footer#colophon.site-footer a:focus,
footer#colophon.site-footer a:active {
  color: var(--e-global-color-accent, #FE8A01) !important;   /* brand orange */
}

/* Buttons in footer: use same colours, no underline */
footer#colophon.site-footer .elementor-button,
footer#colophon.site-footer .elementor-button-link {
  color: var(--e-global-color-primary, #0A66C2) !important;
  border-color: var(--e-global-color-primary, #0A66C2) !important;
  text-decoration: none !important;
}
footer#colophon.site-footer .elementor-button:hover,
footer#colophon.site-footer .elementor-button-link:hover,
footer#colophon.site-footer .elementor-button:focus,
footer#colophon.site-footer .elementor-button-link:focus {
  color: var(--e-global-color-accent, #FE8A01) !important;
  border-color: var(--e-global-color-accent, #FE8A01) !important;
}

/* Social icons: tint icons & borders the same way */
footer#colophon.site-footer .elementor-social-icons a,
footer#colophon.site-footer .elementor-social-icon {
  color: var(--e-global-color-primary, #0A66C2) !important;
  border-color: var(--e-global-color-primary, #0A66C2) !important;
  text-decoration: none !important;
}
footer#colophon.site-footer .elementor-social-icons a:hover,
footer#colophon.site-footer .elementor-social-icon:hover,
footer#colophon.site-footer .elementor-social-icons a:focus,
footer#colophon.site-footer .elementor-social-icon:focus {
  color: var(--e-global-color-accent, #FE8A01) !important;
  border-color: var(--e-global-color-accent, #FE8A01) !important;
}
/* Ensure SVG icons adopt the text colour */
footer#colophon.site-footer .elementor-social-icons a svg *,
footer#colophon.site-footer .elementor-social-icon svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Optional: if you want button background to react too, uncomment:
footer#colophon.site-footer .elementor-button,
footer#colophon.site-footer .elementor-button-link { background: transparent !important; }
footer#colophon.site-footer .elementor-button:hover,
footer#colophon.site-footer .elementor-button-link:hover { background: rgba(254,138,1,.08) !important; }
*/

/* Reliance footer: email links = Global Primary (#06153B), hover = Accent (#FF6800) */
.elementor-8055 .elementor-element-739e3be1 .ehp-footer .ehp-footer__contact-information a:link,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer .ehp-footer__contact-information a:visited,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer a[href^="mailto:"]:link,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer a[href^="mailto:"]:visited {
  color: var(--e-global-color-primary, #06153B) !important;
  text-decoration: underline !important;
  transition: color .2s ease;
}

.elementor-8055 .elementor-element-739e3be1 .ehp-footer .ehp-footer__contact-information a:hover,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer .ehp-footer__contact-information a:focus,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer a[href^="mailto:"]:hover,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer a[href^="mailto:"]:focus {
  color: var(--e-global-color-accent, #FF6800) !important;
}

/* Ensure nested spans/icons inherit the link colour */
.elementor-8055 .elementor-element-739e3be1 .ehp-footer .ehp-footer__contact-information a *,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer a[href^="mailto:"] * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* If Cloudflare obfuscates emails */
.elementor-8055 .elementor-element-739e3be1 .ehp-footer [data-cfemail] {
  color: var(--e-global-color-primary, #06153B) !important;
}
.elementor-8055 .elementor-element-739e3be1 .ehp-footer [data-cfemail]:hover,
.elementor-8055 .elementor-element-739e3be1 .ehp-footer [data-cfemail]:focus {
  color: var(--e-global-color-accent, #FF6800) !important;
}
/* 1) Force header to be static so it never overlays content */
.ehp-header { position: static !important; }

/* 2) Remove any big manual top margin on the first content container */
.elementor[data-elementor-type="wp-page"] > .e-con.e-parent:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Safety: if any container still has the 142px variable, zero it */
.e-con[style*="--margin-top:142px"] { margin-top: 0 !important; }

/* Mobile submenu fallback: closed by default; open when LI has .is-open */
@media (max-width: 1024px) {
  .ehp-header__navigation .menu-item-has-children > .ehp-header__dropdown {
    display: none;
  }
  .ehp-header__navigation .menu-item-has-children.is-open > .ehp-header__dropdown {
    display: block;
  }
  /* Make sure the toggle is clickable */
  .ehp-header__dropdown-toggle { pointer-events: auto; }
}