/*
============================
Name:  Quad - Sass Landing Page Theme
Version: 1.0.2
Description: Quad - Sass Landing Page Theme
Author: Vikiglab
Author URI :https://themeforest.net/user/vikinglab/portfolio
Location:
============================
*/

    
:root {
    --primary: #1e90ff;
    --hfb-primary: #23717b;
    --hfb-secondary: #2a5ba4;
    --bg: rgba(0,105,255,0.065);
    --hfb-bg: rgba(93, 189, 113, 0.2);
    --hfb-bg-secondary: rgba(35, 113, 123, 0.2);
    --box-shadow: 0px 3px 50px rgba(35, 113, 123, 0.05);
    
    --nexa-pink: #dbd6d6;
    --nexa-teal: #23717b;
    --nexa-blue: #2a5ba4;
    --nexa-orange: #ffb12d;
    --nexa-green: #5dbd71;
    --nexa-dark: #1d3f71;

    --body-regular: "lato", sans-serif;
    --heading-regular: "loos-normal", sans-serif;
    
}
.counter1-section-area .counter-auhtor-area .counter-box1 p {
    font-size: 17px!important;
}

.mobile-haeder1 {
    background-color: rgba(0, 0, 0, 0.5);
}

.slider1-section-area .marquee-wrap {
    background-color: var(--nexa-teal);
}

.brand-section-area {
    background-color: var(--nexa-teal);
}
/* sub headers */
.service1-section-area .service1-header span, .more-features-scetion-area .more-features-header span, .testimonial2-section-area .testimonial2-header span, .works1-section-area .works-bg-area .works-header span {
    color: var(--nexa-green);
    background: transparent;
}

.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets .swiper-pagination-bullet, .mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get {
    background-color: var(--nexa-green);
    border-color: var(--nexa-green)!important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--nexa-green)!important;
}

.swiper-pagination-bullets .swiper-pagination-bullet::after {
    border-color: var(--nexa-green);
}

.more-features-scetion-area .more-features-box:hover {
    background-color: var(--nexa-green);
}

.more-features-scetion-area .more-features-box .features-icon, .service1-section-area .service-vertical-tabs .service-tabs-grid .tabs-content-area {
    background: rgba(93, 189, 113, 0.1);
}

.service1-section-area .service-vertical-tabs .menu div.active .tabs-content-area {
    background: var(--nexa-green);
}

.service1-section-area .service-vertical-tabs .service-tabs-grid .tabs-content-area .tabs-btn-icon {
    background: white;
}

.tabs-btn-icon img {
    filter: hue-rotate(217deg) brightness(1.6) !important;
}

.footer-section-area .footer-last-section .copyright-social-area ul li p, .footer-section-area .footer-last-section .copyright-social-area ul li a {
    color: white;
}

.footer-section-area .footer-last-section .copyright-social-area ul li::after {
    background: transparent;
}

.features1-section-area .features-box-area .features-author-box, .footer-section-area .footer-last-section, .header-area.homepage1 .header-elements {
    border: 0px;
}

.header-area.homepage1.sticky {
    background: rgba(0,0,0,0.75);
}

.footer-section-area .footer-last-section {
    margin-top: 50px;
    padding: 30px 28px;
}

.brand-section-area .marquee-wrap2, .brand-section-area .marquee-wrap {
    background-color: transparent;
}

.footer-section-area .footer-last-section .copyright-social-area {
    border-top: 0px;
    padding-top: 0px;
}

.marquee-wrap {
    margin-bottom: 50px;
}

.marquee-wrap .brand-single-box img {
    max-width: 140px!important;
    margin-right: 50px;
}

a.header-btn, a.header-btn1::after {
    background: var(--nexa-green)!important;
    border-color: var(--nexa-green)!important;
}

#testimonials .slick-slide img {
    opacity: 0.3!important;
}

a.header-btn:hover, a.header-btn::after {
    background: var(--nexa-orange)!important;
}

@media screen and (max-width: 700px) {

.swiper-slide .entity-img {
    object-fit: contain;
}

.slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3 {
    font-size: 25px;
}
}