@charset "utf-8";
/* CSS Document */

.secEv-boxes-5 {
  margin-top: 4rem;
  width: 100%;
  border-top: 2px solid #ddd;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
  height: 65vh;
  background-color: #1f3646;
}
.evBox-5 {
  width: 90%;
  height: 50vh;
  position: relative;
  margin: 0 auto;
  margin-top: 6rem;
}
.evBox-5-img {
  width: 50%;
  height: 65%;
  position: absolute;
  top: 0;
  left: 5%;
  overflow: hidden;
  border-radius: 10px;
}
.box-shadow {
  box-shadow: 5px 4px 6px 0px rgba(128, 0, 0, 0.78);
}
.evBox-5-img-right {
  width: 50%;
  height: 65%;
  position: absolute;
  top: 0;
  right: 5%;
  overflow: hidden;
  border-radius: 20px;
}
.evBox-5-img-right img {
  margin-top: -10rem;
  margin-left: 0rem;
}
.evBox-5-img img {
  object-fit: cover;
  width: 100%;
  height: 130%;
}
.evBox-5-Desc {
  width: 50%;
  height: 70%;
  background-color: #6495ed;
  position: absolute;
  top: 18%;
  left: 40%;
  padding: 2rem;
  color: 0a0707;
  /*box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;*/
}

.glass {
background: rgba(233 117 117 / 37%);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.evBox-5-Desc-right {
  width: 50%;
  height: 70%;
  /*background-color: #6495ed;*/
  position: absolute;
  top: 18%;
  right: 40%;
  padding: 2rem;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background-image: url("../img/6.jpg");
}
.evBox-5-Desc-right p {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2rem;
  color: #040614;

/* From https://css.glass */
background: rgba(255, 255, 255, 0.46);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);  
  
}

.evBox-5-Desc p {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2rem;
  color: white;
}