body {
    background-color: #073626;
}

:root {
    --tp-common-yellow: #F6EE23;
    --white: #FFFFFF;
    --text-light: #E8EFEA;
    --text-muted: #B8C7C0;
}

.tp-brand-area {
    padding-top: 200px;
}

.tp-hero-title,
.tp-section-title,
.tp-offcanvas-title,
.ab-about-category-title,
.tp-about-2-section-title,
.tp-offcanvas-title.sm,
.tp-section-title-40,
.tp-section-title span,
.tp-about-2-content span,
.ab-about-category-title span,
.tp-offcanvas-close-btn,
.ab-about-content P,
.tp-service-title-sm,
.tp-blog-title-sm,
.tp-section-subtitle-3 span svg,
.ab-inner-funfact-title,
.ab-funfact-item span,
.sv-hero-title,
.tp-service-5-title,
.tp-service-4-title-sm a,
.tm-hero-title,
.portfolio-filter button,
.tp-btn-circle.style-2,
.postbox__title,
.basic-pagination ul li a,
.sidebar__widget-title,
.rc__post-title,
.tagcloud a,
.sidebar__social a,
.tm-hero-title-big,
.cn-contactform-input input, .cn-contactform-input textarea {
    color: var(--white);
}

.tp-hero-subtitle,
.tp-offcanvas-contact ul li a,
.ab-about-category-list ul li,
.tp-blog-content span,
.tp-award-list-content-left span,
.tp-award-list-content-right span,
.tp-section-subtitle-3,
.tp-hero-content p,
.tp-service-content p,
.tp-about-2-content p,
.tp-offcanvas-content p,
.ab-inner-subtitle,
.ab-funfact-item p,
.sv-hero-title-box p,
.tp-service-5-item .tp-service-4-content p,
.tm-hero-subtitle,
.tm-hero-text p,
.postbox__meta span,
.postbox__text p,
.rc__meta span,
.cn-contactform-input label {
    color: var(--text-light);
}

.tp-brand-title,
.tp-project-textline span,
.tp-award-list-content-left p,
.tp-testimonial-item p,
.tp-testimonial-item span em,
.tp-btn-border-wrap .text-1,
.tp-btn-border,
.portfolio-filter button.active {
    color: var(--tp-common-yellow);
}

.tp-hero-content p {
    text-align: center;
}

.tp-header-menu>nav>ul>li>a {
    color: var(--white);
}

.tp-service-title-sm a {
    background-image: linear-gradient(var(--tp-common-yellow), var(--tp-common-yellow)), linear-gradient(var(--tp-common-yellow), var(--tp-common-yellow));
}

.tp-btn-border {
    border: 1px solid var(--tp-common-yellow);
}

.tp-theme-settings-area {
    display: none !important;
}

.ab-inner-hero-bg {
    padding-top: 150px;
    padding-bottom: 110px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.tp-brand-4-item {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

footer {
    background-image: url('../img/home-04/brand/overly.png');
}

.tp-offcanvas-area {
    background: #198754;
}

.even-sec {
    background: #0A4A35;
}

.tp-service-icon img {
    filter: invert();
}

.tp-brand-4-item img,
.tp-service-4-icon img {
    filter: invert();
    /* remove this when adding white logo  */
}

.tp-btn-circle.style-2 {
    border-color: rgb(255 255 255 / 14%);
}

.basic-pagination ul li a .current,
.sidebar__social a  {
    border: 2px solid rgb(255 255 255 / 14%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .ab-inner-hero-bg {
        padding-top: 130px;
    }

    .tp-brand-area {
        padding-top: 150px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ab-inner-hero-bg {
        padding-top: 120px;
    }

    .tp-brand-area {
        padding-top: 215px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .ab-inner-hero-bg {
        padding-top: 100px;
    }
}