@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Light';
    src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Rounded';
    src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Compressed';
    src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

:root {
    --font-body: 'Helvetica', sans-serif;
    --font-heading: 'Helvetica', sans-serif;
    --font-paragraph: 'Helvetica', sans-serif;
    --font-light: 'Helvetica Light', sans-serif;
    --font-rounded: 'Helvetica Rounded', sans-serif;
    --font-compressed: 'Helvetica Compressed', sans-serif;


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

body {
    background-color: #073626;
    font-family: var(--font-paragraph);
}

.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,
.tp-brand-4-line-text span,
.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;
    font-family: var(--font-paragraph);
}

h1,
h2,
h3 {
    font-family: var(--tp-ff-gallery) !important;
}

h4,
h5,
h6 {
    font-family: var(--font-heading) !important;
}

p {
    font-family: var(--font-paragraph) !important;
}

.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%);
}

.tp-footer-2-widget-logo img {
    width: 210px !important;
    height: 100%;
}

.tp-about-2-section-title {
    font-family: var(--tp-ff-gallery) !important;
}

.tp-hero-3-title {
    color: var(--white);
    font-family: var(--tp-ff-gallery) !important;
}

.tp-hero-3-category {
    color: var(--white);
    font-family: var(--font-heading) !important;
}


/* Main button */
.tp-btn-black-2 {
    background: none !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid #FFEB3B;
}



/* Star/Cog background */
.tp-btn-black-2 .svg-bg {
    color: var(--tp-common-yellow) !important;
    fill: currentColor !important;
}

/* Arrow */
.tp-btn-black-2 .svg-icon {
    color: #111111 !important;
}

.tp-btn-black-2 .svg-icon path {
    fill: currentColor !important;
}

.tp-btn-project-sm {
    border: 1px solid #FFEB3B !important;
}

/* Hover */
.tp-btn-black-2:hover {
    background: #111111 !important;
    color: #ffffff !important;
}

.home-services-title:hover {
    color: var(--tp-common-yellow);
}

.tp-section-subtitle-3 span svg {
    color: var(--tp-common-yellow) !important;
}

.tp-footer-2-widget-menu ul li a:hover {
    color: var(--tp-common-yellow) !important;
}

.tp-footer-2-widget-menu ul li a {
    background-image: linear-gradient(#CDDC39, #CDDC39), linear-gradient(#FFEB3B, #FFEB3B) !important;
}

.tp-footer-2-contact-item span:hover a {
    color: var(--tp-common-yellow) !important;
}

.tp-copyright-2-social a:hover,
.tp-btn-project-sm:hover {
    background-color: var(--tp-common-yellow) !important;
}

.tp-project-3-meta {
    color: var(--tp-common-yellow) !important;
}

.ab-inner-hero-subtitle {
    color: var(--tp-common-yellow) !important;
}

.ab-about-content span {
    color: #000000;
    background-color: var(--tp-common-yellow);
}

.tm-hero-subtitle {
    color: var(--tp-common-yellow) !important;
}

.tm-hero-subtitle::after {
    background-color: var(--tp-common-yellow);
}

.cn-contactform-input input,
.cn-contactform-input textarea {
    border-bottom: 1px solid var(--tp-common-yellow) !important;
}
.tp-btn-black-md {
    background-color: #4CAF50 !important;
}
.tp-btn-black-md:hover {
    background-color: #8BC34A !important;
}

.footer-contact-btn {
    height: 45px;
    line-height: 35px;
    padding: 0px 35px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.14px;
    display: inline-block;
    text-transform: uppercase;
    color: var(--tp-common-white);
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    margin-left: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.footer-contact-btn:hover {
    background-color: #FFEB3B !important;
}



@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;
    }
}