/* Accessible local palette; preserve the original layout and animation system. */
:root {
  --conen-rose: #ad3153;
  --conen-teal: #246f6d;
  --conen-violet: #5146cf;
  --conen-body: #505050;
}
.subheading,
.services-section .row-3 .text-section .subheading,
.contact-section .text-section > .subheading {
  color: var(--conen-rose);
}
.about-us .row-2 .text-section .subheading,
.services-section .row-2 .text-section .subheading,
.testimonial-box .testimonials .subheading,
.contact-section .contact-detail .subheading {
  color: var(--conen-teal);
}
.about-us .row-1 .about-col .text { color: var(--conen-body); }
.navbar .navbar-nav .nav-link.active { color: var(--conen-rose); }
.navbar .navbar-nav .nav-link:hover,
.cbp-l-filters-button .cbp-filter-item:hover,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  color: var(--conen-teal);
  border-bottom-color: var(--conen-teal);
}
.btn.pink-btn { background: var(--conen-rose); border-color: var(--conen-rose); color: #fff; }
.btn.blue-btn { background: var(--conen-violet); border-color: var(--conen-violet); color: #fff; }
.btn.btn-hvr-green:hover,
.btn.btn-hvr-green:focus-visible { background-color: var(--conen-teal); border-color: var(--conen-teal); color: #fff; }
.btn.btn-green::before,
.btn.btn-green::after { background: var(--conen-teal); }
.about-us .about-col .icon-1 { color: var(--conen-violet); }
.about-us .about-col .icon-2 { color: var(--conen-teal); }
.about-us .about-col .icon-3 { color: var(--conen-rose); }
.about-us .about-col:hover .icon-1 { background: var(--conen-violet); }
.about-us .about-col:hover .icon-2 { background: var(--conen-teal); }
.about-us .about-col:hover .icon-3 { background: var(--conen-rose); }
/* Darkest at the caption, leaving the upper part of the work visible. */
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
  background: linear-gradient(to top, rgba(12,43,42,.94) 0%, rgba(12,43,42,.78) 28%, rgba(12,43,42,.18) 72%);
}
.portfolio-hover-effect .hover-text { padding: 20px; }
.contact-section .form-control { color: #303030; border-color: #929292; }
.contact-section .form-control::placeholder { color: #595959; opacity: 1; }
a:focus-visible,
.form-control:focus-visible,
.cbp-filter-item:focus-visible { outline: 3px solid var(--conen-violet); outline-offset: 4px; }
.contact-detail .media-body { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .portfolio-section .btn.button { padding: 10px 16px !important; font-size: 14px !important; white-space: normal; word-break: normal; }
  .portfolio-foot-detail .p-text { font-size: 14px; line-height: 1.6; }
  .cbp-l-filters-button .cbp-filter-item { font-size: 12px; line-height: 2; margin: 0 8px 10px; }
}
.contact-section .text-section .contact-detail .subheading { color: var(--conen-teal); }
.contact-section .form-section .form-control:focus-visible { outline: 3px solid var(--conen-violet); outline-offset: 3px; }