/* 3840px */
/* 2880px */
/* 2560px */
/* 1920px */
/* 1600px */
/* 1440px */
/* 1280px d */
/* 1024px l */
/* 896px n */
/* 768px t */
/* 640px f */
/* 480px p */
/* 320px w */
.content--company-events-intro > div:last-of-type {
  margin-top: 2rem;
  width: fit-content;
  margin-inline: auto;
}
.content--company-events-intro.center > div:first-of-type {
  text-align: center !important;
}
@media only screen and (min-width: 56em) {
  .content--company-events-intro {
    display: grid;
    grid-template-columns: 2fr auto;
    grid-auto-flow: dense;
    gap: 1.5rem;
  }
  .content--company-events-intro > div:first-of-type {
    grid-column: 1/3;
    text-align: start;
    margin-top: 2rem;
  }
  .content--company-events-intro > div:last-of-type {
    grid-column: 3/-1;
    justify-self: flex-end;
    padding-left: 2rem;
  }
}

.company-event {
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 25rem 1fr;
}
@media only screen and (max-width: 80em) {
  .company-event {
    grid-template-columns: 18.75rem 2fr;
  }
}
@media only screen and (max-width: 56em) {
  .company-event {
    display: flex !important;
    flex-direction: column;
  }
}
.company-event .img-container {
  position: relative;
}
.company-event .img-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(30, 30, 30, 0.32);
}
.company-event .img-container > img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 56em) {
  .company-event .img-container > img {
    max-height: 15.625rem;
  }
}
@media only screen and (max-width: 30em) {
  .company-event .img-container > img {
    max-height: 11.25rem;
  }
}
.company-event .content {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.company-event .content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.company-event .content .header .price {
  font-size: 1.25rem;
}
@media only screen and (max-width: 80em) {
  .company-event .content .header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.company-event .content .subtitle-container {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.company-event .content .btn-read-more {
  width: fit-content;
  margin-top: 1rem;
}
.company-event:hover .btn-read-more {
  background-color: #1E1E1E;
  color: white;
}

.company-event-detail__intro {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  gap: 2rem;
}
@media only screen and (max-width: 56em) {
  .company-event-detail__intro {
    display: flex;
    flex-direction: column;
  }
}
.company-event-detail .content:not(:first-of-type) {
  margin-top: 3rem;
}
.company-event-detail .content.short-description {
  margin-top: 0;
  align-self: center;
}
.company-event-detail .content--block {
  border: 1px solid #1E1E1E;
  padding: 2.5rem;
  margin-bottom: 0;
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
}
.company-event-detail .content--block > div > p:first-child {
  font-weight: 700;
}
@media only screen and (min-width: 30em) {
  .company-event-detail .content--block > div {
    display: grid;
    grid-template-columns: 5rem 1fr;
  }
}