/* ================= REVIEW PAGE ================= */


.review-page{

padding:80px 20px;

background:#f8f9f7;

}


.review-container{

max-width:900px;

margin:auto;

}




.review-header{

text-align:center;

margin-bottom:45px;

}


.review-header p{

color:#666;

font-size:16px;

}





.review-card{

background:white;

border-radius:25px;

overflow:hidden;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}





.review-card-header{

background:#0E2F2B;

color:white;

padding:30px;

display:flex;

align-items:center;

gap:15px;

}



.review-card-header i{

color:#C6A75E;

font-size:28px;

}



.review-card-header h3{

margin:0;

font-size:22px;

}






.review-body{

padding:45px;

}





.form-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}




.form-group{

margin-bottom:25px;

}



.form-group label{

display:block;

font-weight:600;

color:#1B4332;

margin-bottom:10px;

}




.form-group input,
.form-group textarea{


width:100%;

padding:15px 18px;

border:1px solid #ddd;

border-radius:12px;

font-size:15px;

outline:none;

transition:.3s;

}



.form-group textarea{

resize:none;

}



.form-group input:focus,
.form-group textarea:focus{


border-color:#C6A75E;

box-shadow:0 0 0 4px rgba(198,167,94,.15);

}






/* Stars */


.rating{

display:flex;

flex-direction:row-reverse;

justify-content:flex-end;

gap:8px;

}



.rating input{

display:none;

}



.rating label{

font-size:38px;

color:#ddd;

cursor:pointer;

transition:.25s;

}



.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label{

color:#C6A75E;

}






/* Image Preview */


.image-preview img{

width:90px;

height:90px;

margin-top:15px;

border-radius:50%;

object-fit:cover;

border:3px solid #C6A75E;

}






/* Submit */


.review-submit{


width:100%;

padding:16px;

border:none;

border-radius:50px;

background:#0E2F2B;

color:white;

font-size:16px;

font-weight:600;

cursor:pointer;

display:flex;

align-items:center;

justify-content:center;

gap:10px;

transition:.3s;

}



.review-submit:hover{

background:#C6A75E;

transform:translateY(-3px);

}






@media(max-width:700px){


.review-page{

padding:50px 15px;

}



.review-body{

padding:25px;

}



.form-grid{

grid-template-columns:1fr;

}



.rating label{

font-size:32px;

}


.review-card-header{

padding:25px;

}



}