/* Inline styles preserved verbatim from index.html <head>. Loaded only on the
   front page (see functions.php) so home output stays byte-identical. */
@media (min-width: 992px) {
  .saya-about .container-large .col-lg-5 {
    width: 45%;
  }

  .saya-about .container-large .col-lg-7 {
    width: 55%;
    margin-bottom: -0.5rem;
  }
}

.saya-awards__card-img-thumb {
  width: 180px;
  height: auto;
  flex-shrink: 0;
  /* padding: 3px; */
  border-radius: 0px;
  /* background: linear-gradient(135deg, #ACDB55 0%, #4a7aff 50%, #1a1aee 100%); */
  overflow: hidden;
}

.saya-awards__card-img-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px;
}
@media (max-width: 768px) {
  .saya-awards__card-img-thumb{
    width: 100px;
  }
}

/* CTA two-button row — copied verbatim from services.css so the home CTA
   renders identically to the Services page CTA. */
.saya-cta__btn-row {
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
}

.saya-cta__btn {
  width: 220px;
}

@media (max-width:1023px) {
  .saya-cta__btn {
    width: 166px;
  }
}

@media (max-width:576px) {
  .saya-cta__btn-row {
    gap: 10px;
  }

  .saya-cta__btn {
    width: 120px;
  }

  .saya-cta__btn {
    font-size: 11px;
  }
}
