/* Conen Digital: accessible colours and photo treatments. */
:root { --conen-ink: #142022; --conen-gold-text: #806300; }
/* Only the slider's existing scrim is recoloured; layer geometry stays intact. */
#slide-1-layer-26, #slide-15-layer-26, #slide-14-layer-26 {
  background: linear-gradient(180deg,rgba(20,32,34,.52),rgba(20,32,34,.24) 30%,rgba(20,32,34,.56) 47%,rgba(20,32,34,.56) 66%,rgba(20,32,34,.18)) !important;
}
body .ex-detail .fly-text,
.our-heading .heading-title,
.service-list .media .media-body .heading-title,
.our-services .nav-pills .nav-link.active,
.our-services .nav-pills .nav-link.active span,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.mini-blog-sec .mini-blog .mini-blog-link,
.mini-blog-sec .mini-blog:hover .mini-blog-title,
.pricing-sec .pricing-card .pricing-heading,
.service-list .media:hover .media-body .small-heading,
header .broad-nav .navbar .nav-link.active,
header .broad-nav .navbar .nav-link:hover { color: var(--conen-gold-text); }
.our-services .tab-content .tab-des .tab-num { color: #737373; }
.cbp-l-grid-mosaic .cbp-caption-activeWrap { background: rgba(20,32,34,.82); }
.btn.anim-btn, .yellow-btn, .black-btn:hover { color: var(--conen-ink); font-weight: 600; }
.btn.anim-btn:hover, .btn.anim-btn:focus-visible { color: #fff; background: #142022; }
.yellow-btn:hover { color: #806300; }
.services-sec .services-box .s-card:nth-child(even) .card { color: #142022; }
.services-sec .services-box .card .service-mini-heading { font-weight: 500; }
.client-sec .client-des .testimonial-box .testimonial-heading .test-heading,
.client-sec .client-des .testimonial-box .testimonial-heading .test-review li a i,
.client-sec .client-des .testimonial-box .small-text,
.client-sec .client-des .testimonial-box .test-info .client-info .client-name,
.client-sec .client-des .testimonial-box .test-info .client-info .client-designation { color: #142022; }
.client-sec .client-des .testimonial-box .test-info .client-info .client-designation { font-weight: 500; }
.pricing-sec .pricing-card:hover .pricing-heading,
.pricing-sec .pricing-card.active .pricing-heading { color: #fff; }
.pricing-sec .pricing-card .price-info .price-tag .p-price { margin-left: 0; font-size: 42px; }
.pricing-sec .pricing-card .price-info .price-tag .p-since { left: 0; display: block; }
.social-sec .twitter-box { background: #245c79; }
.social-sec .twitter-box .twit-btn { background: #173e54; border-color: #173e54; }
.social-sec .twitter-box .twit-btn:hover { color: #173e54; }
.contact-sec .contact-form .form-control::placeholder { color: #595959; opacity: 1; }
.services-sec, .quote-sec { position: relative; isolation: isolate; }
.services-sec { background-image: url('original-interior-conen/materials-banner.jpg'); }
.quote-sec { background-image: url('original-interior-conen/detail-banner.jpg'); }
.services-sec::before, .quote-sec::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.services-sec::before { background: linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.64) 48%,rgba(255,255,255,.08)); }
.quote-sec::before { background: linear-gradient(90deg,rgba(255,255,255,.64),rgba(255,255,255,.88) 25%,rgba(255,255,255,.88) 75%,rgba(255,255,255,.64)); }
.quote-sec .quote-text, .quote-sec .quote-writer { color: #142022; }
#conen-city-map { height: 400px; position: relative; overflow: hidden; background: #e5e5db; }
#conen-city-map img { width: 100%; height: 100%; object-fit: cover; }
#conen-city-map .map-caption { position: absolute; bottom: 24px; left: 24px; margin: 0; padding: 14px 20px; background: #fff; color: #142022; box-shadow: 0 4px 20px #14202218; }
:focus-visible { outline: 3px solid #806300; outline-offset: 4px; }
@media (max-width: 575.98px) {
  .services-sec::before { background: rgba(255,255,255,.78); }
  .quote-sec .q-detail { width: 92%; }
  #conen-city-map .map-caption { left: 16px; right: 16px; bottom: 16px; }
}

/* Vertical section labels: the theme gold on white was 1.6:1 */
.ex-detail .fly-text, .team-sec .ex-detail .fly-text { color: #8a6a00; }
/* Header over the hero photo (before it turns fixed): soft shade behind the menu */
header .navbar:not(.fixed-top) { background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .15)); }
.fly-text { color: #6a5000 !important; }
.small-text { color: #5b6364; }
.mini-blog-link { color: #7a5e00; }
.pricing-sec .price-text .small-text { color: #4f5758; }
.mini-blog-sec .mini-blog .mini-blog-link { color: #5e4700; }