﻿/* Conen Digital — scoped accessibility and finish pass. Original motion is retained. */
:root { --finance-green: #08734f; --finance-blue: #086c80; --finance-ink: #203b39; --finance-copy: #505d61; }
body { font-weight: 400; }
.text-green { color: var(--finance-green) !important; }
.text-blue { color: var(--finance-blue) !important; }
.text-grey, .light-grey, .portfolio-subtitle { color: var(--finance-copy) !important; }
.font-weight-200, .paragraph { font-weight: 400; }
.btn { text-transform: none; }
.btn.btn-green, .green-long-btn, .portfolio-btn-green { background-color: var(--finance-green) !important; border-color: var(--finance-green); color: #fff !important; }
.btn.btn-blue, .blue-long-btn, .portfolio-btn-blue { background-color: var(--finance-blue) !important; border-color: var(--finance-blue); color: #fff !important; }
.btn-hvr-green:after { background-color: #075d40; }
.btn-hvr-blue:after { background-color: #075668; }
.btn-hvr-green:hover, .btn-hvr-blue:hover { color: #fff !important; border-color: #075668 !important; }
.portfolio-btn-green:hover { color: var(--finance-green) !important; }
.portfolio-btn-blue:hover { color: var(--finance-blue) !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--finance-green); color: #fff; border-color: var(--finance-green); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, .nav-link:focus-visible { outline: 3px solid #086c80; outline-offset: 4px; }
/* The darkest overlay stop still provides AA white text over a white image pixel. */
.slider-section .bg-overlay { background: linear-gradient(115deg, rgba(9,26,31,.78), rgba(9,26,31,.64)); opacity: 1; pointer-events: none; }
.slider-section .slider-overlay { background: rgba(9,26,31,.64); pointer-events: none; }
.tp-caption p, .tp-caption h1 { text-shadow: 0 2px 12px rgba(0,0,0,.22); }
.parallax-img { background-size: cover; }
.parallax-img::before { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(9,26,31,.80), rgba(9,26,31,.66)); pointer-events: none; }
.parallax-img > .container { position: relative; z-index: 1; }
.stats-bg { background-color: #203b39; background-image: linear-gradient(rgba(15,35,35,.78), rgba(15,35,35,.78)), url('../images/stats-bg.jpg'); background-size: cover; }
.about-box, .pricing-item { border: 1px solid #e1e9e6; box-shadow: 0 8px 28px rgba(20,55,45,.07); }
.about-box h5 { font-weight: 400; }
.about-box:hover, .price-blue .pricing-item:hover { background: var(--finance-blue); }
.price-green .pricing-item:hover { background: var(--finance-green); }
.da-thumbs > li .overlay { background-color: rgba(7,57,64,.95); opacity: 1; }
.pricing-currency .d-block { font-size: 13px; font-weight: 400; }
.pricing-item .pricing-currency { font-size: 38px; line-height: 1.2; white-space: nowrap; }
.pricing-item .pricing-price { flex-wrap: wrap; align-items: baseline; gap: 10px; }
.pricing-price .pricing-para { flex-basis: 100%; margin: 8px 0 0 !important; font-size: 14px; line-height: 1.55; }
.price-dollar { font-size: 16px; }
.pricing-list .fa-check { color: var(--finance-green); }
.pricing-item:hover .text-grey, .pricing-item:hover .text-blue, .pricing-item:hover .text-green { color: #fff !important; }
.contact-form .form-control { color: #243c3a; border-bottom-color: #8b9996; font-size: 16px; }
.contact-form .form-control::placeholder { color: #52615e; opacity: 1; }
.company-about { color: #505d61; }
.go-top { background: var(--finance-green); color: #fff; }
.partners-slider .logo-item img { width: 155px; height: 30px; object-fit: contain; }
#about .d-flex > img { max-width: 100%; height: auto; }
.team-img { object-fit: cover; }
.gmap_canvas { position: relative; }
.gmap_canvas .map { display: block; width: 100%; height: 450px; object-fit: cover; }
.map-address { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); padding: 16px 24px; background: #fff; color: #203b39; box-shadow: 0 4px 24px #203b3920; text-align: center; width: max-content; max-width: calc(100% - 32px); }
.map-address small { display: block; color: #505d61; }
@media (max-width: 767px) {
 .font-15 { font-size: 15px; }
 .pricing-item { padding: 28px 20px; }
 .contact-details p { line-height: 1.7; }
 .gmap_canvas .map { height: 360px; }
}
.gmap_canvas .map { filter: none; }
