/* ===== SECTION WRAPPER ===== */

.english-benefits {
  width:100%;
  padding:80px 20px;
  background:#f4f5f6;
  text-align:center;
  overflow:hidden;
}

.english-benefits-container{
  max-width:1200px;
  margin:auto;
}

/* ===== TITLES ===== */

.english-benefits-title{
  font-size:2.6rem;
  font-weight:700;
  color:#2d3b46;
  margin-bottom:15px;
}

.english-benefits-subtitle{
  font-size:1.2rem;
  color:#6b7b86;
  margin-bottom:60px;
}

/* ===== GRID ===== */

.english-benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

/* ===== CARD ===== */

.english-benefit-card{
  background:#fff;
  border-radius:20px;
  padding:40px 25px;
  border:1px solid #f0d7c7;
  transition:all .3s ease;
}

.english-benefit-card:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.benefit-icon{
  font-size:40px;
  margin-bottom:20px;
}

.english-benefit-card h3{
  font-size:1.5rem;
  color:#2d3b46;
  margin-bottom:10px;
}

.english-benefit-card p{
  font-size:1rem;
  color:#6b7b86;
  line-height:1.6;
}

/* ===== RESPONSIVE ===== */

/* tablets */

@media (max-width:1000px){

  .english-benefits-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

/* phones */

@media (max-width:600px){

  .english-benefits-title{
    font-size:1.9rem;
  }

  .english-benefits-subtitle{
    font-size:1rem;
  }

  .english-benefits-grid{
    grid-template-columns:1fr;
  }

}