.events-section {
  width: 100%;
  height: 45vw;
  padding: 4vw 3vw;
  padding-bottom: 6vw;
  box-sizing: border-box;
  transition: background-color 0.2s ease-in-out;
}

.events-section hr{
  border-width: 0.175vw;
}

[data-theme="dark"] .events-wrapper{
  background: 
  /* url("/images/servicesSection/orangeShapesWhiteLeft1.png"), */
  /* radial-gradient(circle at 100% 0, var(--quinticColorTheme) 10%, rgba(var(--quinticColorRgbTheme), 0.5) 25%, rgba(var(--quinticColorRgbTheme), 0.2) 25%, transparent 40%),
  radial-gradient(circle at 0 115%, var(--quinticColorTheme) 10%, rgba(var(--quinticColorRgbTheme), 0.5) 25%, rgba(var(--quinticColorRgbTheme), 0.2) 25%, transparent 40%), */
  linear-gradient(rgba(var(--primaryColorRgbTheme), 0.75), rgba(var(--primaryColorRgbTheme), 0.75));
  background-size: cover;
  background-position: center;
}

[data-theme="light"] .events-wrapper{
  background: 
  /* url("/images/servicesSection/orangeShapesBlackLeft.png"), */
  /* radial-gradient(circle at 100% 0, var(--quinticColorTheme) 10%, rgba(var(--quinticColorRgbTheme), 0.5) 25%, rgba(var(--quinticColorRgbTheme), 0.2) 25%, transparent 40%),
  radial-gradient(circle at 0 115%, var(--quinticColorTheme) 10%, rgba(var(--quinticColorRgbTheme), 0.5) 25%, rgba(var(--quinticColorRgbTheme), 0.2) 25%, transparent 40%), */
  linear-gradient(rgba(var(--primaryColorRgbTheme), 0.75), rgba(var(--primaryColorRgbTheme), 0.75));
  background-size: cover;
  background-position: center;
}

.events-wrapper{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  border-radius: 0.2vw;
}

