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

Template Name: Tranzi - Transportation & Logistics Template
Author: validtheme
Description:
Version: 1.2

Main Font    : Inter
Main Color   : #FF5C01

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

[Typography]

Body copy:    15px 'Inter', sans-serif
Header:     36px 'Inter', sans-serif
Input, textarea:  15px 'Inter', sans-serif
Sidebar heading:  20px 'Inter', 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. Topbar
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Banner Style One
        - Banner Style Two
        - Banner Style Three
        - Banner Style Four
        - Banner Style Five
        - Banner Style Six
    06. Features
    07. About Us
        - Version One
        - Version Two
        - Version Three
    08. Services
        - Version One
        - Version Two
        - Version Three
        - Version Four
        - Version Five
        - Version Six
        - Service Single
    09. Gallery
        - Version One
        - Version Two
        - Version Three
        - Version Foiur
        - Gallery Single
    10. Team
        - Version One
        - Version Two
        - Team Single
    11. Request Quote
    12. Why Choose Us
    13. Our Expertise
    14. Companies/Clients/Partner
    15. Testimonials
    16. Work Process
    17. FAQ
    18. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    19. Error 404
    20. Footer
    21. PHP Contact Form
    22. Others

*/

/*
** General Styles for HTML tags
*/

footer .f-items,
footer .f-items.default-padding,
.footer-style-two .f-items {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

/* ============================================================== 
    # Glassmorphism Effect for Header on Scroll
=================================================================== */
nav.navbar.validnavs.navbar-sticky.sticked,
nav.navbar.validnavs.sticked,
.sticked {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

nav.navbar.validnavs.navbar-sticky.sticked.bg-dark,
.bg-dark nav.navbar.validnavs.sticked {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35) !important;
}

nav.navbar.validnavs.navbar-sticky.sticked .dropdown-menu {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
}