/* KMK HTML Template */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&family=Inter:wght@400;500;700&family=Red+Hat+Display:wght@400;500;600;700&family=DM+Sans:wght@500;700&display=swap');

@import url('bootstrap.css');
@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('bootstrap-icons.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('preloader.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
@import url('../apexchart/apexcharts.css');
@import url('../menu/ma5-menu.css');

@import url('breadcrumb.css');
@import url('style.css');
@import url('sidebar.css');
@import url('team.css');
@import url('testimonial.css');
@import url('blog.css');
@import url('contact.css');

@import url('business.css');
@import url('insurance.css');
@import url('investment.css');

@import url('responsive.css');

/* ================================================================
   Ledger Pact Inc. — Premium Emerald / Ivory Theme
   Added 2026-09-25
   ================================================================ */
:root {
  --main-color: #0f3d36;
  --main-color-rgb: 15, 61, 54;
  --color-two: #c49a5a;
  --color-two-rgb: 196, 154, 90;
  --color-three: #65736e;
  --color-three-rgb: 101, 115, 110;
  --color-four: #8b9691;
  --color-four-rgb: 139, 150, 145;
  --color-five: #f6f2e8;
  --color-five-rgb: 246, 242, 232;
  --color-six: #52625d;
  --color-six-rgb: 82, 98, 93;
  --color-seven: #2f6a5a;
  --color-seven-rgb: 47, 106, 90;
  --color-eight: #a67c3d;
  --color-eight-rgb: 166, 124, 61;
  --color-nine: #dfe9e4;
  --color-nine-rgb: 223, 233, 228;
  --color-ten: #f3f7f4;
  --color-ten-rgb: 243, 247, 244;
  --color-eleven: #d8e8df;
  --color-eleven-rgb: 216, 232, 223;
  --heading-color: #102f2a;
}

html,
body {
  background: #fbfaf6;
  color: #52625d;
}

body,
p,
.text,
li {
  color: #52625d;
}

h1, h2, h3, h4, h5, h6,
.sec-title h1,
.sec-title h2,
.title-box h1,
.title-box h2 {
  color: #102f2a;
}

a { color: #2f6a5a; }
a:hover { color: #a67c3d; }

/* Header */
.main-header.two {
  box-shadow: 0 10px 34px rgba(15, 61, 54, 0.10);
}
.main-header .header-top {
  background: #0f3d36;
}
.main-header.two .header-lower {
  background: #fffdf8;
}
.main-header .header-top .info-list li a .icon,
.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a {
  color: #c49a5a;
}
.main-header .main-menu .navigation > li > a {
  color: #183b34;
}
.main-header.two .aside_open {
  background: #0f3d36;
}
.main-header.two .aside_open:hover {
  background: #c49a5a;
}
.aside_info {
  background: #fffdf8;
}
.aside_close {
  border-color: #c49a5a;
  color: #a67c3d;
}

/* Brand mark color treatment so the existing blue logo fits the new palette */
.logo img,
.logo-side img,
.main-footer .logo img {
  filter: hue-rotate(78deg) saturate(.68) brightness(.83);
}

/* Hero */
.main-slider .slide {
  background-color: rgba(5, 36, 31, 0.84);
  background-blend-mode: multiply;
}
.main-slider .slide::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 42, 36, .90) 0%, rgba(15, 61, 54, .67) 46%, rgba(15, 61, 54, .18) 100%);
}
.main-slider .content-column { z-index: 3; }
.main-slider .title {
  color: #e7d6b9;
}
.main-slider h1,
.main-slider .text {
  color: #ffffff;
}
.main-slider h1 span {
  color: #e0bd82;
}

/* Buttons */
.btn,
.theme-btn,
button[type="submit"],
input[type="submit"] {
  background-color: #c49a5a;
  border-color: #c49a5a;
}
.btn .text-one,
.btn .text-two,
.theme-btn,
button[type="submit"],
input[type="submit"] {
  color: #ffffff;
}
.btn:hover,
.theme-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #0f3d36;
  border-color: #0f3d36;
}
.btn.btn-three {
  background: #fffdf8;
  border-color: #fffdf8;
}
.btn.btn-three .text-one,
.btn.btn-three .text-two {
  color: #0f3d36;
}
.btn.btn-three:hover {
  background: #dfe9e4;
  border-color: #dfe9e4;
}

/* Section palette */
.about-section,
.business-section-two,
.team-section,
.testimonial-section,
.contact-section {
  background-color: #fffdf8;
}
.business-section-three,
.service-section,
.process-section,
.funfact-section {
  background-color: #f3f7f4;
}
.sec-title .title,
.title-box .title,
.about-section .content-column .title-box .title {
  color: #a67c3d;
}
.about-section .experience-counter .experience-counter-inner,
.about-section .experience-counter::after {
  background-color: #0f3d36;
}

/* Cards / service blocks */
.service-block .inner-box,
.business-block .inner-box,
.team-block .inner-box,
.testimonial-block .inner-box,
.contact-info-block .inner-box {
  border-color: #dfe9e4;
  box-shadow: 0 12px 35px rgba(15, 61, 54, .07);
}
.service-block .inner-box:hover,
.business-block .inner-box:hover,
.team-block .inner-box:hover {
  border-color: #c49a5a;
  box-shadow: 0 18px 46px rgba(15, 61, 54, .12);
}

/* Forms */
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border-color: #d7e2dc;
  background-color: #fffefb;
}
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border-color: #c49a5a;
  box-shadow: 0 0 0 .2rem rgba(196, 154, 90, .14);
}

/* Footer */
.main-footer {
  background: #0a2f29;
}
.main-footer .upper-box .info-column .pattern-layer,
.main-footer .widgets-section h4:before {
  background-color: #c49a5a;
}
.main-footer .about-widget .text,
.main-footer .links li a,
.main-footer .contact-list li,
.main-footer .contact-list li a,
.main-footer .footer-bottom .copyright {
  color: #d8e8df;
}
.main-footer .links li a:hover,
.main-footer .contact-list li a:hover,
.main-footer .footer-bottom .copyright a {
  color: #e0bd82;
}
.main-footer .footer-bottom {
  border-color: rgba(216, 232, 223, .14);
}

/* Decorative accents */
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span,
.scroll-to-top,
.back-to-top,
.preloader-close {
  background-color: #c49a5a !important;
}
::selection {
  background: #0f3d36;
  color: #ffffff;
}

@media (max-width: 991px) {
  .ma5menu__toggle {
    color: #0f3d36;
  }
  .main-slider .slide::after {
    background: rgba(7, 42, 36, .76);
  }
}