/* ----------------------------------

Template Name: Hexus - SaaS Landing Page HTML Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Poppins
Main Color   : #FF014F

-------------------------------------

[Typography]

Body copy:    15px 'Poppins', sans-serif
Header:     36px 'Poppins', sans-serif
Input, textarea:  16px 'Poppins', sans-serif
Sidebar heading:  22px 'Poppins', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    04. Banner
    05. Features
	06. Tools Integration
    07. Services / Solutions
    08. Thrusted Brand
    09. Pricing
    10. Process
    11. Testimonials
    12. SaaS Demo
    13. Blog
    14. Request Demo
    15. About
    16. Help Center
    17. Team
		- Team Details
    18. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/

/*
** General Styles for HTML tags
*/

/* =====================================================
   MyPerk brand overrides (loaded last)
   ===================================================== */

/* Larger brand logo in the nav */
.navbar-brand .logo { height: 50px !important; width: auto !important; }

/* Over the dark transparent hero we use the on-dark logo variant
   (engageit-logo-light.png): purple chip + white shopping-bag mark + white
   wordmark. No filter — flattening it to a white silhouette killed the icon.
   The full-color (dark-wordmark) version shows once the nav turns white on scroll. */
.navbar-brand .logo-display { filter: none; }

/* Dark footer also uses the on-dark variant — no filter, so the purple chip
   keeps its color and the mark stands out. */
.footer-top-style-one .logo img {
    height: 54px;
    width: auto;
}

/* Side slide-out panel sits on a dark bg → keep the crisp white silhouette. */
.side .widget .logo img {
    filter: brightness(0) invert(1);
    height: 54px;
    width: auto;
}

/* Mobile collapsed menu logo (light panel) — keep colored, sized */
.navbar-collapse > img { height: 46px; width: auto; }

/* =====================================================
   Hero background — on-brand violet gradient (replaces blue globe)
   ===================================================== */
.banner-style-one {
    background-image:
        radial-gradient(55% 75% at 82% 8%, rgba(168, 85, 247, 0.45) 0%, rgba(168, 85, 247, 0) 60%),
        radial-gradient(48% 60% at 6% 100%, rgba(124, 58, 237, 0.38) 0%, rgba(124, 58, 237, 0) 62%),
        linear-gradient(135deg, #150a31 0%, #271059 46%, #4c1d95 100%) !important;
    background-color: #150a31 !important;
}
/* Remove the globe illustration */
.banner-style-one .shape { display: none !important; }