/* ================= BACK BUTTON ================= */


.breadcrumb{
  padding:26px 0;
}

.back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;

  font-size:15px;
  font-weight:500;
  color:#ffffff;
  text-decoration:none;

  padding:8px 16px;
  border-radius:8px;

  transition:all .25s ease;
}

.back-arrow{
  font-size:16px;
  transition:transform .25s ease;
}

/* hover effect */
.back-link:hover{
  background:#f2f2f2;
  color:#ff5a00;
}

.back-link:hover .back-arrow{
  transform:translateX(-4px);
}



.about-hero{
  background:#ff5a00;
  color:white;
  text-align:center;
  padding:80px 20px;
}

.about-hero h1{
  font-size:42px;
  margin-bottom:15px;
}


.about-section{
  padding:100px 0;
  background:#f5f5f5;
}

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

.about-image img{
  width:100%;
  border-radius:12px;
}


.values-section{
  padding:100px 0;
  background:white;
  text-align:center;
}

.values-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:40px;
  margin-top:40px;
}

.value-card{
  padding:30px;
  border-radius:12px;
  background:#f7f7f7;
  transition:.3s;
}

.value-card:hover{
  transform:translateY(-8px);
}


/* ================= STATS SECTION ================= */

.stats{
  background:#0c0c0c;
  padding:110px 0;
  text-align:center;
  color:white;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:40px;
  align-items:center;
}

/* stat card */
.stats-grid div{
  padding:35px 20px;
  border-radius:12px;
  background:rgba(255,255,255,0.03);
  transition:.35s ease;
}

.stats-grid div:hover{
  transform:translateY(-8px);
  background:rgba(255,90,0,0.08);
}

/* number */
.stats h3{
  font-size:44px;
  color:#ff5a00;
  margin-bottom:10px;
  font-weight:700;
}

/* text */
.stats p{
  font-size:16px;
  color:#ccc;
  letter-spacing:.5px;
}


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

.about-cta{
  padding:120px 20px;
  text-align:center;
  background:linear-gradient(
    135deg,
    #f7f7f7,
    #ffffff
  );
  position:relative;
}

.about-cta h2{
  font-size:34px;
  margin-bottom:20px;
  color:#222;
}

/* subtitle optional */
.about-cta p{
  color:#666;
  margin-bottom:35px;
  font-size:17px;
}



.primary-btn{
  background:#ff5a00;
  color:white;
  padding:16px 40px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  display:inline-block;
  transition:.3s ease;
  box-shadow:0 12px 30px rgba(255,90,0,.25);
}

.primary-btn:hover{
  transform:translateY(-4px);
  background:#c04001;
  box-shadow:0 18px 40px rgba(255,90,0,.35);
}





@media(max-width:768px){
 .back-arrow{
  padding:12px 0;
 }
}

@media(max-width:900px){
  .about-grid{
    grid-template-columns:1fr;
    text-align:center;
  }
}