/* Local accessibility and presentation fixes for the new-agency demo. */
:root { --agency-green: #006b49; }

/* Solid paint behind the whole glyph box, including Hungarian accents. */
.services-sec .heading,
.reviews-sec .heading { background: #fff; line-height: 1.25; }
.services-sec .heading span,
.reviews-sec .heading span,
.contact-sec .heading span {
    display: inline-block;
    background: var(--agency-green);
    color: #fff;
    line-height: 1.25;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.banner-area .green-box,
.counters .green-box,
.side-menu,
.go-top { background-color: var(--agency-green); }
.project-sec .project-area .project-detail .project-heading {
    background: var(--agency-green);
    color: #fff;
    line-height: 1.3;
}
/* White logo and navigation retain contrast over the daylight photograph. */
.navbar-top-default { background: rgba(24, 28, 26, .96); }
.header-appear .navbar-top-default { background: #202020; }
.banner-area { background-position: center; }
.banner-area .button { text-transform: none; }
/* Keep the product bright; only the existing text panel carries a scrim. */
.project-sec .black-box { background: rgba(22, 27, 24, .82); }
.project-sec .project-area .project-img img { object-fit: cover; }
.project-sec .project-links-left a,
.project-sec .project-links-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 52px;
    height: 52px;
}
.project-sec .btn.btn-white:hover,
.contact-sec .btn.btn-trans:hover {
    background: var(--agency-green) !important;
    border-color: var(--agency-green);
    color: #fff !important;
}
.contact-sec .contact-form .form-control::placeholder { color: #464646 !important; opacity: 1; }
.contact-sec .contact-form .form-control { border-bottom-color: #777; }
.contact-sec .contact-details ul { padding-left: 0; }
a:focus-visible,
.contact-sec .contact-form .form-control:focus-visible {
    outline: 3px solid #b77922;
    outline-offset: 4px;
}
@media (max-width: 767px) {
    .project-sec .black-box { background: #fff; }
    .project-sec .project-area .project-detail .project-heading { background: transparent; color: #202020; }
    .services-sec .heading span,
    .reviews-sec .heading span { max-width: 100%; }
}
/* Limit the desktop white backing to the title, leaving the photograph visible. */
@media (min-width: 992px) {
    .services-sec .heading { width: min-content; }
}