/* ==========================================================
   VARTIKA INDIA SERVICES
   HEADER CSS
========================================================== */

/* CSS Variables */

:root {

    --primary: #0d6efd;
    --primary-dark: #0a58ca;
    --secondary: #0b132b;

    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;

    --white: #ffffff;
    --light: #f8fafc;
    --gray: #6c757d;
    --border: #e5e7eb;

    --text: #1f2937;
    --heading: #111827;

    --radius: 14px;

    --shadow-sm: 0 4px 12px rgba(0,0,0,.08);
    --shadow-md: 0 10px 30px rgba(0,0,0,.10);
    --shadow-lg: 0 18px 50px rgba(0,0,0,.15);

    --transition: .3s ease;

}

/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Inter',sans-serif;
    background:#fff;
    color:var(--text);
    line-height:1.7;
    overflow-x:hidden;

}

/* Headings */

h1,h2,h3,h4,h5,h6{

    font-family:'Poppins',sans-serif;
    color:var(--heading);
    font-weight:700;
    margin-bottom:15px;

}

p{

    margin-bottom:18px;
    color:#555;

}

/* Links */

a{

    text-decoration:none;
    transition:var(--transition);
    color:inherit;

}

a:hover{

    color:var(--primary);

}

/* Images */

img{

    max-width:100%;
    display:block;

}

/* Lists */

ul{

    list-style:none;
    margin:0;
    padding:0;

}

/* Container */

.container{

    max-width:1320px;

}

/* Sections */

section{

    padding:90px 0;

}

/* Buttons */

.btn-primary{

    background:var(--primary);
    border:none;
    border-radius:50px;
    padding:14px 34px;
    font-weight:600;
    transition:var(--transition);

}

.btn-primary:hover{

    background:var(--primary-dark);
    transform:translateY(-2px);

}

.btn-outline-primary{

    border:2px solid var(--primary);
    border-radius:50px;
    padding:13px 32px;
    color:var(--primary);
    transition:var(--transition);

}

.btn-outline-primary:hover{

    background:var(--primary);
    color:#fff;

}

/* Cards */

.card{

    border:none;
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
    transition:var(--transition);

}

.card:hover{

    transform:translateY(-6px);
    box-shadow:var(--shadow-md);

}

/* Utilities */

.shadow-custom{

    box-shadow:var(--shadow-md);

}

.rounded-xl{

    border-radius:20px;

}

.text-primary{

    color:var(--primary)!important;

}

.bg-light-custom{

    background:#f8fafc;

}

/* Selection */

::selection{

    background:var(--primary);
    color:#fff;

}

/* Scrollbar */

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-track{

    background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);
    border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary-dark);

}