ul {
  list-style: none;
	padding:0; margin:0;
}
.why-atten-cont ul li {
  height: 351px;
  width: 32%;
  background: #fff;
  color: #fff;
  vertical-align: top;
  margin: 7px 5px;
  transition: .3s ease-in-out;
  overflow: hidden;
  border-radius: 5px;
display: inline-block;
position:relative;
}
.why-atten-cont ul li a{
	text-decoration:none!important;
  height:82%;
}
.why-atten-cont ul li.whyatten-img-1 {
  width: 65%;
  position: relative;
  cursor: pointer;
}
.why-atten-cont ul li.whyatten-img-1 img.video-img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}
.whyatten-list span{
	position:relative;
  font-size:22px;
  display: flex;
  align-items: center;
  height: auto;
  bottom:105px;
  padding: 0 70px 0 20px;
  z-index: 1;
  margin: 0;
  font-weight:bold;
  color: #fff;
  line-height:34px;
  width: 100%;
}
.whyatten-list:after
 {
    content: "";
    position: absolute;
    width:71px;
    height:71px;
    bottom:0px;
    right: 0px;
    background: url(https://www.manageengine.com/events/2026/userconf/images/uc-new-window-arrow.png) no-repeat 0 0;
    background-size:44%;
    z-index: 1;
}
/* MOBILE FIX */

  .why-atten-cont {
    max-width:1024px;
	  margin:0 auto;
  }
@media screen and (max-width:1023px) {
	.why-atten-cont{
		margin:0 auto;
    justify-content: center;
        display: flex;
	}
	.why-atten-cont ul li{
		width:100%!important;
		display:grid;
		justify-content:center;
    height:390px;
	}
.image1{
	content:url("https://www.manageengine.com/events/2026/userconf/images/centro-caribe-uc-whyattend1-mobile-view-2026.webp");
	height: 390px;width: 492px;
}
.image2{
	content:url("https://www.manageengine.com/events/2026/userconf/images/centro-caribe-uc-whyattend2-mobile-view-2026.webp");
	height: 390px;width: 492px;
}
.image3{
	content:url("https://www.manageengine.com/events/2026/userconf/images/centro-caribe-uc-whyattend3-mobile-view-2026.webp");
	height: 390px;width: 492px;
}
.image4{
	content:url("https://www.manageengine.com/events/2026/userconf/images/centro-caribe-uc-whyattend4-mobile-view-2026.webp");
	height: 390px;width: 492px;
}
}
.whyatten-list:hover img{
	transform: scale(1.1);
    transition: transform .3s ease 0s;
}
.whyatten-list:hover:after{
  transition: transform .3s ease 0s;
  transform: scale(.8);
}

@media screen and (max-width:550px) {
	.image1, .image2, .image3, .image4{
		width:422px;
	}
	.why-atten-cont ul li{
		margin:0px;
	}
}
@media screen and (max-width: 480px) {
  .why-atten-cont ul li {
        height:400px;
    }
}
@media screen and (max-width: 430px) {
  .image1, .image2, .image3, .image4 {
    width: 367px;
	  height: 341px;
  }
  .why-atten-cont ul li {
        height: 350px;
    }
}
@media screen and (max-width: 390px) {
  .image1, .image2, .image3, .image4 {
    width: 327px;
	  height: 300px;
  }
  .why-atten-cont ul li {
    height: 306px;
}
}