/* =========================
   home.css
   Styles ONLY for the home page
   ========================= */

/* ---------- HERO ---------- */

/* ---------- SERVICES PREVIEW ---------- */
.service-layout {
  --gap: 1.5rem;

  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.service-card {
  flex: 0 0 calc(50% - (var(--gap) / 2));
  box-sizing: border-box;
  margin-top:5rem;
  /*padding: 1.25rem;*/
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow:0 10px 25px rgba(0,0,0,.08);

}



@media (max-width: 768px) {
  .service-card {
      flex: 0 0 100%;
  }
}


/* left 50% of service card */
.service-card__art{
    position: relative;
    padding:0;
    margin:0;
    min-height:199px;


 
 

}
/*
.service-card__art::after{
    content: "";
    position: absolute;
    inset: -50%;            /* oversize so rotation never leaves gaps 
    background: white; /* bar color 
    width: 4%;             /* thickness 
    left: 50%;              /* horizontal placement 
    transform: rotate(45deg);
    transform-origin: center;
    pointer-events: none;
    z-index: 1;
}
*/

.service-card__icon{
  border-radius: var(--radius-lg);
  padding:0;
  margin:0;
}

.service-card__body{
  padding:1rem;
}

.service-card__title {
    margin:0 0 6px; 
    text-transform: uppercase;
    padding-top:10px;
   
}


/* ---------- FINAL CTA ---------- */
.home-cta {
  margin-top:5rem;

  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  background-color:#3b4b54;
}

.home-cta-inner {

  padding: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  color:white;
}




/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .home-hero-inner,
  .home-about-inner,
  .home-feature-inner {
    grid-template-columns: 1fr;
  }
}

  .home-services-grid {
    gap: 0.85rem;
  }

  .home-service-card {
    grid-column: span 12;
  }

  .home-trust-list {
    gap: 0.75rem 1.25rem;
  }