.event-dark-blue {
  color: #3C4467;
}


.event-dark {
  color: #2D334D;
}
.event-title-font {
  font-family: "STIX Two Text", serif;
}
.event-white {
  color: #fff;
}
.event-deep-blue {
  color: #2D334D;
}
.event-font-title {
  font-family: "STIX Two Text", serif;
}

.event-font-prg {
  font-family: "Inter", serif;
}
.event-slider {
  position: relative;
}

.event-list {
  margin-top: 60px;
}
.event-list .event-wrapper {
  display: flex;
  flex-direction: row;
  gap: 64px;
  flex-wrap: wrap;
}

/* .slick-list {
  margin: 0 -30px;
} */
.event-slider .slick-slide {
   width: 981px;
  height: 40%;
}

.event-slider .slick-slide .slick-center img{
  width: auto;
}

.event-slider-title {
  width: 70%;
  margin-left: 50px;
  /* position: absolute; */
  z-index: 3;
  /* top: 70%;
  left: 8%; */
}

/* .event-slide .event-slider-image img{
  position: relative;
  overflow: hidden;
}

.event-slide .event-slider-image .img-overlay{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 2, 5, 0.3);
  content: "";
  position: absolute;

  left: 0;
  bottom: 0;
  border-radius: 5px;
} */

.event-slider .slick-center .event-slider-title{
  margin-left: 0;
}

.event-slider .slick-center .sign-button{
  margin-right: 0;
  z-index: 5;
}

.event-slider-wrapper {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 32px;
  bottom: 20px;
  right: 32px;;
}

.event-slider-content {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.event-slider .sign-button {
  min-width: max-content;
  padding: 10px 21px;
  background: #fff;
  margin-bottom: 2%;
  border-radius: 5px;
  margin-right: 50px;
}
/*Slick*/
/* Slider */

/*SLick*/


/* .event-slider .slick-slide .event-slider-title {
  position: absolute;
  width: 63%;
  z-index: 3;
  top: 60%;
  left: 8%;
}

.event-slider .slick-slide.slick-center .event-slider-title {
  position: absolute;
  width: 63%;
  z-index: 3;
  top: 60%;
  left: 4%;
} */
.event-slide .slick-center a .registor-button {
  background: #fff;
  padding: 10px 21px;
  border-radius: 5px;
}

.event-slide .img-overlay {
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 50px;
  right: 50px;
  background: rgba(0,0,0,0.2);
  z-index: 2;
  border-radius: 5px;
  /* transition: 0.2s ease; */
}

.slick-center .img-overlay {
  position: absolute;
  top: 0;
  bottom: -1.2%;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.2);
  z-index: 2;
  border-radius: 5px;
  z-index: 2;
  transition: 0.3s ease;
}

.event-slide-item {
  position: relative;
}
.event-slider .slick-slide.slick-center img{
  width: 100%;
  transform: scale(1.2);
  transition: 0.3s;
  /* aspect-ratio:  1.78/1; */
  aspect-ratio:  981/511;
  border-radius: 5px;
}

.event-slider-image {
  padding: 15px 50px;
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.event-slider-image img {
  filter: brightness(0.5);
  width: 100%;
  /* margin-top: 30px; */
  aspect-ratio:  1.78/1;
  border-radius: 5px;
}

.event-slider .slick-slider {
    z-index: 10;
    margin-top: -139px;
  }

.event-slider-title h2 {
  font-family: "STIX Two Text", serif;
}
.event-slider-title p {
  margin-bottom: 20px;
  font-family: "Inter", serif;
}
.event-list .event-detail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 30%;
}
.event-slider-when {
  width: 82%;
  display: flex;
  flex-direction:  row;
  justify-content: left;
}

.event-slider-when .event-slider-note {
  width: 27%;
}

.event-slider-when span {
  width: 8%;
  border-left: 2px solid #fff;
  margin-top: 3px;
  margin-bottom: 12px;
}
.event-slider-when .event-slider-date {
  width: 53%;
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.event-slider-when .event-slider-date .event-slider-day{
  width: 38%;
}

.event-slider-when .event-slider-date .event-slider-time {
  width: 40%;
}

.event-slider .event-left-arrow {
  position: absolute;
  width: 10%;
  top: 50%;
  left: 13%;
  z-index: 12;
}
.event-slider .event-right-arrow {
  position: absolute;
  width: 10%;
  top: 50%;
  left: 76%;
  z-index: 12;
}
.event-list .event-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  /* cursor: pointer; */
  align-items: center;
}

