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

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

Main Font    : Sora
Main Color   : #7476ff

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

[Typography]

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

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
    02. Preloader
    03. Topbar
	    - Topbar Style One
        - Topbar Style Two
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Banner Fade
        - Banner Slide
        - Banner Zoom
    06. About Us
	    - About Style One
        - About Style Two
    07. Services
        - Tab Version
        - Grid Version
        - Services Single
    08. Features
    09. Work Process
    10. Why Choose Us
    11. Fun Factor
    12. Pricing Table
    12. Partner World Wide
    13. Team
        - Grid Version
        - Carousel Version
        - Team Details
    14. Testimonials
		- Single Slider
        - Center Slider
    15. Projects
		- Grid Version
        - Carousel Version
        - Project Details
    16. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    17. Request Call Back
    18. FAQ
    19. Error 404
    20. Footer
    21. PHP Contact Form
    22. Others

*/

/*
** Write you custom css below
*/

/* Custom Rovera Brand Styling */
.navbar-brand .brand-text {
    display: inline-block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-left: 12px;
    vertical-align: middle;
    letter-spacing: 1px;
}

.navbar-brand {
    display: flex !important;
    align-items: center;
}

.navbar-brand .logo {
    height: 40px;
    width: auto;
}

.side .widget .logo {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.side .widget .logo .brand-text {
    display: inline-block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-left: 12px;
    letter-spacing: 1px;
}

.side .widget .logo img {
    height: 40px;
    width: auto;
}

/* Equal height for service cards */
.service-style-one-items .row {
    display: flex;
    flex-wrap: wrap;
}

.service-style-one-single {
    display: flex;
    margin-bottom: 0;
}

.service-style-one-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
}

.service-style-one-item h4 {
    min-height: 60px;
    display: flex;
    align-items: center;
}

.service-style-one-item p {
    flex-grow: 1;
}

/* iOS Safari fixes */
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Fix iOS viewport height issues */
@supports (-webkit-touch-callout: none) {
    body {
        min-height: -webkit-fill-available;
    }
}

/* Prevent iOS zoom on input focus */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    font-size: 16px !important;
}

/* Fix smooth scroll on iOS */
@media (max-width: 991px) {
    html {
        scroll-behavior: auto !important;
    }

    body.smooth-scroll-yes {
        overflow-x: hidden;
    }
}