.services-area {
        }
        
        .services-area .widget-title {
            color: var(--color-heading);
        }
        
        .services-area .widget-title:after {
        }
        
        .service-icon {
        }
        
        .service-title,
        .service-title a {
        }
        
        .service-desc {
            color: var(--color-heading);
        }
        
        .employees-area {
        }
        
        .employees-area .widget-title {
            color: var(--color-heading);
        }
        
        .employees-area .widget-title:after {
        }
        
        .employee-name {
        }
        
        .employee-position,
        .employee-social a {
        }
        
        .employee-desc {
            color: var(--color-muted-light);
        }
        
        .testimonials-area {
        }
        
        .testimonials-area .widget-title {
            color: var(--color-heading);
        }
        
        .testimonials-area .widget-title:after {
        }
        
        .client-function {
        }
        
        .client-name {
        }
        
        .testimonial-body {
        }
        
        .testimonial-body:after {
        }
        
        .testimonial-body {
            color: var(--color-heading);
        }
        
        .skills-area {
        }
        
        .skills-area .widget-title {
            color: var(--color-heading);
        }
        
        .skills-area .widget-title:after {
        }
        
        .skill-bar div {
        }
        
        .skills-desc,
        .skills-list {
            color: var(--color-skill);
        }
        
        .facts-area {
        }
        
        .facts-area .widget-title {
            color: var(--color-heading);
        }
        
        .facts-area .widget-title:after {
        }
        
        .fact {
        }
        
        .fact-name {
            color: var(--color-heading);
        }
        
        .clients-area {
        }
        
        .clients-area .widget-title {
            color: var(--color-heading);
        }
        
        .clients-area .widget-title:after {
        }
        
        .slick-prev:before,
        .slick-next:before {
        }
        
        .blockquote-area {
        }
        
        .blockquote-area .widget-title {
            color: var(--color-heading);
        }
        
        .blockquote-area .widget-title:after {
        }
        
        .blockquote-area blockquote:before {
        }
        
        .blockquote-area blockquote {
            color: var(--color-heading);
        }
        
        .social-area {
        }
        
        .social-area .widget-title {
            color: var(--color-heading);
        }
        
        .social-area .widget-title:after {
        }
        
        .social-area a:before {
        }
        
        .projects-area {
        }
        
        .projects-area .widget-title {
            color: var(--color-heading);
        }
        
        .projects-area .widget-title:after {
        }
        
        .project-image {
        }
        
        .link-icon,
        .pp-icon {
        }
        
        .latest-news-area {
        }
        
        .latest-news-area .widget-title {
            color: var(--color-heading);
        }
        
        .latest-news-area .widget-title:after {
        }
        
        .latest-news-area .entry-title a {
            color: var(--color-heading);
        }
        
        .blog-post {
            color: var(--color-heading);
        }
        
        .all-news {
        }
        
        .action-area {
        }
        
        .action-area .widget-title {
            color: var(--color-heading);
        }
        
        .action-area .widget-title:after {
        }
        
        .action-text {
            color: var(--color-muted-lighter);
        }
        
        .call-to-action {
        }
        
        .call-to-action {
            box-shadow: var(--shadow-cta);
        }
        
        .welcome-desc {
            color: var(--color-light);
        }
        
        .welcome-button {
            background-color: var(--color-cta);
        }
        
        .welcome-button {
            box-shadow: 0 5px 0 var(--color-cta);
        }
        
        .welcome-button:active {
            box-shadow: 0 2px 0 var(--color-cta);
        }
        
        .post-navigation .nav-previous,
        .post-navigation .nav-next,
        .paging-navigation .nav-previous,
        .paging-navigation .nav-next,
        .comment-respond input[type="submit"] {
            background-color: var(--color-accent);
        }
        
        .main-navigation a:hover,
        .entry-title a:hover,
        .entry-meta a:hover,
        .entry-footer a:hover,
        .social-widget li a::before,
        .author-social a,
        .widget a:hover,
        blockquote:before {
            color: var(--color-accent);
        }
        
        .panel.widget .widget-title:after,
        .so-panel.widget .widget-title:after {
            border-color: var(--color-accent);
        }
        
         ::selection {
            background-color: var(--color-accent);
        }
        
         ::-moz-selection {
            background-color: var(--color-accent);
        }
        
        .site-description {
            color: var(--color-muted);
        }
        
        .entry-title,
        .entry-title a {
            color: var(--color-text-strong);
        }
        
        body {
            color: var(--color-text);
        }
        
        .top-bar {
            background-color: var(--color-primary);
        }
        
        .main-navigation a {
        }
        
        .footer-widget-area,
        .site-footer {
            background-color: var(--color-footer);
        }
        
                .site-logo {
            display: inline-block;
            width: auto;
            max-height: 40px;
            height: 40px;
            margin-right: 12px;
            vertical-align: middle;
        }
        
        .welcome-logo {
            max-width: 800px;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .main-navigation li,
        .fact,
        .all-news,
        .welcome-button,
        .call-to-action .employee-position,
        .post-navigation .nav-previous,
        .post-navigation .nav-next,
        .paging-navigation .nav-previous,
        .paging-navigation .nav-next {
            font-family: var(--font-primary)
        }
        
        body {
            font-family: var(--font-primary)
        }
        
        h1 {
            font-size: var(--fs-h1);
        }
        
        h2 {
            font-size: var(--fs-h1);
        }
        
        h3 {
            font-size: var(--fs-h3);
        }
        
        h4 {
            font-size: var(--fs-h4);
        }
        
        h5 {
            font-size: var(--fs-nav);
        }
        
        h6 {
            font-size: var(--fs-body);
        }
        
        body {
            font-size: var(--fs-body);
        }
        
        .main-navigation li {
            font-size: var(--fs-nav);
        }
        
        .site-branding,
        .main-navigation li {
            padding-top: var(--spacing-band);
            padding-bottom: var(--spacing-band);
        }
        
        .menu-toggle {
            margin: var(--spacing-gutter) 0;
        }
        
        @media screen and (min-width: 992px) {
            .is-sticky .site-branding,
            .is-sticky .main-navigation li {
                padding-top: 5px;
                padding-bottom: 5px;
            }
        }
        
        @media only screen and (max-width: 991px) {
            .widget-area {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1025px) {
            .has-banner,
            .has-banner::after {
                max-height: 330px;
            }
        }
        
        @media only screen and (min-width: 1199px) {
            .has-banner,
            .has-banner::after {
                max-height: 600px;
            }
        }
        
        @media only screen and (min-width: 991px) {
            .welcome-info {
                top: 200px;
            }
        }
        
        @media only screen and (min-width: 1199px) {
            .welcome-info {
                top: 222px;
            }
        }