@font-face {
  font-family: Gotham;
  src: url("Gotham-Light.1c1fdd1d.otf");
}

@font-face {
  font-family: Gotham-bold;
  src: url("Gotham-Bold.3b4f4bc3.otf");
}

@font-face {
  font-family: Gotham-book;
  src: url("Gotham-Book.785a3596.otf");
}

@font-face {
  font-family: Gotham-medium;
  src: url("Gotham-Medium.b6405b49.otf");
}

.wrapper {
  width: 960px;
  margin: auto;
}

body b, strong {
  font-weight: bold;
}

@media (width <= 600px) {
  .wrapper {
    width: unset;
    padding: 0 20px;
  }
}

.font-book {
  font-family: Gotham-book;
}

.new-event {
  font-family: Gotham;
}

.new-event a {
  color: #010304;
}

.new-event .section-1 {
  background-image: url("bg-cq-event.7a5c6f2c.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.new-event .section-1 .wrapper {
  padding-top: 82px;
  padding-bottom: 112px;
}

.new-event .section-1 .wrapper .new {
  color: #ec1f18;
  letter-spacing: .96px;
  font-family: Gotham-bold;
  font-size: 19.23px;
  font-weight: 500;
  line-height: 63.6px;
}

.new-event .section-1 .wrapper .title {
  color: #1d0e34;
  letter-spacing: 0;
  font-family: Gotham-medium;
  font-size: 59.16px;
  font-weight: 500;
  line-height: 71px;
}

.new-event .section-1 .wrapper .path {
  box-sizing: border-box;
  border: 4px solid #f04b45;
  width: 88px;
  height: 2px;
  margin-top: 12px;
}

.new-event .section-2 {
  background-color: #f8f8f8;
}

.new-event .section-2 .wrapper {
  padding-top: 64px;
  padding-bottom: 202px;
}

.new-event .section-2 .wrapper .title {
  color: #32195b;
  letter-spacing: 0;
  font-family: Gotham;
  font-size: 42px;
  font-weight: 300;
  line-height: 51px;
}

.new-event .section-2 .wrapper .path {
  box-sizing: border-box;
  border: 4px solid #e7e63b;
  width: 88px;
  height: 2px;
  margin-top: 22px;
}

.new-event .section-2 .wrapper .body {
  grid-template-columns: 32% 32% 32%;
  gap: 24px;
  margin-top: 80px;
  display: grid;
}

.new-event .section-2 .wrapper .body .item {
  background-color: #fff;
  border-radius: 0 0 18.67px;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  box-shadow: 7px 7px #cccccc80;
}

.new-event .section-2 .wrapper .body .item .box {
  width: calc(100% - 40px);
  height: 198px;
  margin-top: 20px;
  margin-left: 19px;
}

.new-event .section-2 .wrapper .body .item .box img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.new-event .section-2 .wrapper .body .item .description {
  color: #32195b;
  letter-spacing: 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: calc(100% - 40px);
  min-height: 66px;
  margin: 10px 0 10px 20px;
  font-family: Gotham-bold;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden;
}

.new-event .section-2 .wrapper .body .item button {
  color: #010304;
  border: unset;
  letter-spacing: .49px;
  background-color: #e7e63b;
  border-radius: 12.66px;
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: auto;
  margin-bottom: 31px;
  margin-left: 20px;
  padding: 8px 14.5px 7px 15px;
  font-family: Gotham-bold;
  font-size: 9.75px;
  font-weight: bold;
  line-height: 12px;
  display: flex;
}

.new-event .section-3 {
  font-family: Gotham;
}

.new-event .section-3 .wrapper {
  padding-top: 64px;
  padding-bottom: 106px;
}

.new-event .section-3 .wrapper .title {
  color: #32195b;
  letter-spacing: 0;
  font-size: 42px;
  font-weight: 300;
  line-height: 51px;
}

.new-event .section-3 .wrapper .path {
  box-sizing: border-box;
  border: 4px solid #e7e63b;
  width: 88px;
  height: 2px;
  margin-top: 22px;
}

.new-event .section-3 .wrapper .body {
  grid-template-columns: calc(50% - 24px) calc(50% - 24px);
  gap: 24px;
  margin-top: 80px;
  display: grid;
}

.new-event .section-3 .wrapper .body .item {
  background-color: #fff;
  border-radius: 0 0 28.46px;
  flex-direction: column;
  height: 502px;
  display: flex;
  box-shadow: 11px 11px #cccccc80;
}

.new-event .section-3 .wrapper .body .item .name {
  color: #32195b;
  letter-spacing: 0;
  margin-top: 17px;
  margin-left: 20px;
  font-family: Gotham-bold;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
}

.new-event .section-3 .wrapper .body .item .image {
  width: calc(100% - 40px);
  height: 282px;
  margin-top: 19px;
  margin-left: 20px;
  position: relative;
}

.new-event .section-3 .wrapper .body .item .image .gradient {
  background: linear-gradient(#0000 0%, #0006 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.new-event .section-3 .wrapper .body .item .image p {
  color: #fff;
  letter-spacing: 0;
  width: calc(100% - 130px);
  font-family: Gotham-bold;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  position: absolute;
  bottom: 0;
  left: 24px;
}

.new-event .section-3 .wrapper .body .item .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.new-event .section-3 .wrapper .body .item .description {
  color: #171714;
  letter-spacing: 0;
  width: calc(100% - 40px);
  margin-top: 14px;
  margin-left: 20px;
  padding-bottom: 20px;
  font-family: Gotham;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.new-event .section-3 .wrapper .body .item a {
  color: #171714;
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: 34px;
  margin-left: 20px;
  font-family: Gotham-book;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.new-event .section-3 .wrapper .body .item a:hover {
  text-decoration: none;
}

.new-event .section-3 .wrapper .body .item a img {
  vertical-align: unset;
}

.new-event .section-3 .wrapper .separator-item {
  color: #32195b;
  letter-spacing: 8.75px;
  white-space: nowrap;
  width: 98%;
  margin-top: 127px;
  font-family: Gotham;
  font-size: 35px;
  font-weight: 300;
  line-height: 42px;
  overflow: hidden;
}

@media (width >= 600px) {
  .mobile-only {
    display: none;
  }
}

@media (width <= 600px) {
  .desktop-only {
    display: none;
  }

  .new-event .section-1 .wrapper {
    margin-left: 24px;
  }

  .new-event .section-1 .wrapper .title {
    letter-spacing: 0;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
  }

  .new-event .section-2 .wrapper {
    padding-bottom: 54px;
  }

  .new-event .section-2 .wrapper .title, .new-event .section-2 .wrapper .path {
    margin-left: 9px;
  }

  .new-event .section-2 .wrapper .body {
    display: block;
  }

  .new-event .section-2 .wrapper .body .item {
    width: unset;
    margin-bottom: 24px;
    margin-left: 5px;
    margin-right: 29px;
    padding-top: 1px;
  }

  .new-event .section-2 .wrapper .btn-read {
    letter-spacing: .7px;
    border: unset;
    background-color: #e7e63b;
    border-radius: 16.88px;
    margin-top: 59px;
    padding: 11px 24px 9px 20px;
    font-family: Gotham-bold;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .new-event .section-2 .wrapper .btn-read img {
    vertical-align: top;
  }

  .new-event .section-3 .wrapper .title, .new-event .section-3 .wrapper .path {
    margin-left: 9px;
  }

  .new-event .section-3 .wrapper .body {
    display: block;
  }

  .new-event .section-3 .wrapper .body .item {
    background-color: #fff;
    height: 444px;
    margin-top: 24px;
    margin-right: 29px;
  }

  .new-event .section-3 .wrapper .body .item .image {
    height: 203px;
  }

  .new-event .section-3 .wrapper .body .item .image p {
    letter-spacing: 0;
    width: calc(100% - 40px);
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
  }

  .new-event .section-3 .wrapper .body .item .description {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
  }

  .new-event .section-3 .wrapper .body .item a {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
  }

  .new-event .section-3 .wrapper .btn-see {
    color: #010304;
    letter-spacing: .7px;
    border: unset;
    background-color: #e7e63b;
    border-radius: 16.88px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 52px;
    padding: 11px 24px 9px 20px;
    font-family: Gotham-bold;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .new-event .section-3 .wrapper .btn-see img {
    vertical-align: top;
  }

  .new-event .section-3 .wrapper .separator {
    margin-top: 58px;
  }
}

/*# sourceMappingURL=event.28007737.css.map */