.chat-card {
    display:none !important;
    border-radius: 14px; 
    width: 100%;
    box-shadow: 0px 0px 6.65px 1.8px #00000063;
}
.chat-card-header {
    border-bottom: 2px solid #eee;
    gap: 14px;
    font-weight: 600;
    font-size:16px;
}
.chat-card-body {
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.chat-card-header .online {
    color:#3ABF38 !important;
    font-weight:500;
    font-size:15px;
    line-height: 1;
}
.user-message {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 24px;
    background: linear-gradient(-170deg,#2860AB,#163455) !important;
    margin-block: 15px;
    padding-block: 15px;
    padding-inline: 20px;
    font-size:12px;
    color:white;
    width:fit-content;
    text-align: end;
    margin-left:auto;
    font-weight:500;
}

.bot-message {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    background: #eee;
    margin-block: 15px;
    padding-block: 15px;
    padding-inline: 20px;
    font-size:12px;
    color:#505050;
    width:fit-content;
    text-align: start;
    margin-right:auto;
    font-weight:500;
}
.chat-input-box {
    box-shadow: 4.58px 3.66px 18.31px 0px #00000021;
    height:50px;
    border-radius:25px;
}

.chat-input-box input,.chat-input-box .btn {
    border:0px transparent !important;
    outline:none !important;
    shadow: none !important;
}
.chat-input-box input::placeholder {
    color:#A1A1A1 !important; 
}
.chat-card.fullscreen { 
    display:flex !important;
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: calc(100% - 60px);
    top: 0px;
    left: 0px;
    border-radius: 0px !important;
}
.custom-gradient2 {
    background: linear-gradient(-100deg,#2860AB,#163455) !important;
}