.event-list .event-image-wrapper img{
  position: relative;
}

/* .event-list .event-image-blur {
  background: rgba(59, 73, 36, 0.8);
  width: 100%;
  height: 93%;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 5px;
  opacity: 0;
  transition: 0.3s;
}

.event-list .event-image-blur:hover {
  opacity: 1;
  transition: 0.3s;
} */
.event-list .event-button {
  z-index: 5;
  position: absolute;
  opacity: 0;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(59, 73, 36, 0.8);
  width: 100%;
  top: 0px;
  bottom: 15px;
  border-radius: 5px;
}

.event-list .event-button:hover {
  opacity: 1;
}

.event-list .event-button .event-button-sign {
  padding: 10px 17px;
  margin-bottom: 26px;
  border-radius: 5px;
}
.event-list .event-detail img {
  width: 100%;
  margin-bottom: 16px;
  border-radius: 5px;
  aspect-ratio: 16/9;
}

.event-list .event-detail h2 {
  margin-bottom: 12px;
}

.event-list .event-detail p {
  width: 95%;
  margin-bottom: 16px;
}

.event-list .event-when {
  display: flex;
  flex-direction:  row;
  justify-content: space-between;
}

.event-list .event-when .event-note {
  width: 45%;
}

.event-list .event-when span {
  width: 8%;
  border-left: 2px solid #2D334D;
  margin-top: 3px;
  height: 40%;
}
.event-list .event-when .event-date {
  width: 53%;
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.event-list .event-when .event-date .event-day{
  width: 39%;
}

.event-list .event-when .event-date .event-time {
  width: 40%;
}
.event-pagination {
  margin-bottom: 100px;
}
.event-pagination .event-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.event-pagination .event-pagination-detail {
  width: 30%;
  display: flex;
  justify-content: space-around;
}
.event-pagination .event-page {
  padding: 5px 12.5px;
  transition: 0.1s;
}
.event-pagination .event-arrow {
  margin-top: 2px;
}
 .event-pagination .event-page-dots {
   margin-top: 4px;
 }

.event-pagination .event-page:hover {
  color : #fff;
  background: #474747;
}

@media (max-width: 1400px) {
  .event-list .event-when .event-date .event-day {
    width: 46%;
  }
  .event-slider .slick-slider {
    margin-top: -100px;
  }
  .event-list .event-wrapper {
    gap: 55px;
  }
  .event-slider-wrapper {
    bottom: 5px;
  }
  .event-slider .event-left-arrow {
    left: 7%;
  }
  .event-slider .event-right-arrow {
    left: 83%;
}

@media (max-width: 1200px) {
  .event-list .event-when .event-date {
    width: 55%;
  }
  .event-list .event-wrapper {
    gap: 46px;
  }
  .event-slider .slick-slider {
    margin-top: -90px;
  }
  .event-list .event-detail p {
    width: 100%;
    margin-bottom: 16px;
  }
  .event-list .event-when .event-date .event-day {
    width: 61%;
  }
  .event-list .event-when .event-date .event-time {
    width: 58%;
  }
  .event-slider .event-left-arrow {
    left: 3%;
  }
  .event-slider .event-right-arrow {
    left: 87%;
  }
}

@media (max-width: 1100px) and (min-width: 993px){
  .event-slider .slick-slide.slick-center img {
    transform: scale(1);
  }
  .event-slider .event-right-arrow {
    left: 83%;
  }
  .event-slider .event-left-arrow {
    left: 7%;
  }
  .event-slider-image img {
    transform: scale(0.9);
  }
  .slick-center .img-overlay {
      position: absolute;
      top: 14px;
      left: 50px;
      bottom: 14px;
      right: 50px;
  }
  .event-slider .slick-center .event-slider-title {
    margin-left: 40px;
  }
  .event-slider .slick-center .sign-button {
    margin-right: 40px;
  }
  .event-slider .event-left-arrow, .event-slider .event-right-arrow {
    top: 44%;
  }
}
@media (max-width: 992px) {
  .event-list .event-wrapper {
    gap: 34px;
  }
  /* .event-slider-wrapper {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 32px;
    bottom: 20px;
    right: 32px;
  } */
  .event-slider .slick-slide {
    display: flex;
    /* width: 3%; */
    height: 40%;
    justify-content: center;
  }
  .slick-center .img-overlay {
    position: absolute;
    bottom: -6.1%;
    left: 0.9%;
    right: 0.9%
  }
  /* .event-slider-wrapper {
    position: absolute;
    top: 0;
    left: 32px;
    bottom: 5px;
    right: 32px;
  } */
  .event-slider-title p {
    margin-bottom: 10px;
  }
  .event-slider .event-left-arrow {
    top: 40%;
    left: 5%;
  }
  .event-slider .event-right-arrow {
    left: 85%;
    top: 40%;
  }
  .event-slider-image {
    width: 80%;
    padding: 0 50px;
    position: relative;
  }

    .event-list .event-when {
    flex-direction: column;
  }
  .event-slider .slick-slider {
      margin-top: -45px;
  }
  .event-slider-when {
    justify-content: left;
  }
  .event-slider-when .event-slider-date {
    width: 57%;
    display: flex;
    flex-direction: row;
    justify-content: right;
  }
  .event-slider-when .event-slider-date .event-slider-day {
    width: 40%;
  }


  .event-list .event-when .event-note {
    width: 100%;
  }
  .event-list .event-when .event-date {
    width: 100%;
    justify-content: space-between;
  }
  .event-list .event-when .event-date .event-day {
    width: 42%;
  }
  .event-slider-when {
    width: 80%;
  }
  .event-list .event-detail {
    margin-bottom: 20px;
  }
  .event-list .event-button .event-button-sign {
    padding: 5px 10px;
    margin-bottom: 15px;
  }
  .event-pagination {
    margin-bottom: 50px;
  }
  .event-pagination .event-pagination-detail {
    width: 40%;
  }
}

@media (max-width: 790px) {
  .event-slider-image img{
    filter: brightness(1);
  }

  .event-list .event-wrapper {
    gap: 20px;
  }
  .event-slider .slick-slider {
    margin-top: -65px;
  }
  .event-slider .event-left-arrow {
    top: 25%;
    left: 10%;
  }
  .event-slider .event-right-arrow {
    top: 25%;
    left: 80%;
  }
  .event-slider .sign-button {
    width: 100%;
    text-align: center;
    background-color: var(--light-brown);
  }
  .event-slider button img {
    width: 20px;
  }
  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 7%;
    top: 59%;
  } */

  .event-slider-title .event-white {
    color: black;
  }

  .event-slider .slick-slide.slick-center img{
    transform: scale(1);
  }

  .event-slider-when span{
    border-color: black;
  }

  .event-slider-wrapper{
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }

  .event-slide .img-overlay{
    display: none;
  }

  .event-slider .event-slider-content{
    flex-direction: column;
  }

  .event-slider-title{
    width: 100%;
    margin-top: 20px
  }

  .event-slider-when span {
    /* height: 40%; */
    width: 10%;
  }
  .event-slider-when .event-slider-date .event-slider-time {
    width: 45%;
  }

  .event-slider-when {
    width: 100%;
  }

  .event-slider-when .event-slider-note {
    width: 70%;
  }

  .event-slider-when .event-slider-date {
    width: 165px;
  }

  .event-slider-when .event-slider-date .event-slider-day {
    width: 45%;
  }

  .event-slider .slick-slide {
    display: flex;
    /* width: 3%;
    height: 40%; */
    justify-content: center;
    align-items: center;
    }
  .event-slider-image {
    width: 70%;
    display: flex;
    /* padding: 0 50px; */
    position: relative;
    align-items: left;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .event-list .event-detail {
    width: 48%;
    margin-bottom: 15px;
  }
  .event-list .event-when .event-date .event-day {
    width: 29%;
  }
  .event-list .event-detail p {
    margin-bottom: 8px;
  }
  .event-pagination .event-arrow {
    margin-top: 0px;
  }
}


@media (max-width: 690px) {
  .event-slider-image {
    width: 60%;
  }
  /* .event-slider .slick-slide.slick-center .event-slider-title {
      left: 7%;
      top: 65%;
  } */
  /* .slick-center .img-overlay {
    position: absolute;
    left: 3.5%;
    right: 3.5%;
  } */
  /* .event-slider-wrapper {
      position: absolute;
      top: 0;
      left: 35px;
      bottom: -2px;
      right: 32px;
  } */
  /* .event-slider-when {
    width: 95%;
  }
  .event-slider-when .event-slider-date .event-slider-day {
    width: 42%;
  }
  .event-slider .sign-button {
    padding: 6px 15px;
  }
  .event-slider-when span {
    width: 8%;
  } */


  .event-slider .h1 {
    font-size: 20px;
    line-height: 27px;
  }
  .event-slider-title p {
    margin-bottom: 10px;
    font-family: "Inter", serif;
  }
  .event-slider .event-right-arrow img, .event-slider .event-left-arrow img{
    width: 15px;
  }
  .event-slider .event-right-arrow {
    left: 77%;
  }
  .event-slider .event-left-arrow {
    left: 12%;
  }

}

@media (max-width: 565px) {
  .event-right-arrow, .event-left-arrow {
    opacity: 0;
    pointer-events: none;
  }
  .event-slider .slick-slider {
    margin-top: -45px;
  }
  .event-list .event-wrapper {
    gap: 15px;
  }
  .event-slider-image {
    width: 55%;
  }
  /* .slick-center .img-overlay {
    position: absolute;
    left: 4.4%;
    right: 4.4%;
  } */
  /* .event-slider-title {
      width: 80%;
  } */
  .event-slider button img {
    width: 15px;
  }
  .event-slider .sign-button {
    /* margin-right: 1.5%; */
    padding: 5px 8px;
  }
  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 11%;
    top: 60%;
  } */
  .event-slider .h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .event-slider-when {
    width: 100%;
  }
  .event-list {
    margin-top: 30px;
  }
  /* .event-slider-when .event-slider-date .event-slider-time {
    width: 47%;
  } */
  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 7%;
    top: 62%;
  } */
  /* .event-slider-when .event-slider-date .event-slider-day {
    width: 43%;
  } */
  .event-slider-title p {
    margin-bottom: 10px;
  }
  /* .event-slider-when span {
    height: 10px;
  } */
  .event-list .event-when .event-date .event-day {
    width: 27%;
  }
  .event-list .event-when span {
    width: 6%;
  }
  .event-list .event-when .event-date .event-time {
    width: 56%;
  }
  .event-pagination {
    margin-bottom: 25px;
  }
}

