/* ABOUT HERO */

.about-hero{
  padding:50px 0;
}

.about-hero-content{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:60px;

  align-items:center;
}

.about-left h1{
  font-size:64px;

  line-height:1.1;

  margin:20px 0 30px;

  color:#0f172a;
}

.about-left p{
  color:#475569;

  line-height:2;

  margin-bottom:20px;

  font-size:17px;
}

.about-right img{
  width:100%;

  border-radius:40px;

  height:450px;

  object-fit:cover;

  box-shadow:0 12px 35px rgba(0,0,0,0.1);
}

/* VISION */

.vision-section{
  padding:40px 0 100px;
}

.vision-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:30px;
}

.vision-card{
  background:white;

  padding:40px;

  border-radius:28px;

  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.vision-icon{
  width:70px;
  height:70px;

  border-radius:50%;

  background:#fff7ed;

  color:#ea580c;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:32px;

  margin-bottom:24px;
}

.vision-card h3{
  margin-bottom:18px;

  font-size:28px;

  color:#0f172a;
}

.vision-card p{
  color:#64748b;

  line-height:1.9;
}

/* WHY */

.why-section{
  padding:20px 0 100px;
}

.why-grid{
  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(240px,1fr));

  gap:24px;
}

.why-card{
  background:white;

  padding:40px 28px;

  border-radius:24px;

  text-align:center;

  box-shadow:0 8px 24px rgba(0,0,0,0.06);

  transition:0.3s;
}

.why-card:hover{
  transform:translateY(-5px);
}

.why-card i{
  font-size:52px;

  color:#ea580c;

  margin-bottom:22px;
}

.why-card h3{
  margin-bottom:16px;

  color:#0f172a;
}

.why-card p{
  color:#64748b;

  line-height:1.8;
}

/* VALUES */

.values-section{
  padding:20px 0 100px;
}

.values-grid{
  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(180px,1fr));

  gap:24px;
}

.value-item{
  text-align:center;
}

.value-item i{
  font-size:52px;

  color:#ea580c;

  margin-bottom:18px;
}

.value-item h3{
  color:#0f172a;
}

/* LEADER LINK */

.leader-link-section{
  padding-bottom:100px;
}

.leader-link-box{
  background:white;

  border-radius:32px;

  padding:50px;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:40px;

  align-items:center;

  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.leader-text{
  display:flex;
  gap:24px;
}

.leader-text i{
  font-size:60px;

  color:#ea580c;
}

.leader-text h2{
  margin-bottom:18px;

  font-size:42px;

  color:#0f172a;
}

.leader-text p{
  color:#64748b;

  line-height:1.8;

  margin-bottom:26px;
}

.leader-btn{
  display:inline-block;

  background:#ea580c;
  color:white;

  padding:14px 28px;

  border-radius:50px;

  font-weight:600;

  transition:0.3s;
}

.leader-btn:hover{
  background:#c2410c;

  transform:translateY(-3px);
}

.leader-image img{
  border-radius:24px;

  height:300px;

  object-fit:cover;
}

/* RESPONSIVE */

@media(max-width:1000px){

  .about-hero-content,
  .vision-grid,
  .leader-link-box{
    grid-template-columns:1fr;
  }

  .about-left h1{
    font-size:48px;
  }

}

@media(max-width:700px){

  .about-hero{
    padding:70px 0;
  }

  .about-left h1{
    font-size:38px;
  }

  .leader-text{
    flex-direction:column;
  }

  .leader-text h2{
    font-size:32px;
  }

  .leader-link-box{
    padding:30px;
  }
}

@media(min-width:700px){
   .about-right img{
       height: 650px;
   }
}