fixed slider overlaps

css/bootstrap.css

@@ -6330,6 +6330,7 @@ a.close.disabled {
   position: relative;
   width: 80%;
   overflow: hidden;
+  left:10%;
 }
 
 .carousel-inner::after {
@@ -6462,12 +6463,13 @@ a.close.disabled {
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
-  width: 15%;
+  width: 10%;
   color: #fff;
   text-align: center;
   opacity: 0.5;
   transition: opacity 0.15s ease;
   height: 85%;
+  
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -6490,14 +6492,12 @@ a.close.disabled {
 		color: black;
 	font-size: 3em;
   left: 0;
-	margin-left: -80px;
 }
 
 .carousel-control-next {
 		color: black;
 	font-size: 3em;
   right: 0;
-	margin-right: -80px;
 }
 
 .carousel-control-prev-icon,