/* Local accessibility refinements; keep the original coral/pink identity. */
:root {
    --conen-accent: #a52640;
    --conen-copy: #454045;
}

/* A light wash protects copy over the decorative gallery background. */
.app-clips {
    position: relative;
}
.app-clips::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 60%, transparent 100%);
}
.app-clips > .container {
    position: relative;
}

.banner-sec .banner-details .banner-inner-content .banner-heading span,
.services-sec .services-details .sub-heading,
.app-clips .app-clips-details .sub-heading,
.app-sec .app-details .sub-heading,
header .nav-up .horizontal-nav .nav-link:is(:hover, :focus, .active),
header .broad-nav .navbar .nav-link:is(:hover, :focus, .active),
.services-sec .our-services .service-card:hover .service-card-heading {
    color: var(--conen-accent);
}

.banner-sec .banner-details .banner-inner-content .banner-text,
.services-sec .services-details .detail-text,
.services-sec .our-services .service-card .service-card-detail,
.app-clips .app-clips-details .detail-text,
.app-sec .app-details .detail-text,
.app-feature p,
.get-app-sec .get-app-details .detail-text {
    color: var(--conen-copy);
    font-weight: 400;
    line-height: 1.7;
    opacity: 1;
}

.services-sec .our-services .service-card .image-holder i,
.app-feature i {
    color: var(--conen-accent);
}

/* Visible keyboard focus without changing link behavior. */
a:focus-visible {
    outline: 3px solid var(--conen-accent);
    outline-offset: 5px;
}

/* Ensure white social glyphs remain legible on hover backgrounds. */
.footer-sec .footer-icons a i[class]:is(:hover, :focus) {
    background: #92243a;
    box-shadow: none;
    color: #fff;
}
.footer-sec .footer-icons a i.la-instagram:is(:hover, :focus) {
    background-image: none;
}

@media (max-width: 991.98px) {
    .banner-sec .banner-details .banner-inner-content {
        margin-right: 0;
    }
    .banner-sec .banner-img {
        padding-left: 0;
        text-align: center;
    }
    .banner-sec .banner-img img {
        width: min(100%, 480px);
    }
}