/* Corporate green refinement: lightweight overrides, no new dependencies. */
:root {
    --main-color-one: #1f7a4d;
    --secondary-color: #123d2b;
    --heading-color: #16352a;
    --paragraph-color: #56675f;
    --green-900: #0d3324;
    --green-800: #124b34;
    --green-700: #17633f;
    --green-600: #1f7a4d;
    --green-500: #2e9462;
    --green-100: #e8f5ee;
    --green-50: #f5faf7;
    --surface: #fff;
    --border: #dbe7e0
}

html {
    scroll-behavior: smooth
}

body {
    background: #fff !important;
    color: var(--paragraph-color);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--heading-color);
    line-height: 1.2
}

a {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease
}

.top-bar {
    background: var(--green-900) !important;
    border: 0
}

.navbar-area {
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 2px 18px rgba(13, 51, 36, .08)
}

.navbar-area .navbar-nav li a {
    color: var(--green-900) !important;
    font-weight: 600
}

.navbar-area .navbar-nav li a:hover,
.navbar-area .navbar-nav li.current-menu-item a {
    color: var(--green-600) !important
}

.boxed-btn,
.submit-btn,
.btn-primary,
.btn-success {
    background: var(--green-600) !important;
    border-color: var(--green-600) !important;
    color: #fff !important;
    border-radius: 6px !important;
    box-shadow: none !important
}

.boxed-btn:hover,
.submit-btn:hover,
.btn-primary:hover,
.btn-success:hover {
    background: var(--green-800) !important;
    border-color: var(--green-800) !important;
    transform: translateY(-1px)
}

.header-area:before,
.breadcrumb-area:before {
    background: linear-gradient(90deg, rgba(8, 45, 31, .94), rgba(18, 75, 52, .75)) !important
}

.header-inner .subtitle,
.header-inner .title,
.header-inner p {
    color: #fff !important
}

.single-what-we-do-box,
.single-service-item,
.single-testimonial-item,
.pricing-table-01,
.contact-form-wrapper,
.login-form,
.register-form {
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(13, 51, 36, .07) !important;
    background: #fff !important
}

.single-what-we-do-box .icon,
.single-service-item .icon {
    color: var(--green-600) !important
}

.section-title .subtitle,
.readmore,
.footer-widget .widget-title {
    color: var(--green-600) !important
}

.call-to-action-area,
.footer-area {
    background: var(--green-900) !important
}

.copyright-area {
    background: #08271b !important
}

.what-we-can-do-area,
.service-area,
.testimonial-area {
    padding-top: 72px !important;
    padding-bottom: 58px !important
}

.padding-top-120 {
    padding-top: 72px !important
}

.padding-bottom-120,
.padding-bottom-90 {
    padding-bottom: 64px !important
}

.margin-bottom-30 {
    margin-bottom: 22px !important
}

input,
select,
textarea,
.form-control {
    border: 1px solid #cbdcd2 !important;
    border-radius: 6px !important;
    min-height: 44px
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
a:focus,
button:focus {
    outline: 3px solid rgba(46, 148, 98, .25) !important;
    outline-offset: 2px;
    border-color: var(--green-500) !important
}

.site-logo img,
.navbar-brand img {
    max-height: 58px;
    width: auto
}

.header-right-image img {
    max-width: 100%;
    height: auto
}

.goog-te-gadget-simple {
    border-radius: 4px !important
}

img {
    max-width: 100%
}

iframe {
    max-width: 100%
}

@media(max-width:991px) {
    .navbar-area {
        position: relative !important
    }

    .navbar-area .navbar-collapse {
        background: #fff;
        padding: 10px 18px 18px;
        border-radius: 0 0 8px 8px
    }

    .header-area {
        padding-top: 70px !important
    }

    .header-right-image {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 24px
    }

    .what-we-can-do-area,
    .service-area,
    .testimonial-area,
    .padding-top-120 {
        padding-top: 52px !important
    }

    .padding-bottom-120,
    .padding-bottom-90 {
        padding-bottom: 48px !important
    }
}

@media(max-width:575px) {
    body {
        font-size: 15px
    }

    .header-inner .title {
        font-size: 36px !important
    }

    .header-inner p {
        font-size: 16px !important
    }

    .top-bar {
        padding: 8px 0 !important
    }

    .section-title .title {
        font-size: 30px !important
    }

    .what-we-can-do-area,
    .service-area,
    .testimonial-area,
    .padding-top-120 {
        padding-top: 40px !important
    }

    .padding-bottom-120,
    .padding-bottom-90 {
        padding-bottom: 40px !important
    }
}

@media(prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important
    }
}