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

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

Main Font    : Sora
Main Color   : #F0601A

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

[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
*/

/* ==========================================================================
   PREMIUM DARK THEME CONTRAST & WIDGET OVERRIDES
   ========================================================================== */

/* Services Sidebar Widget Overrides */
.bg-dark .single-widget.services-list-widget {
    background: #121330 !important;
    border: 1px solid #1f2246 !important;
}
.bg-dark .services-list-widget ul li a {
    color: #a0a5c0 !important;
    transition: all 0.3s ease;
}
.bg-dark .services-list-widget ul li a:hover {
    color: #ffffff !important;
}
.bg-dark .services-list-widget ul li.current-menu-item a {
    background: #0e0f26 !important;
    border: 1px solid #ffb606 !important;
    color: #ffffff !important;
}

/* Blog Author & Pagination Overrides */
.bg-dark .post-author {
    background: #121330 !important;
    border: 1px solid #1f2246 !important;
    color: #ffffff !important;
}
.bg-dark .post-author p {
    color: #a0a5c0 !important;
}
.bg-dark .post-pagi-area {
    border-color: #1f2246 !important;
}
.bg-dark .post-pagi-area a .icon {
    background: #121330 !important;
    border: 1px solid #1f2246 !important;
    color: #ffb606 !important;
}
.bg-dark .post-pagi-area a .nav-title span {
    color: #a0a5c0 !important;
}
.bg-dark .post-pagi-area a:hover h5 {
    color: #ffb606 !important;
}

/* Contact Page Card & Map Overrides */
.bg-dark .contact-form-card {
    background-color: #121330 !important;
    border: 1px solid #1f2246 !important;
    color: #ffffff !important;
}
.bg-dark .contact-form-card p {
    color: #a0a5c0 !important;
}
.bg-dark .contact-style-one-info ul li .icon {
    background: #121330 !important;
    border: 1px solid #1f2246 !important;
    color: #ffb606 !important;
}
.bg-dark .google-maps {
    border: 1px solid #1f2246 !important;
}

/* Global Dark Form Controls (Inputs, Textareas) */
.bg-dark .form-control {
    background: #0e0f26 !important;
    border: 1px solid #1f2246 !important;
    color: #ffffff !important;
}
.bg-dark .form-control:focus {
    border-color: #ffb606 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 182, 6, 0.25) !important;
}
.bg-dark .form-control::placeholder {
    color: #555875 !important;
}

/* Dynamic Pagination Controls */
.bg-dark .pagination .page-link {
    background: #121330 !important;
    border-color: #1f2246 !important;
    color: #a0a5c0 !important;
}
.bg-dark .pagination .page-item.active .page-link,
.bg-dark .pagination .page-link:hover {
    background: #ffb606 !important;
    border-color: #ffb606 !important;
    color: #0e0f26 !important;
}