.topbar{background-color:#414142;color:#fff;font-size:.875rem}

.brand img,svg{height:24px;width:auto}

@media (max-width: 600px) {
.brand img,svg{height:24px;width:136px}
}



@media (max-width: 600px) {
    .chip {margin-bottom: 0.8rem;}
    }

    .link-sty{
    color:#f07e23
    }

    @media (max-width: 600px) {
.grid-3{grid-template-columns:repeat(2,1fr) !important}}
    @media (max-width: 390px) {
.grid-3{grid-template-columns:repeat(1,1fr) !important}}


  .btn-landing {
    color: #fff !important;
    background-color: #f07e23 !important;
  }

    .btn-landing:hover {
        background-color: #f07e23 !important;
    }

    .hero h1 {
        margin-top: 1rem;
    }


@media (max-width: 850px) {
    .nav {
        flex-direction: column;   /* stack items */
        align-items: flex-start;  /* align left */
        gap: 1rem;
        
    }
}

.field-error {
  color: #d63638;
  font-size: 0.8rem;
  display: block;
  margin-top: 4px;
}

.form-error {
  color: #d63638;
  font-size: 0.9rem;
  display: block;
  margin-top: 8px;
}