.events-info-container {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.events-section-title {
  color: var(--secondaryHeadingColorTheme);
  font-family: var(--headingFont);
  font-size: var(--superheadingFontSize);
  margin: 0;
  margin-bottom: 2vw;
  font-weight: 900;
  text-shadow: 0 0 0.5vw rgba(var(--primaryColorRgbTheme), 0.5);
}

.events-section-paragraph {
  width: 90%;
  color: var(--secondaryHeadingColorTheme);
  font-family: var(--headingFont);
  font-weight: 400;
  font-size: var(--subheadingFontSize);
  line-height: var(--headingFontSize);
  margin: 0;
  margin-top: 1vw;
  text-align: justify;
  margin-top: 3vw;
  text-shadow: 0 0 0.5vw rgba(var(--primaryColorRgbTheme), 0.5);
}

[data-theme="dark"] .events-section-paragraph{
  text-shadow: 0 0 2vw rgba(var(--primaryColorRgbTheme), 0.75),
  0 0 0.25vw rgba(var(--primaryColorRgbTheme), 0.5);
}

.events-section-subtitle {
  color: rgba(var(--secondaryColorRgbTheme), 0.8);
  font-family: var(--headingFont);
  font-weight: 600;
  font-size: var(--paragraphFontSize);
  text-shadow: 0 0 1vw 0 #00000080;
  margin: 0;
  margin-bottom: 2vw;
  text-shadow: 0 0 0.5vw rgba(var(--primaryColorRgbTheme), 0.5);
}

.events-graphic-container {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.events-action-container{
  width: 100%;
  height: max-content;
  margin-top: 2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.events-action-button-primary{
  border: 0;
  width: max-content;
  height: max-content;
  background-color: var(--tertiaryColor);
  color: var(--tertiaryHeadingColor);
  font-family: var(--headingFont);
  font-size: var(--paragraphFontSize);
  font-weight: 900;
  border-radius: 0.2vw;
  padding: 1vw 1.4vw;
  outline: none;
  margin-right: 2vw;
}

.events-action-button-secondary{
  border: 0;
  width: max-content;
  height: max-content;
  background-color: transparent;
  color: var(--secondaryHeadingColorTheme);
  font-family: var(--headingFont);
  font-size: var(--paragraphFontSize);
  font-weight: 900;
  border-radius: 0.2vw;
  padding: 0.7vw 1.1vw;
  border: 0.25vw solid var(--secondaryHeadingColorTheme);
  outline: none;
  margin-right: 2vw;
}

.events-collage-image-container{
  position: absolute;
  border-radius: 0.2vw;
  box-shadow: 0 0 4vw 0 rgba(var(--secondaryColorRgbTheme), 0.25),
            0 0 0.5vw 0 rgba(var(--secondaryColorRgbTheme), 0.5);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0.5vw solid rgba(var(--secondaryColorRgbTheme), 0.9);
}

.events-collage-image-container.collage-image-1{
  width: 37vw;
  height: 10.7vw;
  top: -5vw;
  left: 4vw;
  transform: perspective(68vw) rotateX(340deg) rotateY(0deg) rotateZ(0deg);
  background-image: url("/images/eventsSection/events-collage-1.webp");
  background-position: 50% 60%;
  z-index: 2;
  box-shadow: none;
}

.events-collage-image-container.collage-image-2{
  width: 10vw;
  height: 13.3vw;
  top: 6.4vw;
  left: 33.7vw;
  transform: perspective(68vw) rotateX(0deg) rotateY(340deg) rotateZ(0deg);
  background-image: url("/images/eventsSection/events-collage-3.webp");
  z-index: 4;
  background-position: 100% 40%;
  background-size: auto 150%;
}

.events-collage-image-container.collage-image-3{
  width: 20.9vw;
  height: 13vw;
  top: 6.6vw;
  left: 11.85vw;
  transform: perspective(68vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  background-image: url("/images/eventsSection/events-collage-2.webp");
  background-size: 250% auto;
  background-position: 50% 55%;
}

.events-collage-image-container.collage-image-4{
  width: 10vw;
  height: 13.3vw;
  top: 6.4vw;
  left: 0.9vw;
  transform: perspective(68vw) rotateX(0deg) rotateY(20deg) rotateZ(0deg) scaleX(-1);
  background-image: url("/images/eventsSection/events-collage-2.webp");
  z-index: 4;
  background-position: 5% 40%;
  background-size: auto 200%;
}

.events-collage-image-container.collage-image-5{
  width: 17vw;
  height: 14vw;
  top: 20.4vw;
  left: 4.6vw;
  transform: perspective(68vw) rotateX(20deg) rotateY(0deg) rotateZ(3deg);
  background-image: url("/images/eventsSection/events-collage-4.webp");
  background-position: 50% 70%;
  background-size: 150%;
}

.events-collage-image-container.collage-image-6{
  width: 17vw;
  height: 14vw;
  top: 20.4vw;
  left: 23.4vw;
  transform: perspective(68vw) rotateX(20deg) rotateY(0deg) rotateZ(-3deg);
  background-image: url("/images/eventsSection/events-collage-5.webp");
  background-position: 50% 70%;
}

@media(max-width: 672px){
  .events-section {
    height: 230vw;
    padding: 8vw 6vw;
    padding-top: 8vw;
    padding-bottom: 18vw;
    flex-direction: column;
  }
  
  .events-section hr{
    border-width: 0.35vw;
  }
  
  .events-wrapper{
    width: 100%;
    height: 100%;
    border-radius: 0.4vw;
    flex-direction: column;
  }
  
  .events-info-container {
    width: 100%;
    height: 60%;
  }
  
  .events-section-title {
    font-size: var(--superheadingFontSize);
    margin-bottom: 4vw;
    text-shadow: 0 0 1vw rgba(var(--primaryColorRgbTheme), 0.5);
  }
  
  .events-section-paragraph {
    font-size: var(--subheadingFontSize);
    line-height: var(--headingFontSize);
    margin-top: 6vw;
    text-shadow: 0 0 1vw rgba(var(--primaryColorRgbTheme), 0.5);
  }
  
  .events-section-subtitle {
    font-size: var(--paragraphFontSize);
    text-shadow: 0 0 2vw 0 #00000080;
    margin-bottom: 4vw;
    text-shadow: 0 0 1vw rgba(var(--primaryColorRgbTheme), 0.5);
  }
  
  .events-graphic-container {
    padding-right: 0;
    margin-top: 8vw;
    width: 100%;
    height: 40%;
  }
  
  .events-action-container{
    margin-top: 4vw;
  }
  
  .events-action-button-primary{
    font-size: var(--paragraphFontSize);
    border-radius: 0.4vw;
    padding: 2vw 2.8vw;
    margin-right: 4vw;
  }
  
  .events-action-button-secondary{
    font-size: var(--paragraphFontSize);
    border-radius: 0.4vw;
    padding: 1.4vw 2.2vw;
    border: 0.5vw solid var(--secondaryHeadingColorTheme);
    margin-right: 4vw;
  }
  
  .events-collage-image-container{
    border-radius: 0.4vw;
    box-shadow: 0 0 8vw 0 rgba(var(--secondaryColorRgbTheme), 0.25),
              0 0 1vw 0 rgba(var(--secondaryColorRgbTheme), 0.5);
    border: 1vw solid rgba(var(--secondaryColorRgbTheme), 0.9);
  }
  
  .events-collage-image-container.collage-image-1{
    width: 74vw;
    height: 21.4vw;
    top: 3vw;
    left: -1vw;
    transform: perspective(68vw) rotateX(340deg) rotateY(0deg) rotateZ(0deg);
    background-image: url("/images/eventsSection/events-collage-1.webp");
    z-index: 2;
    box-shadow: none;
  }
  
  .events-collage-image-container.collage-image-2{
    width: 20vw;
    height: 27.4vw;
    top: 26.4vw;
    left: 59vw;
    transform: perspective(68vw) rotateX(0deg) rotateY(340deg) rotateZ(0deg);
    background-image: url("/images/eventsSection/events-collage-3.webp");
    z-index: 4;
  }
  
  .events-collage-image-container.collage-image-3{
    width: 41.8vw;
    height: 26vw;
    top: 26.6vw;
    left: 14.85vw;
    transform: perspective(68vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    background-image: url("/images/eventsSection/events-collage-2.webp");
  }
  
  .events-collage-image-container.collage-image-4{
    width: 20vw;
    height: 27.4vw;
    top: 26.4vw;
    left: -7.2vw;
    transform: perspective(68vw) rotateX(0deg) rotateY(20deg) rotateZ(0deg) scaleX(-1);
    background-image: url("/images/eventsSection/events-collage-2.webp");
    z-index: 4;
  }
  
  .events-collage-image-container.collage-image-5{
    width: 34vw;
    height: 28vw;
    top: 54.4vw;
    left: -1.6vw;
    transform: perspective(68vw) rotateX(20deg) rotateY(0deg) rotateZ(3deg);
    background-image: url("/images/eventsSection/events-collage-4.webp");
  }
  
  .events-collage-image-container.collage-image-6{
    width: 34vw;
    height: 28vw;
    top: 54.4vw;
    left: 39.4vw;
    transform: perspective(68vw) rotateX(20deg) rotateY(0deg) rotateZ(-3deg);
    background-image: url("/images/eventsSection/events-collage-5.webp");
  }
}