Rating.css

 .u-section-1 {
   background-image: url("./images/soon.jpg");
 }

 .u-section-1 .u-sheet-1 {
   min-height: 900px;
 }

 @media (max-width: 1199px) {
   .u-section-1 .u-sheet-1 {
     min-height: 812px;
   }
 }

 @media (max-width: 991px) {
   .u-section-1 .u-sheet-1 {
     min-height: 716px;
   }
 }

 @media (max-width: 767px) {
   .u-section-1 .u-sheet-1 {
     min-height: 637px;
   }
 }

 @media (max-width: 575px) {
   .u-section-1 .u-sheet-1 {
     min-height: 549px;
   }
 }

 * {
   margin: 0;
   padding: 0;
 }

 .rate {
   float: left;
   height: 46px;
   padding: 0 10px;
 }

 .rate:not(:checked)>input {
   position: absolute;
   top: -9999px;
 }

 .rate:not(:checked)>label {
   float: right;
   width: 1em;
   overflow: hidden;
   white-space: nowrap;
   cursor: pointer;
   font-size: 30px;
   color: #ccc;
 }

 .rate:not(:checked)>label:before {
   content: '★ ';
 }

 .rate>input:checked~label {
   color: #ffc700;
 }

 .rate:not(:checked)>label:hover,
 .rate:not(:checked)>label:hover~label {
   color: #deb217;
 }

 .rate>input:checked+label:hover,
 .rate>input:checked+label:hover~label,
 .rate>input:checked~label:hover,
 .rate>input:checked~label:hover~label,
 .rate>label:hover~input:checked~label {
   color: #c59b08;
 }

 .rating {
   text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-weight: 700 !important;
   margin-top: 35px !important;
 }

 body {
   margin-left: 30px;
   margin-right: 30px;
 }

 #sec-52e3 {
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 80px;
   padding-left: 0%;
 }

 body {
   margin-left: 0px !important;
 }

 .frame {
   margin-left: 12px !important;
 }