/*
|--------------------------------------------------------------------------
| VedAgni Design System v1.0
|--------------------------------------------------------------------------
*/

@import url("testimonials.css");

:root{

    /* Brand */

    --va-primary:#E67E22;
    --va-primary-dark:#C96A15;

    --va-secondary:#1E3A8A;

    /* UI */

    --va-background:#F5F7FB;

    --va-card:#FFFFFF;

    --va-border:#E6EAF0;

    --va-text:#1F2937;

    --va-text-light:#6B7280;

    /* Success */

    --va-success:#22C55E;

    /* Warning */

    --va-warning:#F59E0B;

    /* Danger */

    --va-danger:#EF4444;

    /* Radius */

    --va-radius:16px;

    /* Shadow */

    --va-shadow:0 10px 30px rgba(0,0,0,.05);

    /* Transition */

    --va-transition:.25s ease;

}


*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--va-background);

    color:var(--va-text);

    font-family:Inter,sans-serif;

    font-size:15px;

}

/*
|--------------------------------------------------------------------------
| Headings
|--------------------------------------------------------------------------
*/


h1{

    font-size:34px;

    font-weight:700;

}

h2{

    font-size:26px;

}

h3{

    font-size:22px;

}

p{

    color:var(--va-text-light);

    line-height:1.7;

}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a{

    color:inherit;

    text-decoration:none;

}

/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
*/
img{

    max-width:100%;

    display:block;

}




body{

    margin:0;

    font-family:Inter,Arial,sans-serif;

    background:var(--bg);

    color:var(--text);

}

*{

    box-sizing:border-box;

}

img{

    max-width:100%;

    display:block;

}

.va-container{

    width:min(1200px,92%);

    margin:auto;

}


/*====================================================
CTA
====================================================*/

.va-cta{

       padding:140px 0;
background:linear-gradient(
    180deg,
    #f8fafc 0%,
    #eef4fb 100%
);

}

.va-cta-box{

    max-width:900px;

    margin:auto;

    text-align:center;

    background:#fff;

    padding:80px 60px;

    border-radius:30px;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

}


.va-cta-card{
    box-shadow:
        0 20px 60px rgba(15,23,42,.12);
}

.va-cta h2{

    margin:25px 0;

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    color:#16213E;

}

.va-cta p{

    max-width:650px;

    margin:0 auto;

    font-size:20px;

    line-height:1.8;

    color:#64748b;

}

.va-cta-buttons{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:20px;

}


/*====================================================
Footer
====================================================*/

.va-footer{

    background:var(--secondary);

    color:#fff;

    padding:90px 0 35px;
}

.va-footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:60px;

    align-items:flex-start;

}

.va-footer-brand img{

     height:80px;

    width:auto;

    margin-bottom:24px;

}

.va-footer-brand p{

    color:#cbd5e1;

    font-size:16px;

    line-height:1.8;

    max-width:320px;

}

.va-footer-links{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.va-footer-links h4{

    color:#ffffff;

    font-size:18px;

    margin-bottom:12px;

    font-weight:700;

}

.va-footer-links a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.25s;

}

.va-footer-links a:hover{

    color:var(--primary);

    padding-left:6px;

}

.va-footer-bottom{

    margin-top:60px;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.12);

    text-align:center;

    color:#94a3b8;

    font-size:15px;

}

.va-footer-bottom strong{

    color:#ffffff;

}

.va-footer-bottom a{

    color:var(--primary);

    text-decoration:none;

    font-weight:600;

}

.va-footer-bottom a:hover{

    text-decoration:underline;

}
/*====================================================
Landing Mobile Navigation
====================================================*/

.va-landing-mobile-nav{

    display:none;

}


/*====================================================
Scroll To Top
====================================================*/

.va-scroll-top{

    position:fixed;

    right:22px;

    bottom:95px;

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#ff6b00;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.3s;

    z-index:9998;

}

.va-scroll-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.va-scroll-top:hover{

    background:#e65f00;

}

.va-scroll-top i{

    width:22px;

    height:22px;

    stroke-width:2.5;

}

/*====================================================
Dashboard Header 
====================================================*/


.va-user-menu{
    position:relative;
}

.va-user-dropdown{
    position:absolute;
    right:0;
    top:60px;
    width:240px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    padding:16px;
    display:none;
    z-index:999;
}

.va-user-menu.open .va-user-dropdown{
    display:block;
}

.va-user-info{
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid #eee;
}

.va-user-dropdown a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    color:#222;
    text-decoration:none;
    border-radius:8px;
}

.va-user-dropdown a:hover{
    background:#f6f7fb;
}