.about {
  min-height: 760px;
  padding-top: 86px;
  display: flex;
  align-items: center;
  position: relative;
  background: url("../assets/duraskablo-building-2.jpg") center/cover no-repeat;
}

.about-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.25) 100%);
}

.about-content { position: relative; z-index: 1; padding: 90px 0; }
.about-text { color: rgba(255,255,255,.86); max-width: 620px; font-size: 1.1rem; margin: 26px 0 34px; }

.about-actions { display: flex; gap: 14px; flex-wrap: wrap; }

.sess-about {
  padding-top: 0px;
  
}
.cert {
  min-height: 560px;
  padding-top: 86px;
  display: flex;
  align-items: center;
  position: relative;
  background: url("../assets/cert-ban.jpg") center/cover no-repeat;
}
.cert-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.25) 100%);
  
}


.prod {
  min-height: 560px;
  padding-top: 86px;
  display: flex;
  align-items: center;
  position: relative;
  background: url("../assets/prod.jpg") center/cover no-repeat;
}
.prod-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.25) 100%);
  
}


.industry {
  min-height: 560px;
  padding-top: 86px;
  display: flex;
  align-items: center;
  position: relative;
  background: url("../assets/industries.jpg") center/cover no-repeat;
}
.industry-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.25) 100%);
  
}

.vmc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vmc-card { border: 1px solid var(--line); padding: 30px; min-height: 300px; display: flex; flex-direction: column; }
.vmc-icon { color: var(--red); font-family: "Barlow Condensed"; font-size: 2.6rem; margin-bottom: 30px; }
.vmc-card h3 { margin-bottom: 14px; }
.vmc-card p { color: var(--muted); font-size: .9rem; }
.vmc-card a { margin-top: auto; padding-top: 25px; color: var(--red); font-weight: 700; font-size: .85rem; }

.space { margin-top: 50px; }

.prodimg {
  min-height: 560px;
  padding-top: 86px;
  display: flex;
  align-items: center;
  position: relative;
  background-size:cover;
  
}
.prodimg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.25) 100%);
  
}