/* Shared brand palette, loaded after the template and content styles. */
:root {
    --brand: #7bc242;
    --brand-dark: #285c32;
    --brand-deep: #173b25;
    --brand-soft: #f2f8ec;
    --brand-gold: #f2ce32;
    --color-primary: #285c32;
    --color-secondry: #173b25;
    --color-hover: #36793f
}

body {
    color: #263329
}

a, .breadcrumb-row ul li a {
    color: var(--brand-dark)
}

    a:hover, a:focus {
        color: #36793f
    }

.title-home, .content-bx1 h2, .service-box-5 .dlab-info .title a, .blog-post .post-title a {
    color: var(--brand-dark)
}

.middle-bar {
    background: var(--brand-dark) !important
}

    .middle-bar .header-brand {
        background: var(--brand-soft)
    }

    .middle-bar .header-slogan p {
        color: var(--brand-dark)
    }

.header.dark, .header.dark .main-bar {
    background: var(--brand-deep)
}

.header-curve.ext-header .logo-header:before, .header-curve.ext-header .logo-header:after, .header-curve.ext-header .extra-nav:before, .header-curve.ext-header .extra-nav:after {
    background: var(--brand-soft)
}

.middle-bar .service-list .icon-bx-sm {
    background: var(--brand-gold) !important
}

.middle-bar .service-list ul li i {
    color: var(--brand-deep)
}

.middle-bar .service-list ul li span {
    color: var(--brand-gold)
}

.header.dark .header-nav .nav > li > a {
    color: #fff
}

.header.dark .header-nav .nav > li:hover > a, .header.dark .header-nav .nav > li.active > a {
    color: var(--brand-gold);
    background: var(--brand-dark)
}

.header-profile-cta .site-button.yellow, .header-profile-cta .site-button.yellow:hover {
    background: var(--brand-gold) !important;
    color: var(--brand-deep) !important;
    border: 0
}

.header-nav .nav > li > a:after {
    background: var(--brand)
}

.header-nav .nav > li .sub-menu {
    background: var(--brand-soft)
}

    .header-nav .nav > li .sub-menu li > a {
        color: var(--brand-deep) !important
    }

    .header-nav .nav > li .sub-menu li:hover > a {
        color: var(--brand-dark) !important;
        background: #e1efda
    }

.header-curve.ext-header .main-bar .container-fluid {
    position: relative
}

.header-profile-cta {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 5
}

    .header-profile-cta .site-button {
        display: flex;
        align-items: center;
        height: 100%;
        min-width: 310px;
        justify-content: center;
        white-space: nowrap;
        font-size: 15px;
        font-weight: 700;
        padding: 0 30px;
        border-radius: 40px 0 0 40px;
        line-height: 18px
    }

@media(min-width:992px) {
    .header-curve.ext-header .main-bar .container-fluid {
        padding-right: clamp(210px,23vw,425px);
        min-height: 60px
    }

    .header-profile-cta {
        width: clamp(210px,23vw,425px)
    }

        .header-profile-cta .site-button {
            width: 100%;
            min-width: 0;
            background-image: none !important;
            justify-content: flex-start;
            padding-left: 40px
        }
}

@media(min-width:992px) and (max-width:1199px) {
    .header-nav .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px
    }
}

.bg-primary, .bg-blue, .bg-secondry, .bg-1 {
    background-color: var(--brand-dark) !important
}

.bg-2 {
    background: var(--brand-gold);
    color: var(--brand-deep) !important
}

    .bg-2 h1, .bg-2 h2, .bg-2 h3, .bg-2 h4, .bg-2 p, .bg-2 a {
        color: var(--brand-deep) !important
    }

.bg-3, .testimonial-4, .testimonial-4:after {
    background: var(--brand-deep)
}

.bg-gray {
    background: var(--brand-soft)
}

.service-box-5 .dlab-info {
    background: var(--brand-soft);
    border-bottom-color: var(--brand-dark)
}

.dlab-box, .dlab-info, .dlab-tilte-inner {
    background: #fff
}

.service-box-5 .icon-bx {
    background: var(--brand)
}

.counter-style-5:hover, .counter-style-5:after {
    background: var(--brand-dark);
    border-color: var(--brand)
}

.testimonial-4 .testimonial-pic {
    border-color: var(--brand-gold)
}

