/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_dev/module/css/module.scss ***!
  \**********************************************************************************************************************/
.oo_heroheader_heroheader {
  position: relative; }
  @media screen and (min-width: 1440px) {
    .oo_heroheader_heroheader {
      aspect-ratio: 1440 / 530;
      width: 100%;
      max-height: 750px; } }
  .oo_heroheader_heroheader > svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; }
    @media screen and (max-width: 768px) {
      .oo_heroheader_heroheader > svg {
        height: 50px; } }
  .oo_heroheader_heroheader__container {
    padding: 70px 0 50px 0;
    display: flex;
    align-items: center;
    height: 100%; }
    @media screen and (max-width: 768px) {
      .oo_heroheader_heroheader__container {
        padding: 120px 0 40px 0; } }
  .oo_heroheader_heroheader__item {
    text-align: center;
    transition: opacity .25s ease; }
    .oo_heroheader_heroheader__item__content {
      max-width: 825px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #fff;
      gap: 20px; }
    .oo_heroheader_heroheader__item h2 {
      font-size: var(--theme-size-h1); }
  .oo_heroheader_heroheader__slider .swiper-wrapper {
    align-items: center; }
  .oo_heroheader_heroheader__slider__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 80px; }
    @media screen and (max-width: 768px) {
      .oo_heroheader_heroheader__slider__buttons {
        margin-top: 30px; } }
  .oo_heroheader_heroheader__slider__button-prev, .oo_heroheader_heroheader__slider__button-next {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background-color: transparent;
    border-radius: 100%;
    border: 1px solid var(--theme-color-1);
    transition: background-color .25s ease;
    cursor: pointer; }
    .oo_heroheader_heroheader__slider__button-prev:after, .oo_heroheader_heroheader__slider__button-next:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-color: var(--theme-color-1);
      mask-image: url(.././img/5723b8751cf19a165b9a.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      position: absolute;
      transition: background-color .25s ease;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    @media screen and (min-width: 769px) {
      .oo_heroheader_heroheader__slider__button-prev:hover, .oo_heroheader_heroheader__slider__button-next:hover {
        background-color: var(--theme-color-1); }
        .oo_heroheader_heroheader__slider__button-prev:hover:after, .oo_heroheader_heroheader__slider__button-next:hover:after {
          background-color: #fff; } }
    .oo_heroheader_heroheader__slider__button-prev:is(.swiper-button-next):after, .oo_heroheader_heroheader__slider__button-next:is(.swiper-button-next):after {
      transform: translate(-50%, -50%) rotate(180deg); }
  .oo_heroheader_heroheader__slider__pagination {
    display: flex;
    align-items: center;
    gap: 15px; }
    .oo_heroheader_heroheader__slider__pagination .swiper-pagination-bullet {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      border: 1px solid var(--theme-color-1); }
      .oo_heroheader_heroheader__slider__pagination .swiper-pagination-bullet-active {
        background-color: var(--theme-color-1); }
  .oo_heroheader_heroheader__slider.swiper-initialized .oo_heroheader_heroheader__item:not(.swiper-slide-active) {
    opacity: 0; }
  .oo_heroheader_heroheader video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }