cropped extra witdh from the right of the page

css/styles.css

@@ -3,6 +3,9 @@
   --color3: #f4f4fd;
   --color5: #31d0aa;
 }
+html {
+  height: 100vh;
+}
 body {
   font-family: "Roboto";
   font-weight: 500;
@@ -11,11 +14,17 @@ body {
   size: 16px;
   line-height: 24px;
   letter-spacing: 2%;
+
+  min-height: 100%;
+
 }
 *,
 *::before,
 *::after {
+  margin: 0;
+  padding: 0;
   box-sizing: border-box;
+  max-width: 100%;
 }
 ul,
 ol {
@@ -216,13 +225,13 @@ nav li.menu-contacts {
   width: 50px;
 }
 .hero-img-section {
-  width: 1440px;
+  width: 1250px;
   height: 600px;
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent),
     url(../images/people-office.jpg) center;
   background-repeat: no-repeat;
-
+  object-fit:cover;
   box-shadow: 0px 4px 4px 0px #00000026;
   display: flex;
   flex-direction: column;
@@ -253,6 +262,8 @@ nav li.menu-contacts {
   box-shadow: 0px 4px 4px 0px #00000026;
   border-radius: 4px;
 
+
+
   cursor: pointer;
   color: #ffffff;
 
@@ -264,7 +275,7 @@ button.btn-order-service:hover {
 }
 .section {
   width: 1154px;
-  padding: 120px 143px;
+  padding: 120px 50px;
   display: flex;
   flex-direction: column;
 }
@@ -278,7 +289,7 @@ button.btn-order-service:hover {
   width: 1154px;
 }
 .our-team {
-  width: 1440px;
+  width: 1250px;
   background-color: #f4f4fd;
 }
 .section ul {
@@ -563,7 +574,7 @@ Header background, team card background
 .footer {
   /* Footer */
 
-  width: 1440px;
+  width: 1250px;
   height: 312px;
 
   /* Dark-bg */

index.html

@@ -49,11 +49,7 @@ <h5 class="menu-logo">
           </address>
           <div class="active-menu-hover-div">
             <svg class="active-menu-hover">
-              <use
-                href="./images/icons.svg#icon-hover"
-                height="100"
-                y="-48"
-              />
+              <use href="./images/icons.svg#icon-hover" height="100" y="-48" />
             </svg>
           </div>
         </div>