/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2024 | 19:25:35 */
.ribbon-container-one, .ribbon-container-two {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Aligns children from top to bottom */
  height: 100%; /* Ensures the container takes full height */
}

.custom-ribbon {
  position: absolute;
  top: 5px;
  left: -10px;
  background-color: #FF6347;
  padding: 5px 10px;
  color: white;
  font-weight: bold;
  transform: rotate(-45deg);
  z-index: 10;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}

.custom-ribbon2 {
  position: absolute;
  top: 310px;
  left: 135px;
  background-color: black;
  padding: 5px 10px;
  color: white;
  font-weight: bold;
/*   font-size:30px; */
/*   transform: rotate(-45deg); */
  z-index: 10;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}