/*------------------------------
    01. START FONT COLOR
------------------------------*/

body {
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h3,
.why-us h3,
.main-features .one-feature h5,
.recent-news .recent-news-slider .item h3,
.download-app h2,
.git-in-touch .contact-info .info-box h5,
.git-in-touch .contact-info .info-box a,
.blog-page .blog-box .blog-details h3 a,
aside.sidebar .categories ul li a,
aside.sidebar .recent-post .post h4 a,
aside.sidebar .tags ul li a,
.single-blog-page .blog-box .blog-details h3 {
    color: #272c3a;
}

/*------------------------------
    01. END FONT COLOR
------------------------------*/

/*------------------------------
    02. START MAIN COLOR
------------------------------*/
.themes-colors span,
.preloader,
.btn-theme.btn-colord:before,
.background-withcolor,
.foxapp-header.sticky,
.foxapp-header .dropdown-menu .dropdown-item:hover,
.foxapp-header .dropdown-menu .dropdown-item.active,
.box,
.clients-testimonial .testimonial-slider .item .client-testimonial,
.clients-testimonial .testimonial-slider .slick-dots li.slick-active button,
.prices .price-table .bottom,
.prices .price-table .top .offer,
.our-team .team-slider .slick-dots li.slick-active button,
.recent-news .recent-news-slider .slick-dots li.slick-active button,
.faq .accordion .card .card-header h5 .btn.collapsed,
nav .pagination .page-item.active .page-link,
aside.sidebar .gray-panel h3:after {
    background: #272C3A;
    /*Changed*/
    /*#fff*/
}

@media (max-width: 992px) {
    .foxapp-header {
        background: #272C3A;
        /*Changed*/
        /*#fff*/
    }
}


/*new*/
.foxapp-header .navbar .navbar-nav .nav-item>.nav-link {
    color: #fff;
}

.foxapp-header .navbar .navbar-nav .nav-item>.nav-link:before {
    background-color: #105a0f;
}

.slide .content-bottom h2 {
    color: #105a0f;
}

.background-withcolor .section-title h3,
.background-withcolor .section-title p {
    color: #fff;
}

.background-withcolor .section-title h3 span.white {
    color: #105a0f !important;
}

.about-app h2 {
    font-size: 40px;
    font-weight: 900;
    color: #272c3a;
}

.about-app p {
    font-size: 18px;
}

.features-circle .circle-svg {
    z-index: 0;
}

.main-features .one-feature p {
    color: #fff;
}

.main-features .one-feature h5 {
    color: #105a0f;
}

.slide {
    position: relative;
}

.slide::before {
    content: '';
    position: absolute;
    background: #272C3A;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.4;
}

.slide:after {
    z-index: 1;
}

.main-features .features-circle img{
    position: relative;
}


.main-slider .slick-dots li {
    width: 20px;
    height: 15px;
    transition: all ease 0.3s;
}

.main-slider .slick-dots li.slick-active {
    width: 40px;
}

.main-slider .slick-dots li button:before {
    display: none;
}

.main-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #dcdfe7;
    margin: 0 auto;
}

.main-slider .slick-dots li.slick-active button{
    background: #272C3A;
}
.git-in-touch .form-group .form-control{
    background: transparent;
}
/*end new*/


a,
.btn-white,
.lnr,
.section-title h3 span,
.other-features .other-features-slider .item h4,
.clients-testimonial .testimonial-slider .item .client-info h3,
.fun-facts .fact-box h5,
.fun-facts .fact-box h6,
.prices .price-table .top h4,
.prices .price-table .top h3,
.prices .price-table .top h5,
.our-team .team-slider .person h3,
footer .subscribe .subscribe-form h4,
.blog-page .blog-box:hover .blog-details h3 a,
.single-blog-page .blog-box .post-tag-area ul li a:hover,
.comments-container .comments-list li .reply:hover {
    color: #105a0f;
    /*Changed*/
}

.main-features .features-circle:before,
.clients-testimonial .testimonial-slider .item .client-info figure,
.faq .accordion,
.faq .accordion .card .card-header h5:after,
.git-in-touch .form-group .form-control,
footer .subscribe .subscribe-form .form-group .form-control,
aside.sidebar .search .form-group .form-control,
.single-blog-page .blog-box .blog-details blockquote,
.comments-form .form-group .form-control {
    border-color: #272C3A;
}

.clients-testimonial .testimonial-slider .item .client-testimonial:after {
    border-top-color: #272C3A;
}

.features-circle svg circle {
    stroke: #105a0f;
}

.lity,
.watch-video .video:before {
    background: rgb(16 90 15 / 35%);
}

/*------------------------------
    02. END MAIN COLOR
------------------------------*/

/*------------------------------
    03. START SECOND COLOR
------------------------------*/
.btn-theme,
.btn-theme:hover,
.boxes .box:after,
.git-in-touch .form-group .form-control~.focus-border,
aside.sidebar .search .form-group .form-control~.focus-border,
.comments-form .form-group .form-control~.focus-border {
    background: #105a0f;
    /*Changed*/
}

.our-team .team-slider .person:hover h3,
.our-team .team-slider .person ul li a,
.boxes .box:hover .lnr,
footer .copyright a:hover {
    color: #105a0f;
    /*Changed*/
}

#main_features h3 span {
    color: #fff;
}

#main_features .one-feature h5,
.main-features .right-side .one-feature span,
.main-features .left-side .one-feature span {
    color: #fff;
}

/*------------------------------
    03. END SECOND COLOR
------------------------------*/