/* Preserved original styles: hakkimizda */
.about {
  background:#f6f8f9
}

.about-grid {
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:80px;
  align-items:center
}

.about-visual {
  min-height:510px;
  position:relative;
  background:linear-gradient(145deg,#e9f5fb,#f7fbfd);
  border-radius:26px;
  border:1px solid #d7e6ed;
  display:grid;
  place-items:center;
  overflow:hidden
}

.about-visual::after {
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  border:70px solid rgba(120,207,21,.12);
  right:-130px;
  bottom:-130px
}

.about-logo-card {
  width:76%;
  background:#fff;
  padding:35px;
  border-radius:18px;
  box-shadow:var(--shadow);
  position:relative;
  z-index:2
}

.about-stat {
  position:absolute;
  left:22px;
  bottom:22px;
  background:#07151f;
  color:#fff;
  padding:18px 22px;
  border-radius:16px;
  z-index:3
}

.about-stat strong {
  display:block;
  font-size:24px;
  color:var(--green)
}

.about-stat span {
  font-size:11px;
  color:#a8bbc4
}

.about-copy h2 {
  font-size:clamp(36px,4vw,56px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin-bottom:24px
}

.about-copy p {
  color:var(--muted);
  margin-bottom:14px
}

.check-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:28px
}

.check-grid span {
  font-weight:700;
  font-size:13px
}

@media(max-width:980px) {
.about-grid {
  grid-template-columns:1fr
}
}

@media(max-width:980px) {
.about-grid {
  gap:45px
}
}

@media(max-width:640px) {
.about-visual {
  min-height:390px
}
}

@media(max-width:640px) {
.check-grid {
  grid-template-columns:1fr
}
}
