.real-estate-hero-section {
    height: 60vh;
    min-height: 500px;
    background: 
        url('https://sdmntprwestus.oaiusercontent.com/files/00000000-3ffc-6230-8d82-839c05689348/raw?se=2025-08-28T12%3A32%3A21Z&sp=r&sv=2024-08-04&sr=b&scid=6181d02f-5a8d-572a-ba24-3dd7babd7a19&skoid=789f404f-91a9-4b2f-932c-c44965c11d82&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2025-08-28T07%3A57%3A21Z&ske=2025-08-29T07%3A57%3A21Z&sks=b&skv=2024-08-04&sig=9F6UIExtThY0XkPbF9cEI328dg8e5EqhQwslqFX6N1M%3D') center / cover no-repeat;
    position: relative;
    display: flex;
    overflow: hidden;
}


/* 
.triangle-card {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  padding: 30px 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  height: 100%;
}

.triangle-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 70px solid #3BA8E1;
  border-left: 70px solid transparent;
  z-index: 1;
}

.triangle-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.12);
}

.triangle-card h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #173b59;
  position: relative;
  z-index: 2;
}

.triangle-card p.content-card {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  z-index: 2;
  position: relative;
}

.equal-height-cards-row > div {
  display: flex;
}
.triangle-card {
  flex: 1 1 auto;
}


 */






.timeline-card {
  position: relative;
  background: linear-gradient(135deg, #f9f9f9, #fff);
  /* border-left: 6px solid #3BA8E1; */
  border-radius: 12px;
  padding: 30px 25px 25px 30px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.timeline-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.timeline-card .card-label {
  position: absolute;
  top: -22px;
  left: 20px;
  background: #3BA8E1;
  padding: 8px 10px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(31, 119, 208, 0.3);
}

.timeline-card h4 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 12px;
}

.timeline-card p.content-card {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
}



.accent-green {
  border-left-color: #2ecc71;
}
.accent-orange {
  border-left-color: #f39c12;
}







.uptime-card {
  position: relative;
  background: linear-gradient(to bottom, #ffe6c34e, #f6f5f35b);  
  border-radius: 12px;
  padding: 30px 25px 25px;
  box-shadow: inset 0 0 0 1px #e6ecf1, 0 10px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  height: 100%;
}

.uptime-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 6px;
  background: #fa923d; /* Ribbon accent */
  border-top-left-radius: 12px;
  border-top-right-radius: 4px;
}

.uptime-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.cards-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 15px;
}

.cards-content .content-card {
  font-size: 0.95rem;
  color: #4a4a4a;
  line-height: 1.6;
}



.split-card {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  padding: 30px 25px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.split-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

/* Diagonal accent edge */
.split-accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(135deg, #1f77d0, #4dabf7);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 1;
}

.split-content {
  position: relative;
  z-index: 2;
}

.split-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #173b59;
}

.split-content .content-card {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
}