.ow-entry-content {
    background: var(--brand-deep);
    border-color: var(--brand-deep)
}

.ow-entry-title, .ow-entry-title a {
    color: #fff
}

.home-consult-card, .branch-card {
    box-shadow: 0 6px 20px rgba(40,92,50,.16) !important
}

    .home-consult-card a[href^="tel:"] {
        color: var(--brand-dark)
    }

.section-full[style*="layer-60"], .home-feedback-section {
    background-image: linear-gradient(135deg,#285c32,#173b25) !important;
    background-attachment: scroll !important
}

.section-full[style*="layer-21"], .section-full[style*="nen-5"] {
    background-image: linear-gradient(135deg,#f2f8ec,#e1efda) !important
}

.site-button:not(.facebook):not(.youtube):not(.twitter):not(.instagram):not(.circle) {
    background: var(--brand-dark);
    color: #fff
}

    .site-button:not(.facebook):not(.youtube):not(.twitter):not(.instagram):not(.circle):hover {
        background: #36793f;
        color: #fff
    }

.site-button.yellow, .site-button.yellow:hover {
    background: var(--brand-gold) !important;
    color: var(--brand-deep) !important
}

.text-primary {
    color: var(--brand-dark) !important
}

.site-footer.style1 .ft-contact {
    background: var(--brand-dark)
}

.site-footer.style1 .dlab-newsletter:after, .site-footer.style1 .footer-top, .site-footer.style1 .footer-bottom {
    background: var(--brand-deep)
}

.site-footer.style1 .footer-bottom {
    border-top-color: #346044;
    color: #e1efda
}

.site-footer.style1 .footer-top .widget a:hover {
    color: var(--brand-gold)
}

.site-footer.style1 .footer-top .widget ul:not(.list-inline) li::marker {
    color: var(--brand-gold)
}

.blog-layout .blog-pager strong, .blog-layout .blog-pager a:hover {
    background: var(--brand-dark);
    color: #fff;
    border-color: var(--brand-dark)
}

.blog-layout .blog-breadcrumb {
    background: var(--brand-soft)
}

button.scroltop {
    background: var(--brand-dark);
    color: #fff;
    border-color: var(--brand);
    box-shadow: 0 3px 16px rgba(23,59,37,.25) !important
}

.form-control:focus {
    border-color: var(--brand-dark);
    box-shadow: 0 0 0 2px rgba(123,194,66,.2)
}

@media(max-width:991px) {
    .header-profile-cta {
        display: none
    }

    .mo-left .main-bar .header-nav {
        background: var(--brand-dark);
    }

    .site-header .main-bar .logo-header.mostion {
        background: var(--brand-soft)
    }

    .main-bar .logo-header .mobile-header-slogan p {
        color: var(--brand-dark);
		font-size: 12px;
    }

    .blog-layout .blog-submenu-toggle {
        background: var(--brand-dark)
    }

    .header-nav .nav > li .sub-menu {
        background: var(--brand-soft)
    }
}
.customer-logo-carousel .client-logo{background:#fff}.customer-logo-carousel .client-logo img{width:100%;height:110px;object-fit:contain;padding:10px}.customer-logo-carousel:not(.owl-carousel){display:flex;flex-wrap:wrap;gap:30px}.customer-logo-carousel:not(.owl-carousel)>.item{flex:0 1 180px}


@media (max-width:1400px) {
	header {
		height: 165px;
	}
	.header-curve.ext-header .middle-bar .middle-area {
		gap: 10px;
	}
	.middle-bar .header-brand .logo-header img {
		width: 60px !important;
	}
	.header-curve.ext-header .middle-bar .header-brand .logo-header {
		width: 60px;    max-width: 60px;
		
	}
	.middle-bar .service-list .icon-content {
		font-size: 13px;
	}
    .middle-bar .header-brand {
        padding: 0 30px 0 45px;
    }
	    .middle-bar .service-list ul {
        gap: 13px;
    }
	.middle-bar .header-slogan p {
        max-width: 260px;
        font-size: 15px;
    }
	.header-nav .nav > li > a {
		padding: 10px 20px 10px 20px;
	}
	.header-curve.ext-header .main-bar .container-fluid {
        min-height: 40px;
    }
}