:root {
  --scrollbar-width: 0px;
}

@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Black.woff2") format("woff2"), url("../../../webfonts/Alegreya-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-BlackItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-ExtraBold.woff2") format("woff2"), url("../../../webfonts/Alegreya-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-ExtraBoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Bold.woff2") format("woff2"), url("../../../webfonts/Alegreya-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-BoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-SemiBold.woff2") format("woff2"), url("../../../webfonts/Alegreya-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-SemiBoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Medium.woff2") format("woff2"), url("../../../webfonts/Alegreya-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-MediumItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Regular.woff2") format("woff2"), url("../../../webfonts/Alegreya-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Italic.woff2") format("woff2"), url("../../../webfonts/Alegreya-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IM FELL Double Pica";
  src: url("../../../webfonts/IM_FELL_DW_Pica_Roman.woff2") format("woff2"), url("../../../webfonts/IM_FELL_DW_Pica_Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IM FELL Double Pica";
  src: url("../../../webfonts/IM_FELL_DW_Pica_Italic.woff2") format("woff2"), url("../../../webfonts/IM_FELL_DW_Pica_Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
.section-event {
  width: calc(1 * (100vw - var(--scrollbar-width)));
  position: relative;
  height: calc(5.5555555556 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event {
    width: calc(1 * (100vw - var(--scrollbar-width)));
    height: calc(11.4772727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img3 {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  width: 100%;
}
.section-event .img1 {
  position: absolute;
  top: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  object-fit: contain;
  width: calc(0.8611111111 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img1 {
    top: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .slides-wrapper {
  position: absolute;
  top: calc(0.2833333333 * (100vw - var(--scrollbar-width)));
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 767.98px) {
  .section-event .slides-wrapper {
    top: calc(0.3613636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .slides-wrapper .slide {
  display: flex !important;
  justify-content: center;
}
.section-event .slides-wrapper .slide .content {
  width: calc(0.2843263889 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .slides-wrapper .slide .content {
    width: calc(0.4818181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .slides-wrapper .slide .content img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.section-event .img4 {
  position: absolute;
  top: calc(0.6951388889 * (100vw - var(--scrollbar-width)));
  left: 0;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img4 {
    top: calc(1.4386363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text1 {
  position: absolute;
  display: block;
  top: calc(0.6243055556 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.8486111111 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0222222222 * (100vw - var(--scrollbar-width)));
  color: white;
  line-height: 1.3671875;
}
@media (max-width: 767.98px) {
  .section-event .text1 {
    top: calc(0.9704545455 * (100vw - var(--scrollbar-width)));
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    line-height: 1.29761905;
  }
}
.section-event .text2 {
  position: absolute;
  display: block;
  top: calc(0.7666666667 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.8486111111 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0125 * (100vw - var(--scrollbar-width)));
  color: #AD0709;
  line-height: 1.3333333;
}
@media (max-width: 767.98px) {
  .section-event .text2 {
    top: calc(1.2636363636 * (100vw - var(--scrollbar-width)));
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    line-height: 1.4;
  }
}
.section-event .text3 {
  position: absolute;
  display: block;
  top: calc(1.1861111111 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.8486111111 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0694444444 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text3 {
    top: calc(2.0659090909 * (100vw - var(--scrollbar-width)));
    width: calc(0.85 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img6 {
  position: absolute;
  top: calc(1.6958333333 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.8194444444 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img6 {
    top: calc(2.9386363636 * (100vw - var(--scrollbar-width)));
    width: 100%;
  }
}
.section-event .img5 {
  position: absolute;
  top: calc(1.5333333333 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.7291666667 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img5 {
    top: calc(2.575 * (100vw - var(--scrollbar-width)));
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text4 {
  position: absolute;
  display: block;
  top: calc(2.2013888889 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.4833333333 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0555555556 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text4 {
    top: calc(3.5090909091 * (100vw - var(--scrollbar-width)));
    width: calc(0.6227272727 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img7 {
  position: absolute;
  top: calc(2.5965277778 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.1326388889 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img7 {
    top: calc(3.9772727273 * (100vw - var(--scrollbar-width)));
    width: calc(0.25 * (100vw - var(--scrollbar-width)));
    transform: unset;
    left: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text {
  position: absolute;
  width: calc(0.3486111111 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 767.98px) {
  .section-event .text {
    width: calc(0.625 * (100vw - var(--scrollbar-width)));
    left: calc(0.2840909091 * (100vw - var(--scrollbar-width))) !important;
  }
}
.section-event .text .title {
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0152777778 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text .title {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text .timeline {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0125 * (100vw - var(--scrollbar-width)));
  color: #AD0709;
}
@media (max-width: 767.98px) {
  .section-event .text .timeline {
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text .content {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text .content {
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text5 {
  top: calc(2.6097222222 * (100vw - var(--scrollbar-width)));
  left: calc(0.5819444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text5 {
    top: calc(4.1 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text6 {
  top: calc(2.7208333333 * (100vw - var(--scrollbar-width)));
  left: calc(0.0680555556 * (100vw - var(--scrollbar-width)));
  text-align: right;
}
@media (max-width: 767.98px) {
  .section-event .text6 {
    top: calc(4.5090909091 * (100vw - var(--scrollbar-width)));
    text-align: left;
  }
}
.section-event .text7 {
  top: calc(2.8083333333 * (100vw - var(--scrollbar-width)));
  left: calc(0.5819444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text7 {
    top: calc(4.9227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text8 {
  top: calc(2.90625 * (100vw - var(--scrollbar-width)));
  left: calc(0.0680555556 * (100vw - var(--scrollbar-width)));
  text-align: right;
}
@media (max-width: 767.98px) {
  .section-event .text8 {
    top: calc(5.3363636364 * (100vw - var(--scrollbar-width)));
    text-align: left;
  }
}
.section-event .text9 {
  top: calc(2.9958333333 * (100vw - var(--scrollbar-width)));
  left: calc(0.5819444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text9 {
    top: calc(5.7545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text10 {
  top: calc(3.0916666667 * (100vw - var(--scrollbar-width)));
  left: calc(0.0680555556 * (100vw - var(--scrollbar-width)));
  text-align: right;
}
@media (max-width: 767.98px) {
  .section-event .text10 {
    top: calc(6.1727272727 * (100vw - var(--scrollbar-width)));
    text-align: left;
  }
}
.section-event .text11 {
  top: calc(3.1847222222 * (100vw - var(--scrollbar-width)));
  left: calc(0.5819444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text11 {
    top: calc(6.5863636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img8 {
  position: absolute;
  top: calc(3.3111111111 * (100vw - var(--scrollbar-width)));
  left: 0;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img8 {
    top: calc(7.4727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text12 {
  position: absolute;
  display: block;
  top: calc(3.3618055556 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.4833333333 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0555555556 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text12 {
    top: calc(7.0431818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.8227272727 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img-guests {
  position: absolute;
  width: calc(0.4097222222 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .section-event .img-guests {
    width: calc(0.4045454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text-guests {
  position: absolute;
  display: block;
  width: calc(0.3666666667 * (100vw - var(--scrollbar-width)));
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  color: white;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .section-event .text-guests {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    line-height: 1.4;
  }
}
.section-event .img9 {
  top: calc(3.4576388889 * (100vw - var(--scrollbar-width)));
  left: calc(0.0708333333 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img9 {
    top: calc(7.2022727273 * (100vw - var(--scrollbar-width)));
    left: calc(0.0886363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text13 {
  top: calc(3.7798611111 * (100vw - var(--scrollbar-width)));
  left: calc(0.0958333333 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text13 {
    top: calc(7.5386363636 * (100vw - var(--scrollbar-width)));
    left: calc(0.0897727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img10 {
  top: calc(3.4576388889 * (100vw - var(--scrollbar-width)));
  left: calc(0.5215277778 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img10 {
    top: calc(7.2022727273 * (100vw - var(--scrollbar-width)));
    left: calc(0.4988636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text14 {
  top: calc(3.7798611111 * (100vw - var(--scrollbar-width)));
  left: calc(0.5430555556 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text14 {
    top: calc(7.5386363636 * (100vw - var(--scrollbar-width)));
    left: calc(0.5215909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img11 {
  top: calc(3.9354166667 * (100vw - var(--scrollbar-width)));
  left: calc(0.0708333333 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img11 {
    top: calc(8.0568181818 * (100vw - var(--scrollbar-width)));
    left: calc(0.0886363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text15 {
  top: calc(4.2576388889 * (100vw - var(--scrollbar-width)));
  left: calc(0.0958333333 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text15 {
    top: calc(8.3863636364 * (100vw - var(--scrollbar-width)));
    left: calc(0.0897727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img12 {
  top: calc(3.9354166667 * (100vw - var(--scrollbar-width)));
  left: calc(0.5215277778 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img12 {
    top: calc(8.0568181818 * (100vw - var(--scrollbar-width)));
    left: calc(0.4988636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text16 {
  top: calc(4.2576388889 * (100vw - var(--scrollbar-width)));
  left: calc(0.5430555556 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text16 {
    top: calc(8.3863636364 * (100vw - var(--scrollbar-width)));
    left: calc(0.5215909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text17 {
  position: absolute;
  display: block;
  top: calc(4.4201388889 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.4833333333 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0555555556 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text17 {
    top: calc(8.8590909091 * (100vw - var(--scrollbar-width)));
    width: calc(0.4863636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img-artists {
  position: absolute;
  width: calc(0.2875 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
  top: calc(4.5159722222 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img-artists {
    width: calc(0.3840909091 * (100vw - var(--scrollbar-width)));
    left: calc(0.0886363636 * (100vw - var(--scrollbar-width))) !important;
  }
}
.section-event .text-artists {
  position: absolute;
  width: calc(0.2694444444 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  gap: 0;
  top: calc(4.7256944444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text-artists {
    left: calc(0.5227272727 * (100vw - var(--scrollbar-width))) !important;
    width: calc(0.3886363636 * (100vw - var(--scrollbar-width)));
    line-height: 1.375;
  }
}
.section-event .text-artists .name {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0222222222 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text-artists .name {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text-artists .content {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text-artists .content {
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img13, .section-event .text18 {
  left: calc(0.06875 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img13, .section-event .text18 {
    top: calc(9.025 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img14, .section-event .text19 {
  left: calc(0.35625 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img14, .section-event .text19 {
    top: calc(9.4375 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img15, .section-event .text20 {
  left: calc(0.64375 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img15, .section-event .text20 {
    top: calc(9.85 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text21 {
  position: absolute;
  display: block;
  top: calc(4.9597222222 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.8625 * (100vw - var(--scrollbar-width)));
  text-align: center;
  font-family: "IM FELL Double Pica";
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.0555555556 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text21 {
    top: calc(10.3954545455 * (100vw - var(--scrollbar-width)));
    width: calc(0.8159090909 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img-dj {
  position: absolute;
  width: calc(0.4152777778 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
  top: calc(5.0555555556 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img-dj {
    top: calc(10.5545454545 * (100vw - var(--scrollbar-width)));
    width: calc(0.3931818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text-dj {
  position: absolute;
  width: calc(0.4152777778 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  gap: 0;
  top: calc(5.3104166667 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .text-dj {
    top: calc(10.8090909091 * (100vw - var(--scrollbar-width)));
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text-dj .name {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0222222222 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text-dj .name {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .text-dj .content {
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  .section-event .text-dj .content {
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img16, .section-event .text22 {
  left: calc(0.06875 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img16, .section-event .text22 {
    left: calc(0.0886363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .img17, .section-event .text23 {
  left: calc(0.5159722222 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-event .img17, .section-event .text23 {
    left: calc(0.5136363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-event .link-form {
  position: absolute;
  display: block;
  top: calc(5.4972222222 * (100vw - var(--scrollbar-width)));
  transform: translateX(-50%);
  left: 50%;
  width: calc(0.2166666667 * (100vw - var(--scrollbar-width)));
  font-family: "Alegreya";
  font-weight: 500;
  font-size: calc(0.0194444444 * (100vw - var(--scrollbar-width)));
  color: white;
  background-color: #AD0709;
  border-radius: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  padding: calc(0.0069444444 * (100vw - var(--scrollbar-width))) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.section-event .link-form:hover {
  background-color: white;
  color: #AD0709;
}
@media (max-width: 767.98px) {
  .section-event .link-form {
    top: calc(11.3181818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.1136363636 * (100vw - var(--scrollbar-width)));
    padding: calc(0.0079545455 * (100vw - var(--scrollbar-width))) 0;
  }
}

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