@media (max-width: 500px) {
  .event-list .event-detail img {
    margin-bottom: 10px;
  }
  .event-slider-image {
    width: 50%;
  }
  /* .slick-center .img-overlay {
    position: absolute;
    left: 5.5%;
    right: 5.5%;
  } */

  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 9%;
    top: 51%;
  } */
  .event-list .event-when .event-date {
    justify-content: left;
  }
  .event-list .event-when .event-date .event-day {
    width: 28%;
  }
  .event-list .event-when span {
    width: 5%;
  }
  .event-list .event-when .event-date .event-time {
    width: 55%;
  }
  .event-list .event-button {
      bottom: 10px;
    }
  }

@media (max-width: 450px) {
  .event-slider .slick-slider {
      margin-top: -30px;
  }
  .event-slide-item {
    flex-direction: column;
  }
  .event-slider .h1 {
    font-size: 16px;
    line-height: 22px;
  }
  .event-slider .slick-slide {
    flex-direction: column;
  }
  /* .event-slider-when {
    flex-direction: column;
  } */
  .event-slider-image {
    width: 45%;
  }
  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 10%;
    top: 34%;
  } */
  .event-slider-when .event-slider-note {
    width: 60%;
  }
  .event-slider-when .event-slider-note {
    width: 60%;
  }
  .event-slider-when .event-slider-date {
    width: 80%;
  }

  .event-slide .body-14 {
    font-size: 10px;
    line-height: 10px;
  }
  .event-slider-when .event-slider-date {
    justify-content: left;
  }
  .event-list .event-detail {
    width: 90%;
    margin-bottom: 15px;
  }
  .event-list .event-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
  }
  .event-list .event-when .event-date .event-day {
      width: 25%;
  }
  .event-list .event-when span {
    width: 7%;
    height: 11px;
    margin-bottom: 2px;
  }
  .event-list .event-when .event-date .event-time {
    width: 55%;
  }
}

@media (max-width: 390px) {
  .event-slider .slick-center .sign-button {
    /* margin-right: 5px; */
    z-index: 5;
  }
  /* .slick-center .img-overlay {
    position: absolute;
    left: 8.2%;
    right: 8.2%;
  } */
  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 10%;
    top: 25%;
  } */
  .event-slider-image {
    width: 40%;
  }
  .event-slider .slick-center .event-slider-title {
      margin-left: 5px;
  }
}

@media (max-width: 340px) {
  .event-slider-image {
    width: 37%;
  }
  /* .slick-center .img-overlay {
    position: absolute;
    left: 9%;
    right: 9%;
  } */



  /* .event-slider .slick-slide.slick-center .event-slider-title {
    left: 11%;
    top: 23%;
  } */
}