/* Local accessibility and editorial polish. Original theme and animations retained. */
:root { --conen-ink: #243632; --conen-teal: #007783; --conen-lime: #a3d833; }
body { color: #4d5755; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
.author-skills .small-text, .feature-text, .main-title p, .infot_margin,
.card-body p, .media-body p, .testimonial_name, .color-black { color: #505957; }
.feature-heading, .main-title h2, .heading-area .heading,
.contact-section .heading, .author-skills .small-heading { color: var(--conen-ink); }
.feature-text { text-align: left; line-height: 1.8; }
.author-skills .small-text { line-height: 1.65; }
.text-green { color: #527617; }
.buton, .buton:hover, .buton:focus, .main-title h5, .heading-area .sub-heading,
.subheading, .team-classic .item:hover .team-classic-content h5,
#testimonials .text1 .info { color: var(--conen-teal); }
.buton i { border-color: currentColor; }
.about-media.active, .about-media:hover, .side-menu,
.owl-testimonial .owl-item.center .testimonial-box,
.blog-section .cards-section .active { background-color: var(--conen-teal); }
.author-skills .about-media.active .small-text,
.author-skills .about-media:hover .small-text,
.author-skills .about-media.active .small-heading,
.author-skills .about-media:hover .small-heading,
.center .infot_margin { color: #fff; }
.blog-section .cards-section .card-body .card-title { color: var(--conen-teal); }
.blog-section .cards-section .active .card-title,
.blog-section .cards-section .active p { color: #fff; }
/* Directional scrim protects navigation, leaving the daylight subject bright. */
.banner-image { background-image: linear-gradient(180deg, rgba(15,32,35,.76), rgba(15,32,35,0) 29%), url('../images/banner-image.jpg'); background-position: center; min-height: 720px; }
.navbar-top-default { background: rgba(15,32,35,.72); }
header:not(.header-appear) .navbar-nav .nav-link:hover,
header:not(.header-appear) .navbar-nav .nav-link.active { color: #d5f3a6; }
.header-appear .navbar-simple .navbar-nav .nav-link { color: #46514e; }
.header-appear .navbar-simple .navbar-nav .nav-link.active,
.header-appear .navbar-simple .navbar-nav .nav-link:hover { color: var(--conen-teal); }
.banner-overlay, .counter-overlay, .portfolio-overlay { background: var(--conen-lime); color: var(--conen-ink); }
.banner-overlay { top: auto; bottom: 7%; left: 6%; transform: none; width: min(620px, 65%); height: auto; }
.banner-area { top: auto; transform: none; padding: 40px; }
.banner-sec .banner-heading { width: 100%; transform: none; font-size: clamp(32px, 4vw, 58px); line-height: 1.1; margin: 20px 0; }
.banner-des { width: 100%; line-height: 1.6; }
.banner-text, .banner-heading, .banner-des, .banner-overlay .button,
.counter-sec .counter h5, .counter-sec .counter p,
.port-heading, .port-text, .portfolio-overlay .button { color: var(--conen-ink); }
.banner-overlay .button i, .portfolio-overlay .button i { border-color: currentColor; }
.button:hover i, .buton:hover i, .blog-section .buttton:hover i { background: var(--conen-teal); border-color: var(--conen-teal); color: #fff; }
.counter-overlay { height: auto; }
.counter-overlay > .row { margin: 0; }
.counter-area { display: grid; grid-template-columns: 1fr 1fr; width: 100%; padding: 24px; gap: 30px 16px; }
.counter-sec .counter { margin: 0; text-align: left; }
.counter-sec .counter h5 { text-align: left; }
.portfolio-overlay { height: auto; min-height: 260px; right: 4%; left: auto; }
.port-text { line-height: 1.6; }
.project-sec .project-area .project-img img { object-fit: cover; }
.feature-image img { width: 100%; height: auto; }
.owl-testimonial .center .quote_box .quote { color: var(--conen-ink); }
/* Light scrim under the blog title, fading toward the photographic edges. */
.blog-image { background-image: linear-gradient(180deg, rgba(250,248,242,.94), rgba(250,248,242,.80) 40%, rgba(250,248,242,.10)), url('../images/blog-img.jpg'); }
.blog-heading { color: var(--conen-ink); }
.btn.green-btn { color: var(--conen-ink); }
.btn.btn-hvr-blue:hover, .btn.btn-hvr-blue:focus { background: var(--conen-teal); border-color: var(--conen-teal); color: #fff; }
.contact-section .contact-form .form-control { color: var(--conen-ink); border-bottom-color: #82918d; }
.contact-form .form-control::placeholder { color: #56615e; opacity: 1; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--conen-teal); outline-offset: 5px; }
.full-map { position: relative; background: #e9e8df; }
.full-map img { width: 100%; height: 100%; object-fit: cover; }
.map-caption { position: absolute; bottom: 18px; left: 18px; right: 18px; padding: 18px; background: #fff; color: var(--conen-ink); font-size: 15px; line-height: 1.6; box-shadow: 0 3px 20px #24363214; }
.map-caption small { display: block; color: #505957; }
@media (max-width: 991px) {
  .banner-overlay { width: 70%; }
  .portfolio-overlay { right: 4%; }
}
@media (max-width: 767px) {
  .banner-image { height: auto; min-height: 0; background-size: 100% 290px; background-repeat: no-repeat; background-position: center top; padding: 190px 0 0; }
  .banner-overlay { position: relative; top: auto; bottom: auto; left: auto; width: 100%; margin: 0; }
  .banner-area { padding: 30px 22px; }
  .banner-sec .banner-heading { font-size: 28px; padding-bottom: 0; }
  .banner-des { width: 100%; }
  .counter-image { height: 310px; }
  .counter-overlay { width: calc(100% - 32px); left: 16px; top: 55%; transform: none; }
  .counter-area { padding: 22px; gap: 22px 14px; }
  .counter-sec .counter { margin: 0; }
  .counter-sec .counter p { font-size: 14px; line-height: 1.5; }
  .counter-sec .counter h5 { font-size: 28px; }
  .portfolio-overlay { left: 6%; right: 6%; width: auto; min-height: 0; }
  .portfolio-area { margin: 24px 20px; }
  .feature-text { text-align: center; }
  .full-map { height: 420px; }
}
