@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');


/* Light Mode (Default) */
:root {
    --bg: #ffffff;
    --text: #1c1e21;
    --primary: #1877f2; /* Facebook Blue */
    --border: #e4e6eb;
    --card: #ffffff;
}

/* Dark Mode */
body.dark {
    --bg: #18191a;
    --text: #e4e6eb;
    --primary: #2374e1;
    --border: #3a3b3c;
    --card: #242526;
}
a
{
    text-decoration: none !important;
}
a:hover
{
    text-decoration: underline !important;
    color: var(--primary) !important;
}

body{
    font-family: 'Sora',sans-serif !important;
    background-color: #f7faff !important;
}

h1{
    font-size: 2rem !important;
    font-weight: 800;
}
h2{
    font-size: 1.5rem !important;
    font-weight: 800;
}
h3{
    font-size: 1rem !important;
    font-weight: 800;
}
h4{
    font-size: 0.5rem !important;
    font-weight: 800;
}

.home .hero 
{
    min-height: 90vh !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.home .hero h1{
    font-size: 6rem !important;
    font-weight: 800;
}

.nav-link{
    font-weight: 400 !important;
}

/* About - Home */
.home .heroAbout 
{
    min-height: 100vh !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #eef5ff;
}

.heroAbout h2, .heroServices h2, .heroBrands h2, .heroWhy h2, .heroBlogs h2, .servicehead{
    font-size: 3rem !important;
    font-weight: 800;
}

/* Services - Home */
.home .heroServices, .heroService
{
    min-height: 70vh !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

/* Brands - Home */
.home .heroBrands 
{
    min-height: 40vh !important;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: #f3f3f37c;
}

/* Footer  */
footer ul
{
    list-style: none;
    padding: 0;
}

footer a
{
    color: #000 !important;
}

#industyCard:hover
{
    background-color: #fff;
    transition: ease;
    box-shadow: 0px 1px 12px 0px rgba(63, 63, 63, 0.034);
}