/* Local accessibility and editorial treatment. Shared theme files stay intact. */
:root { --conen-accent: #006b89; --conen-ink: #263238; --conen-copy: #505a60; }
body .services-sec .detail-text,
body .services-sec .service-card-detail,
body .skill-sec .skill-detail-text,
body .skill-sec .progress-item h6,
body .pricing-sec .pricing-text,
body .pricing-sec .pricing-card-text,
body .pricing-sec .pricing-features li,
body .contact-us-sec .contact-list,
body .rites-res { color: var(--conen-copy) !important; font-weight: 400 !important; }
body .sub-heading,
body .services-sec .services-details .sub-heading,
body .skill-sec .skill-detail .sub-heading,
body .pricing-sec .pricing-details .pricing-sub-heading,
body .contact-us-sec .contact-sub-heading,
body .qoute-sec .writer,
body .qoute-sec .qoute span,
body .services-sec .service-card:hover .service-card-heading,
body .side-nav-menu .nav-menu li a.active,
body .side-nav-menu .nav-menu li a:hover,
body .side-nav-menu .nav-menu li:hover p,
body .side-nav-menu .nav-menu li:hover span { color: var(--conen-accent) !important; }
body .side-nav-menu .nav-menu li > span,
body .side-nav-menu .nav-menu li > p { color: #70777b; }
body .our-btn,
body .pricing-sec .pricing-card.active .pricing-btn,
body .pricing-sec .pricing-card:hover .pricing-btn {
  background: var(--conen-accent) !important; border-color: var(--conen-accent) !important; color: #fff !important;
}
body .our-btn:hover,
body .our-btn:focus,
body .pricing-sec .pricing-card .pricing-btn:hover {
  background: #06465b !important; border-color: #06465b !important; color: #fff !important;
}
body .pricing-sec .pricing-card.active .pricing-card-heading,
body .pricing-sec .pricing-card.active .pricing-amount,
body .pricing-sec .pricing-card.active .pricing-amount span,
body .pricing-sec .pricing-card:hover .pricing-card-heading,
body .pricing-sec .pricing-card:hover .pricing-amount,
body .pricing-sec .pricing-card:hover .pricing-amount span { color: var(--conen-accent) !important; }
body .pricing-sec .pricing-card .pricing-amount { font-size: clamp(32px, 3vw, 46px); }
body .pricing-sec .pricing-card .pricing-amount span { display: block; margin: 8px 0 0; }
body .skill-sec .skill-detail .skill-bars .progress-item .progress-bar { background: var(--conen-accent) !important; }
body .progress-item .progress-bar span { font-weight: 400; color: var(--conen-ink); }
/* Protect only the copy side, leaving the studio and people in natural light. */
.project-sec .project-img { position: relative; }
.project-sec .project-img::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(17,29,32,.50), rgba(17,29,32,.40) 44%, rgba(17,29,32,.12) 72%, transparent);
}
body .project-sec .project-area .project-detail .project-heading,
body .project-sec .project-area .project-detail .project-text,
body .project-sec .project-area .project-detail .project-sub-heading { color: #fff !important; }
body .project-sec .project-area .project-detail .project-text { font-weight: 400; }
body .project-sec .project-area .project-detail .project-sub-heading span { background: #fff !important; }
.project-sec .project-links a { display: inline-block; background: #263238; border-radius: 4px; padding: 3px 8px; }
/* Keep testimonial names on a stable surface across parallax positions. */
body .client-sec { background-image: url("original-showcase-conen/clients-banner.jpg"); }
body .client-sec .client-sec-overlay { background: #005b75; opacity: .95; }
body .client-sec .client-container .client-img-overlay .client-text { color: #fff; font-weight: 400; }
body .client-sec .client-container .client-detail {
  width: min(320px, 88%); padding: 20px 24px 14px;
  background: #fff; border-radius: 8px; box-shadow: 0 8px 32px #152a3026;
}
body .client-sec .client-container .client-detail .client-name { color: var(--conen-accent) !important; }
body .client-sec .client-container .client-detail .client-des { color: var(--conen-copy); }
body .client-sec .client-container .client-detail .client-s-media { position: static; margin: 10px 0 0; }
body .portfolio-sec .overlay-hover { background: rgba(12,43,51,.88); }
body .portfolio-sec .overlay-detail { color: #fff; }
#map { position: relative; overflow: hidden; background: #eeeae2; }
#map .conen-city-map { width: 100%; height: 100%; object-fit: cover; display: block; }
#map .conen-map-caption { position: absolute; bottom: 16px; left: 16px; right: 16px; padding: 12px 16px; background: #fff; color: #263238; font-size: 14px; line-height: 1.6; box-shadow: 0 3px 16px #26323818; }
a:focus-visible, button:focus-visible { outline: 3px solid #006b89; outline-offset: 4px; }
@media (max-width: 991.98px) {
  .project-sec .project-img::after { display: none; }
  body .project-sec .project-area .project-detail { background: #fff; }
  body .project-sec .project-area .project-detail .project-heading { color: #263238 !important; }
  body .project-sec .project-area .project-detail .project-text { color: #505a60 !important; }
  body .project-sec .project-area .project-detail .project-sub-heading { color: #006b89 !important; }
  body .project-sec .project-area .project-detail .project-sub-heading span { background: #006b89 !important; }
}
@media (max-width: 575.98px) {
  body .client-sec .client-container .client-img-overlay .client-text { width: 84%; line-height: 1.7; }
}

/* Hero call to action: white on the theme sky blue was 2.6:1 */
.btn.our-t-btn { background-color: #0270a8; border-color: #0270a8; }