body {
  margin: 0;
  padding: 0;
  background-color: black; /* Background color for the bars */
}

.page-container {
  max-width: 1140px; /* Caps width at 1140px on large screens */
  width: 90%; /* Uses 90% of the viewport on smaller screens */
  margin: 0 auto;
  background-color: white;
  padding: 0px;
  box-sizing: border-box;
}

.v104_189 {
  width: 100%;
  height: 1080px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* Existing styles */
.v104_190 {
  width: 100%;
  height: 100%;
  background: linear-gradient(
      45deg,
      rgba(60, 73, 47, 0.7),
      rgba(77, 88, 55, 0.7),
      rgba(50, 65, 45, 0.7),
      rgba(85, 95, 60, 0.7)
    ),
    url('/images/camo.jpg'); /* Replace with your image URL */
  background-blend-mode: overlay;
  background-size: cover; /* Ensures the image covers the entire background */
  background-repeat: no-repeat; /* Prevents tiling */
  opacity: 2; 
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v105_20 {
  width: 68px;
  height: 329px;
  background: rgba(164,142,103,1);
  opacity: 1;
  position: absolute;
  top: 381px;
  left: 1302px;
  border: 1px solid rgba(0,0,0,0);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.v105_22 {
  width: 68px;
  height: 329px;
  background: rgb(209, 157, 68);
  opacity: 1;
  position: absolute;
  top: 681px;
  left: 1302px;
  border: 1px solid rgba(0,0,0,0);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.v104_191 {
  width: 85%;
  height: 94%;
  background: #867445; /* Manila folder buff color */
  position: absolute;
  top: 55px;
  left: 55px;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  border-radius: 0px 10px 30px 0px; /* Top-left: 20px, Top-right: 10px, Bottom-right: 30px, Bottom-left: 0px */
}

.v104_191::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 10%, transparent 30%) 0 0 / 10px 15px,
    radial-gradient(ellipse, rgba(0, 0, 0, 0.15) 8%, transparent 25%) 5px 5px / 12px 18px,
    radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 5%, transparent 20%) 3px 8px / 15px 10px;
  background-repeat: repeat;
  opacity: 0.25; /* Adjust for fleck visibility */
  pointer-events: none;
}
.v109_52 {
  width: 48px;
  height: 51px;
  background: rgba(90,88,88,1);
  opacity: 1;
  position: absolute;
  top: 68px;
  left: 142px;
  border-radius: 50%;
  transform: rotate(-90deg);
}
.v107_25 {
  width: 215px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 489px;
  left: 1353px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v107_27 {
  width: 215px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 772px;
  left: 1353px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v105_12 {
  width: 432px;
  height: 49px;
  background: transparent;
  padding: 16px 52px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 620px;
  left: 300px;
  overflow: hidden;
}
.v105_13 {
  width: 290px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 7px;
  left: 50px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v104_192 {
  width: 235px;
  height: 305px;
  background: url("../images/v104_192.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 17;
  opacity: 1;
  position: absolute;
  top: 47px;
  left: 133px;
  border: 1px solid rgba(0,0,0,1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.v105_2 {
  width: 432px;
  height: 65px;
  background: transparent; /* Changed from linear-gradient to transparent */
  padding: 16px 52px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 420px;
  left: 300px;
  overflow: hidden;
}
.v105_3 {
  width: 290px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 15px;
  left: 50px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 28px;
  opacity: 1;
  text-align: left;
}
.v105_9 {
  width: 432px;
  height: 65px;
  background: transparent;
  padding: 16px 52px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 520px;
  left: 300px;
  overflow: hidden;
}
.v105_10 {
  width: 290px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 10px;
  left: 50px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v105_16 {
  color: rgb(224, 60, 60);
  position: absolute;
  top: 500px;
  left: 100px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Raleway;
  font-weight: Medium;
  z-index: 11;
  font-size: 150px;
  opacity: 0.25;
  text-align: left;
  transform: rotate(-28deg);
  overflow: hidden
}
.v105_18 {
  width: 68px;
  height: 329px;
  background: rgba(164,142,103,1);
  opacity: 1;
  position: absolute;
  top: 79px;
  left: 1390px;
  border: 1px solid rgba(0,0,0,0);
}
.v107_24 {
  width: 215px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 150px;
  left: 1353px;
  font-family: Raleway;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.name {
  color: #fff;
}
.name {
  color: #fff;
}
.name {
  color: #fff;
}
span.paper-clip:after {
  width: 19px;
  height: 29px;
  content: " ";
  background: transparent;
  display: block;
  position: absolute;
  right: 2px;
  z-index: 20;
  top: 5px;
  border-radius: 10px;
  border: 2px solid rgb(73, 73, 73);
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
span.paper-clip {
  background:transparent;
  top:2.8%;
  left: 14%;
  height: 48px;
  z-index: 20;
  width: 23px;
  border-radius: 10px;
  border: 2px solid rgb(73, 73, 73);
  display: inline-block;
  position: absolute;
}
.v109_65 {
  width: 330px;
  height: 197px;
  background: url("../images/v109_65.png");
  background-repeat: no-repeat;
  z-index: 20;
  background-position: center center;
  background-size: cover;
  opacity: .5;
  position: absolute;
  top: 100px;
  left: 1020px;
  overflow: hidden;
}
.folder-tab {
  position: absolute;
  padding: 10px 20px; /* Add padding */
  font-family: 'Raleway', sans-serif; /* Use the Raleway font */
  font-size: 20px; /* Example font size */
  cursor: crosshair; /* Change cursor to pointer on hover */
  margin: 5px 0; /* Add margin */
  border-radius: 5px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0); /* Add shadow */
  font-weight: bold;
background-repeat: repeat;
  right: 444px; /* Position tabs to the right of folder */
  height: 210px; /* Tab "height" (now width due to rotation) */
  width: 25px;
  background-color: #867445; /* Slightly darker manila color */
  border: 1px solid #867445; /* Matching border */
  border-left: none; /* No border where tab meets folder */
  clip-path: polygon(0% 0%, 0% 100%, 100% 80%, 100% 20%); /* Wider left, narrower right */
  display: flex;
  align-items: center;
  justify-content: center;
  &:hover {
    background-color: #706d6d; /* Change background color on hover */
  }

  z-index: 9;
  text-transform: uppercase;
  writing-mode: vertical-rl; /* Vertical text orientation */
  text-orientation: mixed; /* Ensure text is readable */
}



/* Individual tab positioning */
.tab1 {

  top:70px
}

.tab2 {
  

  top:280px
}



.v105_13, .v105_3, .v105_10 {
  background-color: transparent; /* Example background color */
  border: none; /* Remove default border */
  z-index: 10; /* Ensure the button is on top */
  padding: 10px 20px; /* Add padding */
  font-family: 'Raleway', sans-serif; /* Use the Raleway font */
  z-index: 20;
  font-size: 26px; /* Example font size */
  cursor: crosshair; /* Change cursor to pointer on hover */
  margin: 5px 0; /* Add margin */
  border-radius: 5px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0); /* Add shadow */
  font-weight: bold;
  min-width: 30px; /* Minimum width */
}

.v105_13:hover, .v105_3:hover, .v105_10:hover {
  background-color: #706d6d; /* Change background color on hover */
}