.related-travels-main{
  padding-top: 30px;
}

.related-travels-content{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    gap:2%;
  }



.related-travels-item {
	display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 300px; 
    height: 300px; 
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    position:relative;
    margin-bottom:10px;
}

.related-travels-footer {
    padding: 10px 20px; 
    position:relative;
    z-index:2;
    display: block;
    height: 100%;
    width: 100%;
}

.related-travels-link {
    font-size: 32px;
    color: white !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: auto;
    align-items: start;
    justify-content: flex-end;
    padding: 15px;
}

.related-travels-item{
  position:relative;
  transition:all 0.3s ease;
  cursor: pointer;
}

.related-travels-item:hover:before{
  background:rgba(0,0,0,0.2);
}

.related-travels-item:before{
  content:"";
  border-radius: 16px;
  width:100%;
  height:100%;
  display:block;
  background:rgba(0,0,0,0.4);
  position: absolute;
  transition:all 0.3s ease;
  z-index:1;
  top:0;
  left:0;
  
}

@media (max-width:767px){
  .related-travels-content{
	 flex-wrap: wrap;
     gap: 10px;
     justify-content: center;
  }
  .related-travels-link {
    font-size: 24px;
  }
}