.saga-banner {
  display: flex;
  gap: 16px;
}
.saga-banner .content-container {
  flex-direction: column;
  padding: 48px 24px;
}
@media (max-width: 800px) {
  .saga-banner .content-container {
    padding: 24px 24px;
  }
}
@media (max-width: 800px) {
  .saga-banner .content-container {
    padding: 24px 24px;
  }
}
@media (max-width: 550px) {
  .saga-banner .content-container {
    padding: 24px 16px;
  }
}
.saga-banner.not-sidebar {
  justify-content: center;
  align-items: center;
}
.saga-banner.not-sidebar img {
  aspect-ratio: 1156/477;
  object-fit: cover;
  object-position: center;
}
.saga-banner.not-sidebar .image-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--deep-chocolate);
  opacity: 0.64;
  border-radius: 3px;
}
.saga-banner.not-sidebar .image-block .text h2, .saga-banner.not-sidebar .image-block .text h3 {
  font-size: 40px;
  line-height: 52px;
}
@media (max-width: 930px) {
  .saga-banner.not-sidebar .image-block .text h2, .saga-banner.not-sidebar .image-block .text h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.saga-banner.not-sidebar .image-block .text h4, .saga-banner.not-sidebar .image-block .text h5, .saga-banner.not-sidebar .image-block .text h6 {
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 930px) {
  .saga-banner.not-sidebar .image-block .text h4, .saga-banner.not-sidebar .image-block .text h5, .saga-banner.not-sidebar .image-block .text h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 740px) {
  .saga-banner.not-sidebar .image-block .text-block {
    display: none;
  }
}
.saga-banner.not-sidebar .image-block .text-block h4, .saga-banner.not-sidebar .image-block .text-block h5, .saga-banner.not-sidebar .image-block .text-block h6 {
  color: var(--white);
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 930px) {
  .saga-banner.not-sidebar .image-block .text-block h4, .saga-banner.not-sidebar .image-block .text-block h5, .saga-banner.not-sidebar .image-block .text-block h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
.saga-banner.not-sidebar .image-block .text-block p {
  color: var(--white);
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
}
@media (max-width: 930px) {
  .saga-banner.not-sidebar .image-block .text-block p {
    font-size: 16px;
    line-height: 18px;
  }
}
.saga-banner.not-sidebar .image-block .text-block p strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
@media (max-width: 930px) {
  .saga-banner.not-sidebar .image-block .text-block p strong {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 740px) {
  .saga-banner.not-sidebar .image-block .saga-link {
    display: none;
  }
}
.saga-banner .saga-block {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 862px;
  text-align: center;
  bottom: 32px;
}
.saga-banner .saga-block .saga-link {
  margin-top: 16px;
}
@media (max-width: 1100px) {
  .saga-banner .saga-block {
    bottom: auto;
  }
}
@media (max-width: 800px) {
  .saga-banner .saga-block {
    padding: 0 36px;
  }
}
.saga-banner:not(.not-sidebar) {
  flex-direction: column;
  align-items: start;
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E7E5E4;
}
.saga-banner h2, .saga-banner h3, .saga-banner h4, .saga-banner h5, .saga-banner h6 {
  font-weight: 700;
  font-family: Lora;
  font-style: normal;
}
.saga-banner:not(.not-sidebar) .image-block .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.saga-banner .image-block {
  position: relative;
  width: 100%;
}
.saga-banner .image-block .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.saga-banner .image-block .text h2, .saga-banner .image-block .text h3 {
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  white-space: nowrap;
}
.saga-banner .image-block .text h4, .saga-banner .image-block .text h5, .saga-banner .image-block .text h6 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
}
.saga-banner .text-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.saga-banner .text-block h4, .saga-banner .text-block h5, .saga-banner .text-block h6 {
  color: #1C1917;
  font-size: 20px;
  line-height: 26px;
}
.saga-banner .text-block p {
  color: #1C1917;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.saga-banner .text-block p strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}
.saga-banner img {
  border-radius: 3px;
  display: flex;
}
.saga-banner a.saga-link {
  border-radius: 3px;
  background: var(--dark-red);
  padding: 14px 16px;
  font-family: Roboto;
  display: flex;
  text-decoration: none;
  color: var(--grayish-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.saga-banner a.saga-link:hover {
  background: var(--dark-red-hover);
}
.saga-banner .text-block-mobile {
  display: none;
}
.saga-banner .text-block-mobile .text-block {
  margin-top: 24px;
  text-align: center;
}
@media (max-width: 740px) {
  .saga-banner .text-block-mobile {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
.saga-banner .text-block-mobile a.saga-link {
  margin: 16px auto 0 auto;
}

/*# sourceMappingURL=saga-banner.css.map */