/* Conen Digital: scoped contrast and presentation refinements. */
.pricing-sec .pricing-details .pricing-text,
.pricing-sec .pricing-card .pricing-card-text,
.pricing-sec .pricing-card .pricing-features li,
.services-sec .our-services .service-card .service-card-detail {
    color: #c8ccd4;
}
.services-sec .services-details .sub-heading,
.pricing-sec .pricing-details .pricing-sub-heading,
.contact-us-sec .contact-details .contact-sub-heading,
.qoute-sec .writer,
.client-sec .client-container .client-detail .client-name { color: #53c9ff; }
.skill-sec .skill-detail .sub-heading,
.qoute-sec .qoute span,
.side-nav-menu .nav-menu .nav-link.active,
.side-nav-menu .nav-menu .nav-link:hover { color: #ff8198; }
.btn.our-blue, .btn.hvr-black:hover { background: #0075aa; border-color: #0075aa; color: #fff; }
.btn.our-red, .btn.our-blue:hover,
.pricing-sec .pricing-card.active:nth-child(2) .pricing-btn,
.pricing-sec .pricing-card:hover .pricing-btn { background: #bd2445; border-color: #bd2445; color: #fff; }
.pricing-sec .pricing-card .pricing-btn:hover,
.pricing-sec .pricing-card.active:nth-child(2) .pricing-btn:hover { background: #9e1e39; border-color: #9e1e39; color: #fff; }
.services-sec .our-services .service-card:hover { background-color: #bd2445; }
.client-sec .client-sec-overlay { background-color: #bd2445; opacity: 1; }
.overlay-hover { background: rgba(83, 12, 30, .88); }
.pricing-sec .pricing-card .pricing-amount { font-size: clamp(32px, 3.2vw, 48px); white-space: nowrap; }
.pricing-sec .pricing-card .pricing-amount span { display: block; font-size: 14px; margin-top: 12px; }
.pricing-sec .pricing-card .pricing-card-text { font-size: 14px; line-height: 1.8; min-height: 76px; }
.pricing-sec .pricing-card { border-radius: 12px; }
.project-img { position: relative; }
.project-sec .project-area .project-detail .project-sub-heading { color: #83dcff; }
.project-sec .project-area .project-detail .project-text,
.project-sec .project-area .project-detail .project-heading { color: #fff; }
@media (min-width: 992px) {
    .project-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,17,24,.62), rgba(10,17,24,.48) 40%, rgba(10,17,24,.08) 68%, transparent); pointer-events: none; }
}
@media (max-width: 991px) {
    .project-sec .project-area .project-detail { background: #23262d; }
    .skill-sec .skill-detail .skill-detail-text,
    .project-sec .project-area .project-detail .project-text { font-size: 15px; line-height: 1.8; }
}
#map { position: relative; overflow: hidden; background: #d9dbcf; }
#map > img { width: 100%; height: 100%; object-fit: cover; display: block; }
#map .map-caption { position: absolute; bottom: 16px; left: 16px; right: 16px; padding: 10px 14px; background: #17191e; color: #fff; font-size: 13px; line-height: 1.5; border-radius: 4px; }
a:focus-visible { outline: 3px solid #83dcff; outline-offset: 4px; }
.pricing-sec .pricing-card:hover .pricing-btn:hover { background: #0075aa; border-color: #0075aa; color: #fff; }
/* Keep hover labels inside the smallest portfolio tiles. */
.overlay-detail { max-width: 100%; padding: 12px; }
.overlay-detail h4 { font-size: clamp(16px, 1.5vw, 24px); }
.overlay-detail span { font-size: 14px; line-height: 1.5; }