body {
   background-color: #eee;
 }
 
 .container {
   max-width: 1024px;
 }
 .radio_item {
   display: none;
 }
 
 .label_item {
   opacity: 0.4;
 }
 
 .list-num {
   padding-left: 1rem;
   font-size: 1.1rem;
 }
 .radio_item:checked + label {
   opacity: 1;
 }
 
 .star1:before,
 .star2:before,
 .star3:before,
 .star4:before,
 .star5:before {
   content: "";
   width: 55px;
   height: 55px;
   display: block;
   background-size: cover !important;
 }
 
 .star1:before {
   background: url("../images/star1.png");
 }
 
 .star2:before {
   background: url("../images/star2.png");
 }
 
 .star3:before {
   background: url("../images/star3.png");
 }
 
 .star4:before {
   background: url("../images/star4.png");
 }
 
 .star5:before {
   background: url("../images/star5.png");
 }
 
 .rating-titles {
   font-weight: 600;
 }
 
 ol {
   margin-bottom: 0rem;
   margin-top: 0.6rem;
 }

 
 .error-message{
   font-size: 0.9rem;
   color: #dc3545;
   display: none;
 }
 
 
 @media (max-width: 767.98px) {
   .star1:before,
   .star2:before,
   .star3:before,
   .star4:before,
   .star5:before {
     width: 35px;
     height: 35px;
   }
 
   
 }
 
 @media (max-width: 575.98px) {
   body {
     font-size: 15px;
   }
   .main-header {
     font-size: 1rem;
   }
 }