/* Accessible palette, shared across normal, active and hover states. */
:root { --conen-green: #486b16; --conen-red: #b51f36; --conen-orange: #b63e08; }
.btn.btn-green, .bg-green, .side-menu { background-color: var(--conen-green); }
.btn.btn-green { border-color: var(--conen-green); color: #fff; }
.btn.btn-green-hvr:hover, .btn.btn-green-hvr:focus { background: #943308 !important; border-color: #943308; color: #fff !important; }
.bg-gradient, .about-box.active, .about-box:hover, .about-box.active.about-box-green:hover { background: linear-gradient(110deg, var(--conen-red), var(--conen-orange)); }
.about-box.active:hover { background: #fff; }
.text-gradient { background: linear-gradient(110deg, var(--conen-red), var(--conen-orange)); -webkit-background-clip: text; background-clip: text; }
.contact-sec .heading, .portfolio-sec .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { color: var(--conen-red); }
.tabset-list .bg-light-grey { color: #626262; }
.tabset-list .active h3, .tabset-list .active i, .tabset-list .icon-up:hover i { color: var(--conen-green) !important; }
.tabset-list .active a { border-bottom: 2px solid var(--conen-green); padding-bottom: 8px; }
.about-box .about-main-icon i { color: var(--conen-green); }
.about-box.active .about-main-icon i, .about-box:hover .about-main-icon i { color: #fff; }
.about-box.active:hover .about-main-icon i { color: var(--conen-green); }
.da-thumbs .menu-price .overlay, .price:hover { background: var(--conen-green); }
.contact-sec .contact-form input::placeholder, .contact-sec .contact-form textarea::placeholder { color: #59646b; opacity: 1; }
.footer-style-1 .company-about { color: #595959; }
.feedback-slides .client-feedback .single-feedback p { font-weight: 400; }
.portfolio-sec .cbp-l-grid-mosaic .cbp-caption-activeWrap { background: linear-gradient(to top, rgba(15,35,16,.92), rgba(15,35,16,.55) 28%, rgba(15,35,16,.05) 70%); }
.btn, .portfolio-sec .portfolio-foot-detail .btn { text-transform: none; }
.portfolio-sec .portfolio-foot-detail .btn { padding: 14px 18px; font-size: 14px; line-height: 1.5; overflow-wrap: normal; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, .cbp-filter-item:focus-visible { outline: 3px solid #486b16; outline-offset: 4px; }
.side-menu a:focus-visible, .bg-gradient a:focus-visible { outline-color: #fff; }
.vector-image img, .contact-img img { border-radius: 8px; }
.about-box { box-shadow: 0 5px 22px rgba(28,45,22,.12); }
.conen-static-map { position: relative; overflow: hidden; }
.conen-static-map > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.conen-map-caption { position: absolute; left: max(24px, calc((100% - 1110px) / 2)); bottom: 24px; max-width: calc(100% - 48px); padding: 20px 24px; background: #fff; color: #293726; border-left: 4px solid var(--conen-green); box-shadow: 0 4px 20px #23342215; }
.conen-map-caption strong, .conen-map-caption span, .conen-map-caption small { display: block; }
.conen-map-caption small { font-size: 12px; color: #596456; margin-top: 8px; }
@media (min-width: 992px) {
  .rounded-nav { background: linear-gradient(110deg, var(--conen-red), var(--conen-orange)); }
  .header-appear .rounded-nav { background: none; }
}
@media (max-width: 767px) {
  .portfolio-sec .portfolio-foot-detail .p-num { font-size: 36px; }
  .portfolio-sec .portfolio-foot-detail .btn { padding: 12px 10px; font-size: 12px; }
  .conen-map-caption { left: 16px; bottom: 16px; max-width: calc(100% - 32px); padding: 16px; }
}