/* ===== CONTENT ===== */

.content-block {
  padding: 50px 0;
text-align:center;
}

.content-block.is-gray {
  background: var(--light-gray);
}

.content-block h2 {
  text-align: center;
  margin-bottom: 25px;
}

/* TEXT */
.content-text p {
  margin-bottom: 14px;
}

/* LINKS */
.content-text a {
  color: #b22222;
  text-decoration: none;
}

.content-text a:hover {
  text-decoration: underline;
}


/* ===== BORDER SYSTEM ===== */

.content-block.has-border .content-text {
  padding-left: 18px;
	text-align:left;
}

.content-block.border-left .content-text {
  border-left: 4px solid var(--primary);
}

.content-block.border-right .content-text {
  border-right: 4px solid var(--primary);
}

.content-block.border-top .content-text {
  border-top: 4px solid var(--primary);
  padding-top: 12px;
}

.content-block.border-bottom .content-text {
  border-bottom: 4px solid var(--primary);
  padding-bottom: 12px;
}

/* ===== SPLIT SECTION ===== */

.emp-split {
  display: grid;
  gap: 60px;
  align-items: center;
  padding: 40px 0;
}
.emp-split .grid-2{
align-items:center;
}

.split-image img {
  width: 100%;
  max-width: 420px;
  border-radius: 6px;
}

.split-content h2 {
  font-size: 24px;
  color: var(--primary);
  margin-bottom: 15px;
}



/* reverse */
.emp-split.reverse .split-image {
  order: 2;
}

/* ===== JOB CARDS (FIXED ALIGNMENT) ===== */

.job-types {
  padding: 60px 0;
}

.job-types .grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
	 align-items: stretch;
}

/* CARD */
.job-seeker-card {
  display: flex;
  flex-direction: column;
}

/* IMAGE */
.job-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 6px;
}

/* FLOAT CARD (FIXED) */
.job-content {
	flex: 1; 
  background: #fff;
  padding: 25px;
  border-radius: 6px;

  width: 85%;
  margin: -60px auto 0; /* centered overlay */

  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  text-align: left;
}

/* TITLE */
.job-content h3 {
  margin-bottom: 12px;
}

/* LIST */
.job-desc ul {
  padding-left: 18px;
}

.job-desc li {
  margin-bottom: 6px;
  font-size: 14px;
}


/* ===== CTA ===== */

.cta-modern {
  padding-top: 60px;
}

.cta-image {
  height: 300px;
  border-radius: 6px;
}

.cta-bottom-line {
  height: 3px;
  background: #1e73be;
}


/* ===== LOCATIONS ===== */

.emp-locations {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.locations-map img {
  width: 100%;
  border-radius: 6px;
}


/* ===== Images ===== */
.text-images-block{
	padding:40px 0;
}

.ti-title {
  display: flex;
  justify-content: center;
}
.ti-title h2 {
  margin-bottom: 20px;
  position: relative;
}
.ti-title h2::after {
  content: "";
  width: 50px;
  height: 3px;
  background: var(--primary);
  display: block;
  margin-top: 0px;
}
.ti-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* each image */
.ti-item {
  width: 100%;
  max-width: 900px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* image */
.ti-item img {
  width: 100%;
  height: auto; /* DO NOT CHANGE */
  border-radius: 16px;
  display: block;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	 transition: transform 0.5s ease;
}

/* hover */
.ti-item:hover {
  transform: translateY(-6px);
}

.ti-item:hover img {
  transform: scale(1.05);
}

/* 🔥 AUTO STAGGER PATTERN */
.ti-item:nth-child(odd) {
  transform: translateX(-40px);
}

.ti-item:nth-child(even) {
  transform: translateX(60px);
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {

  .emp-split,
  .emp-locations,
  .job-types .grid-2 {
    grid-template-columns: 1fr;
  }

  .split-image img {
    max-width: 100%;
  }

  .job-content {
    width: 90%;
    margin-top: -40px;
  }

  .job-img img {
    height: 200px;
  }

  .cta-image {
    height: 220px;
  }
	.ti-grid {
	    gap: 25px; /* more breathing space */
    padding: 0 15px; /* side spacing */
  }

  .ti-item {
    max-width: 100%; /* full width on mobile */
    transform: none !important; /* 🔥 remove stagger */
  }

  .ti-item img {
    border-radius: 12px; /* slightly smaller radius */
  }

}