/* Case Study */

.case--study--list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1245px;
  width: 100%;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.case--study--list .case--study--item {
  clip-path: polygon(
    5% 0%,
    95% 0%,
    100% 5%,
    100% 95%,
    95% 100%,
    5% 100%,
    0% 95%,
    0% 5%
  );
  position: relative;
  padding: 12px;
  background: #d4d4d4;
  /* padding-bottom: 55px; */
}

.case--study--list .case--study--item:before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fdfff8;
  clip-path: polygon(
    5% 0%,
    95% 0%,
    100% 5%,
    100% 95%,
    95% 100%,
    5% 100%,
    0% 95%,
    0% 5%
  );
  transform: translate(-50%, -50%);
}

.case--study--list .case--study--item .thum--case--study,
.case--study--list .case--study--item .content--case--study {
  position: relative;
}

.case--study--list .case--study--item .thum--case--study {
  clip-path: polygon(4% 0, 96% 0, 100% 12%, 100% 100%, 0% 100%, 0% 13%);
  aspect-ratio: 1 / 0.5;
  overflow: hidden;
  margin-bottom: 20px;
}

.case--study--list .case--study--item .thum--case--study img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.case--study--list .case--study--item .content--case--study h3 {
  color: var(--black);
  font-size: 20px;
}

.case--study--list .case--study--item .content--case--study p,
.case--study--list .case--study--item .content--case--study span {
  color: var(--black);
  font-family: EnergyLight;
}

.case--study--list .case--study--item .content--case--study p {
  margin-top: 10px;
  /* overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical; */
}

.case--study--list .case--study--item .content--case--study a {
  color: var(--primary);
  font-family: "HaasGrotDispMedium";
}

.case--study--list .case--study--item .content--case--study .event--info {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  max-width: 80%;
  width: 100%;
  margin-bottom: 20px;
}

.case--study--list .case--study--item .content--case--study {
  padding: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.case--study--list .case--study--item .content--case--study .event--info > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.case--study--list
  .case--study--item
  .content--case--study
  .event--info
  > div
  img {
  width: 18px;
}

.case--study--list .case--study--item .content--case--study .event--type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 80%;
  width: 100%;
}

.case--study--list .case--study--item .content--case--study .event--type > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.case--study--list
  .case--study--item
  .content--case--study
  .event--type
  > div
  img {
  width: 24px;
}

.case--study--list
  .case--study--item
  .content--case--study
  .heading--event--type {
  font-size: 18px;
  color: var(--black);
  font-weight: bold;
}
.events--slide .bg--banner::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0) 79.94%, rgb(0, 0, 0) 100%);
}
.events--slide{
  height: 100%;
}

.events--slide .bg--banner{
	position: relative;
}

.case--study--item {
    overflow: hidden;
    min-width: 0;
}


.events--slide .swiper-pagination > .swiper-pagination-bullet {
  width: 17px;
  height: 2px;
  border-radius: 0px;
  background: rgb(255 255 255 / 30%);
  transition: 0.3s;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
  opacity: 1;
}

.events--slide
  .swiper-pagination
  > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 43px;
  background: var(--primary);
  transition: 0.3s;
}

.events--slide .swiper-pagination {
  bottom: 15px !important;
  z-index: 1;
}
/* Case Study end */

@media (max-width: 768px) {
  .case--study--list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
  }
  .case--study--list .case--study--item .content--case--study {
    padding: 0;
  }

  .case--study--list
    .case--study--item
    .content--case--study
    .event--info
    > div,
  .case--study--list
    .case--study--item
    .content--case--study
    .event--type
    > div {
    font-size: 12px;
    gap: 5px;
  }

  .case--study--list .case--study--item .content--case--study .event--info,
  .case--study--list .case--study--item .content--case--study .event--type {
    max-width: 100%;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .case--study--list
    .case--study--item
    .content--case--study
    .event--info
    > div
    img {
    width: 15px;
  }

  .case--study--list
    .case--study--item
    .content--case--study
    .event--type
    > div
    img {
    width: 16px;
  }

  .case--study--list .case--study--item .content--case--study h3 {
    font-size: 18px;
  }

  .case--study--list .case--study--item .content--case--study p {
    font-size: 15px;
  }

  .case--study--list
    .case--study--item
    .content--case--study
    .heading--event--type {
    font-size: 16px;
    margin-bottom: 0px;
  }

  .case--study--list .case--study--item {
    padding: 10px;
    padding-bottom: 20px;
  }
}