.black-ops-one-regular {
  font-family: "Black Ops One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.carousel-container {
background-color: rgb(39, 39, 39);
width: 1840px;
overflow: hidden;
 position: relative;
 margin-top: 115px;
}

.carousel-wrapper {
  overflow: hidden;
  position: relative;
  width: 1840px; 
  height: 900px;
  display: flex;
  background-color: rgb(20, 20, 20);
  
}

.carousel-items {
  display: flex;
  transition: transform 0.3s ease;
  background-color: rgb(134, 134, 134);
  position: relative;

}


.arrows{
  width: 1840px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
    background-color: rgb(34, 34, 34);
  gap: 20px;
  border-bottom: solid 5px rgb(160, 160, 160);
  height: 90px;
}

.left{

 border-radius: 30px;
 height: 50px;
 width: 100px;
 font-size: 50px;

 background-color: #333333;
 color: aliceblue;
  border-color: aliceblue;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	background-color:#eae0c2;
	border-radius:15px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:50px;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
   justify-content: center;
 display: flex;
 align-items: center;
}

.left:hover{
  background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	background-color:#ccc2a6;
}

.left:active{
  	position:relative;
	top:1px;
}
.right{
 border-radius: 30px;
 height: 50px;
 width: 100px;
 font-size: 50px;
 justify-content: center;
 display: flex;
 align-items: center;
 background-color: #333333;
 color: aliceblue;
 border-color: aliceblue;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	background-color:#eae0c2;
	border-radius:15px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:50px;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
   justify-content: center;
 display: flex;
 align-items: center;
}

.right:hover{
  background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	background-color:#ccc2a6;
}

.right:active{
  	position:relative;
	top:1px;
}


.item {
  width: 1840px; /* same as wrapper width */
  height: 900px;
  background-color: rgb(34, 34, 34);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120px;
  font-family: "Black Ops One", system-ui;
  color: aliceblue;
  flex-direction: column;
}

.itemi {
  width: 1840px; /* same as wrapper width */
  height: 1000px;
  background-color: rgb(34, 34, 34);
 position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 180px;
  font-family: "Black Ops One", system-ui;
  color: aliceblue;
}
.itemI {
  width: 1840px; /* same as wrapper width */
  height: 1000px;
  background-color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  font-family: "Black Ops One", system-ui;
  color: aliceblue;
  flex-direction: column;
  display: flex;
  padding-bottom: 100px;
   position: relative;
}
.itemp{
   width: 1700px; /* same as wrapper width */
   background-color: rgb(124, 122, 122);
   height: 700px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 10px;
    position: relative;
}
.blue{
  width: 566px;
  height: 700px;
  background-color: rgb(51, 51, 51);
 position: relative;
    background-image: url(no-image-available-icon-vector.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.bluet{
  width: 566px;
  height: 700px;
  background-color: rgb(51, 49, 49);
  font-size: 25px;
  text-align: center;
 position: relative;
}
.blue3{
  width: 566px;
  height: 700px;
  background-color: rgb(229, 255, 0);
   position: relative; 
   background-image: url(Loading_icon.gif);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.sketchfab{
  width: 566px;
  height: 700px;
}
.print{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
h1{
  margin-bottom: 20px;
}


.carousel-parent{
  gap: 100px;
}