body{
    font-family:'Poppins',sans-serif;
    background:#0f172a;
    color:white;
}

.navbar{
    background:#111827;
}

.hero-section{
    padding:100px 0;
}

.hero-section h1{
    font-size:60px;
    font-weight:700;
}

.hero-section h4{
    color:#cbd5e1;
    margin-top:15px;
}

.hero-section p{
    margin-top:20px;
    font-size:18px;
    color:#94a3b8;
}

.hero-circle{
    width:250px;
    height:250px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #7c3aed,
        #f59e0b
    );

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:100px;

    margin:auto;
}




@media(max-width:768px){

.hero-section{
    padding:60px 0;
}

.hero-section h1{
    font-size:42px;
}

.hero-circle{
    width:180px;
    height:180px;
    font-size:70px;
}

.agent-card{
    margin-bottom:20px;
}

.glass-box{
    padding:25px;
}

}


@media(max-width:768px){

.sidebar{

min-height:auto;

}

#chat-area{

height:auto;

min-height:500px;

}

.jigyasa,
.pragya{

max-width:90%;

}

}