.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1001}.modal-item{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;position:relative;text-align:center;@media screen and (max-width: 767px){padding:10px}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{color:#000;font-size:1.25rem;font-weight:700}.modal-body{font-size:1rem;line-height:1.5;padding:1rem 0}.close{background:none;border:none;font-size:1.5rem;cursor:pointer}.btn-submit{background-color:#245247;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.btn-submit:hover{background-color:#36b753}.rating-container{display:flex;flex-direction:column;align-items:center}.stars{display:flex;gap:10px;cursor:pointer;@media screen and (max-width: 767px){flex-wrap:wrap;gap:0px}}.star-container{display:flex;flex-direction:column;align-items:center}.stars i{font-size:2.4rem;color:#ccc;transition:color .3s ease;@media screen and (max-width: 767px){font-size:1.8rem}}.stars i.filled{color:gold}.bg_red{margin-top:10px;padding-top:1px;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff;background-color:#f66;width:28px;height:28px;border-radius:100%;@media screen and (max-width: 767px){width:22px;height:22px;font-size:14px}}.bg_yellow{margin-top:10px;padding-top:1px;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff;background-color:orange;width:28px;height:28px;border-radius:100%;@media screen and (max-width: 767px){width:22px;height:22px;font-size:14px}}.bg_green{margin-top:10px;padding-top:1px;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff;background-color:green;width:28px;height:28px;border-radius:100%;@media screen and (max-width: 767px){width:22px;height:22px;font-size:14px}}