/* Shared contrast corrections; keep the original animation and layout rules. */
.btn.blue-and-black-btn,
.btn.black-and-black-btn:hover,
.btn.black-and-black-btn:focus-visible {
  background-color: #236e76 !important;
  color: #fff !important;
}
.btn.blue-and-black-btn:hover,
.btn.blue-and-black-btn:focus-visible { background-color: #202020 !important; }
.lastest-blog .blog-content h2 { color: #fff; }
.main-color { color: #236e76; }
.contact-sec .contact-form .form-control,
.contact-sec .contact-form .form-control::placeholder {
  color: #536269;
  opacity: 1;
}
.contact-sec .contact-details ul li i { color: #236e76; }
.skill-img-area .skill-image-heading span { color: #c7cecd; opacity: 1; }
.demo-notice { color: #535b58; background: #fff; }
.testimonial-sec > .demo-notice { color: #e1e6e4; background: #202020; }

/* Shade only the text zone, leaving the foreground furniture luminous. */
.banner::before {
  background: linear-gradient(180deg, rgba(12,28,32,.48) 0%, rgba(12,28,32,.38) 42%, rgba(12,28,32,.12) 68%, rgba(12,28,32,.08) 100%);
}
.testimonial-sec .testimonial-title::before {
  content: "";
  position: absolute;
  inset: -16px -12px -22px;
  background: linear-gradient(180deg, rgba(32,32,32,.9) 0%, rgba(32,32,32,.78) 72%, transparent 100%);
  z-index: -1;
  pointer-events: none;
}
.portfolio-sec .portfolio-hover-effect {
  background: linear-gradient(180deg, transparent 25%, rgba(15,35,38,.88) 100%);
}
.portfolio-sec .hover-text .p-hover-title,
.portfolio-sec .hover-text .p-hover-des { color: #fff; }
.page-title::before,
.page-title1::before {
  background: linear-gradient(180deg, rgba(12,28,32,.4), rgba(12,28,32,.62) 60%, rgba(12,28,32,.22));
}
.partners-slider .logo-item img { width: 155px; height: 30px; object-fit: contain; opacity: 1; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible { outline: 2px solid #236e76; outline-offset: 4px; }
.banner a:focus-visible, .skill-sec a:focus-visible,
.lastest-blog a:focus-visible, .side-menu a:focus-visible { outline-color: #fff; }
