/* About section */
.about-grid{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:56px;
  align-items:start;
}

.about-image{
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  background:#dddddd;
}

/* Services section */
.center-title{
  text-align:center;
  margin-bottom:22px;
}

.center-title h2{
  font-size:84px;
  line-height:1;
  margin:0 0 26px;
  font-weight:400;
  letter-spacing:-1.2px;
}

.center-subtitle{
  text-align:center;
  font-family:"Courier New", Courier, monospace;
  color:#6d7680;
  font-size:24px;
  margin-bottom:54px;
  font-weight:700;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
}

.service-card{
  background:#f2f2f2;
  padding:34px 28px 34px;
  min-height:480px;
  display:flex;
  flex-direction:column;
}

.service-card h3{
  font-family:"Courier New", Courier, monospace;
  font-size:24px;
  font-weight:400;
  line-height:1.25;
  margin:0 0 28px;
}

.service-line{
  width:100%;
  height:2px;
  background:#bfc3c8;
  margin-bottom:28px;
}

.service-card p{
  font-family:"Courier New", Courier, monospace;
  font-size:22px;
  line-height:1.42;
  margin:0;
}

/* Why choose us section */
.why-section{
  background:#f6f6f6;
  padding-bottom:0;
}

.why-title{
  text-align:center;
  margin-bottom:18px;
  font-size:72px;
  font-weight:800;
  line-height:1.06;
}

.why-subtitle{
  text-align:center;
  color:#6b7280;
  font-size:28px;
  margin-bottom:52px;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:28px;
  margin-bottom:72px;
}

.why-card{
  border:1.5px solid #7d7d7d;
  padding:26px 22px 26px;
  min-height:310px;
  background:transparent;
}

.why-card h3{
  font-size:22px;
  line-height:1.2;
  margin:0 0 24px;
  font-weight:400;
}

.why-card p{
  font-family:"Courier New", Courier, monospace;
  font-size:19px;
  line-height:1.42;
  margin:0;
}

/* Responsive */
@media (max-width: 1400px){
  .center-title h2{
    font-size:68px;
  }

  .why-title{
    font-size:58px;
  }
}

@media (max-width: 1100px){
  .about-grid,
  .services-grid,
  .why-grid{
    grid-template-columns:1fr 1fr;
  }

  .service-card p{
    font-size:20px;
  }
}

@media (max-width: 760px){
  .center-title h2,
  .why-title{
    font-size:42px;
  }

  .why-subtitle{
    font-size:22px;
  }

  .about-grid,
  .services-grid,
  .why-grid{
    grid-template-columns:1fr;
  }

  .service-card p,
  .why-card p{
    font-size:18px;
  }

  .service-card,
  .why-card{
    min-height:auto;
  }
}