body{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background:  #f2f4f8;
    margin:0;
    padding:0;
}
.review header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 120px;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.review .logo-container {
  display: flex;
  align-items: center;
  background-color: rgb(5, 5, 5);
  justify-content: center;
  height: 100%;
  gap: 15px;
}

.review .logo-container img {
  height: 120px;
}

.review .logo-container h1 {
  font-size: 52px;
  color: #5a70fb;
  font-weight: 700;
}
.review .rating h1{
   margin:0;
   font-size: 58px;
   font-weight: bold;
   margin-top:150px;
   margin-left:550px;
   color: #0f0606;
   
}
.subtitle{
    margin-top:6px;
    margin-left:500px;
    color:#100b0b;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:28px;
}
.rating-box{
    text-align:center;
    margin:15px 0 25px;
}
.star{
    font-size:32px;
    cursor:pointer;
    color:#ddd;
    transition: 0.3s;
    padding:5px;
}
.star.active {
    color: #f9b208;
}

label{
    display:block;
    text-align:left;
    margin-top:15px;
    font-weight:600;
    color:#444;
    margin-left:500px;
    
}
textarea,input{
    width:500px;
    padding:12px;
    margin-top:8px;
    margin-left:550px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:15px;

}
textarea{
    height:90px;
    resize:none;
}
.submit-btn{
    width:100%;
    background:  #007bff;
    color: #fff;
    padding:14px;
    margin-top:25px;
    font-size:17px;
    font-weight:600px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
    width:150px;

}
.submit-btn:hover{
    background: #005ec4;
}
.user-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #ddd;
    object-fit: cover;
}