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

Template Name: Ainox - AI Agency & Technology HTML Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Manrope
Main Color   : #2667FF

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

[Typography]

Body copy:    15px 'Manrope', sans-serif
Header:     36px 'Manrope', sans-serif
Input, textarea:  16px 'Manrope', sans-serif
Sidebar heading:  22px 'Manrope', 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
    04. Banner
        - Banner Creative
        - Banner Digital Agency
        - Banner Portfolio
    05. Services
        - Version One
        - Version Two
        - Service Single
	06. About
        - Version One
        - Version Two
    07. Project
        - Project Carousel
        - Project Grid
        - Project Single
    08. Why Choose Us
    09. Team
        - Team Version One
        - Team Single
    10. Testimonials
    11. Why Choose Us
    12. Faq
    13. Progress
    14. Brand / Partner
    15. Feature
    16. What We Offer
    17. Pricing
    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
*/

/*
** Text logo (domain name, uppercase)
** The header is dark both at the top of the page and after scrolling (.sticked),
** so a light logo stays readable in both states.
*/
.logo-text {
    display: block;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 28px;
    line-height: 56px;
    letter-spacing: 0.08em;
    white-space: nowrap;
    color: #ffffff;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}

nav.navbar.validnavs.sticked .logo-text {
    text-shadow: none;
}

.navbar-brand:hover .logo-text,
.navbar-brand:focus .logo-text {
    color: #ffffff;
}

.navbar-collapse > .logo-text {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
}

footer .footer-logo-text {
    height: auto;
    line-height: 1.2;
    margin-bottom: 30px;
    text-shadow: none;
}

.brand-logo {
    overflow: hidden;
    text-align: center;
}

.brand-logo .brand-logo-text {
    display: block;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: clamp(36px, 11vw, 200px);
    line-height: 1.1;
    letter-spacing: 0.04em;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.14);
}

@media (max-width: 1023px) {
    .navbar-brand .logo-text {
        font-size: 22px;
        line-height: 1;
    }
}