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

Template Name: Digalu - Digital Marketing Agency Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Roboto
Main Color   : #8A6552

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

[Typography]

Body copy:    15px 'Roboto', sans-serif
Header:     36px 'Roboto', sans-serif
Input, textarea:  15px 'Roboto', sans-serif
Sidebar heading:  20px 'Roboto', 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
        - Slide Effect
        - Fade Effect
    06. Features
    07. About Us
        - Full Width Version
        - Default Version
    08. Services
        - Version One
        - Version Two
        - Version Three
    09. Why Choose Us
    10. Company Analysis/Graph
    11. Companies/Clients/Partner
    12. Team
    13. Testimonials
    14. Projects
    15. Gallery
    16. Our Expertise
    17. Work Process
    18. FAQ
    19. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    20. Error 404
    21. Footer
    22. PHP Contact Form
    23. Others

*/
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
/*
** General Styles for HTML tags
*/

/* Varialbes */
:root {
    --font-default: 'Questrial', sans-serif;
    --fontawesome: "Font Awesome 5 Pro";
    --black: #000000;
    --dark: #03112d;
    --dark-secondary: #001d4c;
    --dark-optional: #3e00a7;
    --white: #ffffff;
    --color-primary: rgb(214, 95, 53);
    --color-secondary: rgb(135, 32, 22);
    --color-optional: rgb(255, 30, 126);
    --color-heading: #df8333;
    --color-paragraph: #787878;
    --box-shadow-primary: -1px 3px 10px 0 rgba(214, 95, 53, 0.6);
    --box-shadow-secondary: 0 10px 30px 0 rgba(135, 32, 22, 0.4);
    --box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
    --bg-gray: #f3f7fd;
    --bg-gradient: linear-gradient(30deg, var(--color-secondary) 20%, var(--color-primary) 80%);

}

.text-color-primary {
    color: var(--color-primary);
}

.text-color-secondary {
    color: var(--color-secondary);
}

.item a.item-link {
    color: var(--color-secondary);
    text-decoration: dotted;
}

a.item-link:hover {
    text-decoration: dotted;
}

.item .site-heading {
    margin-bottom: 10px;
}

.item > h2 {
    font-size: 22px;
}

nav.navbar ul.nav>li>a {
    /* color: var(--white); */
    color:#000000;
}