.ev-card {
    background: linear-gradient(to bottom, #32261b, #1a0f07);
    border-radius: 10px;
    padding: 40px 10px;
    width: 570px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.ev-card:hover {
    transform: translateY(-5px);
}
  .ev-card img {
    width: 200px;
    height: auto;
    margin: 70px 5px 5px 5px;
}

  .ev-card-container {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1200px;

}
  .ev-top {
    background-color: #1c150f;
    color: #fff;
    font-size: 18px;

    padding: 10px 0px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
  .ev-top .ev-title {
  color: #e9c392; 
font-family:'Warhaven' !important;
font-size: 28px;"

  }

  .page__title {
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 6vh;
margin: 0 auto;
position: relative;
z-index: 1;
color: #ede0cb;
text-shadow: 0vh 1vh 2vh rgba(0, 0, 0, 0.3);
width: 1170px;
height: 250px;
        position: relative; width: 100%; aspect-ratio: 16/5; overflow: hidden; margin-bottom: 10px;
}
.page__title_name {
position: absolute;
top: 32%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 5vh;
margin: 0 auto;
color: #ede0cb;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
}
.page__title_name2 {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 2.2vh;
margin: 0 auto;
color: #fff;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 1));
text-align: center;
flex-direction: column;
width: 100%;
}
.page__title_name2 span {
font-size: 3vh;
margin-bottom: 0.3vh;
font-family:'Warhaven' !important;
color:#e9c392;
}
.page__title img {
width: 13vh;
margin-right: 0vh;
        filter: drop-shadow(1px 1px 1px black);
}
        
   
        
@media screen and (max-width: 1200px) {
.page__title {
height: 150px !important;
}
.page__title_name {
font-size: 3vh !important;
top: 25%;
}
.page__title_name2 {
font-size: 1.5vh !important;
}
.page__title img {
width: 10vh !important;
}
}