body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-image: url('bg.jpg'); /* replace with your image path */
  background-size: cover;        /* stretches to fill screen */
  background-repeat: no-repeat;  /* prevents tiling */
  background-position: center;   /* centers the image */
  background-attachment: fixed;  /* optional: makes it stay on scroll */
}

.card{
    /*background-color:#ffffff26;*/
     background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  /*padding: 20px;*/
  /*margin: 30px;*/
  /*font-weight: bold;*/
}

.mybox{
     background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

input{
    background-color:#e9ecef !important;
}

.chat-header {
    background-color:#D2691E !important;
}

.container{
    --bs-gutter-x:0 !important;
    padding-x:5px;
}