/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./scss/blocks/pr-banner.scss ***!
  \*******************************************************************************************************************************************************************************************/
.pr-banner {
  height: calc(100vh - 96px);
  aspect-ratio: 2912/1220;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .pr-banner {
    height: calc(100dvh - 72px);
  }
}
.pr-banner img.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0.7);
}
@media screen and (max-width: 599px) {
  .pr-banner img.bg {
    filter: brightness(0.5);
  }
}
.pr-banner .pr-banner-container {
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 599px) {
  .pr-banner .pr-banner-container {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.pr-banner .pr-banner-container .pr-banner-wrapper {
  margin: 12vh 0 0;
}
@media screen and (max-width: 599px) {
  .pr-banner .pr-banner-container .pr-banner-wrapper {
    margin: auto 0 24px;
  }
}
.pr-banner .pr-banner-container .pr-banner-wrapper h1 {
  margin: 0 0 32px;
  font-size: 100px;
  line-height: 88.8px;
}
@media screen and (max-width: 599px) {
  .pr-banner .pr-banner-container .pr-banner-wrapper h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.03em;
  }
}
.pr-banner .pr-banner-container .pr-banner-wrapper p {
  margin: 0 0 32px;
  max-width: 60%;
}
@media screen and (max-width: 599px) {
  .pr-banner .pr-banner-container .pr-banner-wrapper p {
    max-width: 100%;
  }
}
.pr-banner.is-style-dark-bg .btn {
  background-color: #F1F5F9;
  color: #334155;
  border-color: #F1F5F9;
}
.pr-banner.is-style-dark-bg .btn:hover {
  background-color: #334155;
  color: #F1F5F9;
  border-color: #F1F5F9;
}
