.guide-item{
 
 position: relative;
  text-align: center;
  border: #F7D875 2px outset;
  border-radius: 25px;
  padding: 15px;
  box-shadow: inset 5px 5px 20px 2px rgb(255 255 255 / 50%), inset -5px -5px 20px 2px rgb(0 0 0 / 50%), 1px 1px 20px 1px rgb(0 0 0 / 33%), -1px -1px 20px 1px rgb(0 0 0 / 27%);
  background: #009a44;
 cursor: pointer;
  color: white;
 
  box-shadow: var(--shadow-elevation-medium), inset 5px 5px 5px 0px rgb(255 255 255 / 50%);
   text-shadow: #000000 1px 1px 2px;
   flex: 1 1 350px;
  transition: transform 0.2s, box-shadow 0.2s;

    max-height: 200px;
   max-width: 350px;
}
.guide-item a{
  text-decoration: none;
 color: #d5b555; 
 
}
.guide-item p {
    color: #f2fff7;
    
}
.guide-item-header{
  color: #F7D875; 
  text-decoration: none; 
  margin: 0px; 
  font-size:  clamp(1rem, 0.6087rem + 1.7565vw, 1.75rem);
  text-shadow: 1px 1px 2px #000000;
}
.guide-header-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.guide-item h3 {
  margin: 0px;
  color: #F7D875;
  text-shadow: #000000 1px 1px 2px;
}
.guide-div-icon {
  border: #F7D875 1px solid; 
  border-radius: 25px; 
  padding: 5px;
  font-size: clamp(0.75rem, 0.4674rem + 1.413vw, 1.5625rem) !important;
  margin: auto;
}
.guide-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
 gap: 15px;
}
.guides-category {
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 5px;
    background-color: #F7D875;
    padding: 3px 10px;
    border-radius: 25px;
  text-shadow: #000000 1px 1px 3px;
    
}
.guides-category-blue {
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 5px;
    background-color: #F7D875;
    padding: 3px 10px;
    border-radius: 25px;
  text-shadow: #000000 1px 1px 3px;
    color:rgb(160, 253, 253) !important;
}
.guides-category-green {
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 5px;
    background-color: #F7D875;
    padding: 3px 10px;
    border-radius: 25px;
  text-shadow: #000000 1px 1px 3px;
    color:rgb(139, 255, 128) !important;
}