.hero.section {
  --background-decoration-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 675'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M153 0v108h-47V0H77v108H30V0H0v675h183V540h306V405h-30v108h-47V405h-29v108h-47V270h-30v108h-47V270h-29v108h-47V0h-30Zm0 135h-47v108h47V135Zm-76 0H30v108h47V135Zm29 135h47v108h-47V270Zm-76 0h47v108H30V270Zm123 135h-47v108h47V405Zm-76 0H30v108h47V405Zm182 0h47v108h-47V405Zm-76 0h47v108h-47V405Zm-30 135h-47v108h47V540Zm-76 0H30v108h47V540Z' clip-rule='evenodd'/%3E %3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='489.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2324306D'/%3E%3Cstop offset='1' stop-color='%23007EC3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding-bottom: 40px;
  color: var(--color-primary);
  position: static;
}
.hero.section.home-hero .content .title {
  text-align: left;
  hyphens: manual;
}
.hero.section .content {
  align-items: flex-start;
}
.hero.section .content .title {
  margin-bottom: 22px;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.hero.section .scroll svg,
.hero.section .scroll img {
  margin-top: 50px;
}
.hero.section .button.primary {
  position: relative;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.15em;
  padding: 40px 32px;
  background: linear-gradient(90deg, #24306D 0%, #007EC3 100%);
  text-transform: uppercase;
}
.hero.section .button.primary::before, .hero.section .button.primary::after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 32px);
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E %3Cpath fill='url(%23a)' d='M0 0v12h4V4h8V0H0Z'/%3E %3Cdefs%3E %3ClinearGradient id='a' x1='0' x2='12' y1='6' y2='6' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2324306D'/%3E %3Cstop offset='1' stop-color='%23007EC3'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ") left top/12px 12px no-repeat;
  z-index: -1;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.hero.section .button.primary::after {
  transform: scale(-1);
  transform-origin: center center;
}
@media (pointer: fine) {
  .hero.section .button.primary:hover::before, .hero.section .button.primary:hover::after {
    top: -10px;
    left: -14px;
    width: calc(100% + 28px);
    height: calc(100% + 20px);
  }
}
@media (max-width: 845px) {
  .hero.section .button.primary {
    padding: 32px 24px;
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .hero.section .button.primary {
    padding: 25px 16px;
    font-size: 14px;
  }
}
.hero.section.hero-type-1, .hero.section.hero-type-2 {
  height: auto;
  min-height: 0;
  padding-bottom: 80px;
}
.hero.section.hero-type-1 .content, .hero.section.hero-type-2 .content {
  overflow: visible;
  padding-top: 120px;
  position: relative;
}
.hero.section.hero-type-1 .content::before, .hero.section.hero-type-1 .content::after, .hero.section.hero-type-2 .content::before, .hero.section.hero-type-2 .content::after {
  content: "";
  display: block;
  position: absolute;
  width: 489.17px;
  height: 675px;
  top: calc(-115px - var(--navbar-height));
  right: calc(50% + 500px);
}
.hero.section.hero-type-1 .content::before, .hero.section.hero-type-2 .content::before {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 675'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M153 0v108h-47V0H77v108H30V0H0v675h183V540h306V405h-30v108h-47V405h-29v108h-47V270h-30v108h-47V270h-29v108h-47V0h-30Zm0 135h-47v108h47V135Zm-76 0H30v108h47V135Zm29 135h47v108h-47V270Zm-76 0h47v108H30V270Zm123 135h-47v108h47V405Zm-76 0H30v108h47V405Zm182 0h47v108h-47V405Zm-76 0h47v108h-47V405Zm-30 135h-47v108h47V540Zm-76 0H30v108h47V540Z' clip-rule='evenodd'/%3E %3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='489.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2324306D'/%3E%3Cstop offset='1' stop-color='%23007EC3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") right bottom/contain no-repeat;
}
.hero.section.hero-type-1 .content::after, .hero.section.hero-type-2 .content::after {
  right: auto;
  left: calc(50% + 500px);
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 675'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M459 0v108h-47V0h-29v108h-47V0h-30v378h-47V270h-29v108h-47V270h-30v135h153v243h-47V540h-29v108h-47V540h-30v108h-47V540H77v108H30V540H0v135h489V0h-30Zm0 135h-47v108h47V135Zm-76 0h-47v108h47V135Zm29 135h47v108h-47V270Zm-76 0h47v108h-47V270Zm0 135v108h47V405h-47Zm76 0h47v108h-47V405Zm47 135h-47v108h47V540Zm-76 0h-47v108h47V540Z' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='489.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2324306D'/%3E%3Cstop offset='1' stop-color='%23007EC3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") left bottom/contain no-repeat;
}
.hero.section.hero-type-1 .content .title, .hero.section.hero-type-1 .content .text, .hero.section.hero-type-1 .content .actions, .hero.section.hero-type-2 .content .title, .hero.section.hero-type-2 .content .text, .hero.section.hero-type-2 .content .actions {
  max-width: min(677px, 60vw);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.hero.section.hero-type-1 .content .title, .hero.section.hero-type-2 .content .title {
  margin-bottom: 80px;
}
.hero.section.hero-type-1 .content .text, .hero.section.hero-type-2 .content .text {
  line-height: 2.18;
}
@media (max-width: 845px) {
  .hero.section.hero-type-1, .hero.section.hero-type-2 {
    padding-bottom: 0;
  }
  .hero.section.hero-type-1 .content .text,
  .hero.section.hero-type-1 .content .title, .hero.section.hero-type-2 .content .text,
  .hero.section.hero-type-2 .content .title {
    width: 100%;
    text-align: left;
    max-width: unset;
  }
  .hero.section.hero-type-1 .content .text, .hero.section.hero-type-2 .content .text {
    line-height: 1.8;
  }
}
.hero.section.hero-type-2 .content::before, .hero.section.hero-type-2 .content::after {
  transform-origin: center center;
  transform: scaleX(-1);
}
.hero.section.hero-type-2 .content::before {
  right: auto;
  left: calc(50% + 500px);
  background-position: left bottom;
}
.hero.section.hero-type-2 .content::after {
  left: auto;
  right: calc(50% + 500px);
  background-position: right bottom;
}
@media (max-width: 1576px) {
  .hero.section.hero-type-1 .content::before {
    right: calc(50% + 370px);
  }
  .hero.section.hero-type-1 .content::after {
    left: calc(50% + 370px);
  }
  .hero.section.hero-type-2 .content::before {
    left: calc(50% + 370px);
  }
  .hero.section.hero-type-2 .content::after {
    right: calc(50% + 370px);
  }
}
@media (max-width: 1024px) {
  .hero.section {
    padding-bottom: 0;
  }
}

.decoration-bg .background::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -19.4%;
  width: 157.8%;
  height: 117.8%;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1256 944'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M460 103V-6h29v787h47V673h30v108h47V673h30v108h46V673h30v108h47V673h30v108h46V673h30v108h47V673h30v108h47V673h29v108h47V538h30v108h47V538h29v108h47V538h30v270H949v136H613V808H306V401H153V265H0V-6h30v109h47V-6h29v109h47V-6h30v109h47V-6h30v109h46V-6h30v109h47V-6h30v109h47Zm-307 27h-47v108h47V130Zm-76 0H30v108h47V130Zm229 0h-46v108h46V130Zm-76 0h-47v108h47V130Zm-47 244V265h47v109h-47Zm77 0V265h46v109h-46Zm612 434h47v109h-47V808Zm-30 0h-46v109h46V808Zm-76 0h-47v109h47V808Zm-123 0v109h46V808h-46ZM460 673h-1v108h-46V672h47v1Zm-47-543h47v108h-47V130Zm-77 0h47v108h-47V130Zm124 135h-47v109h47V265Zm-77 0h-47v109h47V265Zm30 136h47v109h-47V401Zm-77 0h47v109h-47V401Zm124 136h-47v108h47V537Zm-77 0h-47v108h47V537Zm-47 135h47v109h-47V672Zm842 1h47v108h-47V673Zm-76 0h47v108h-47V673Z' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1255.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2324306D'/%3E%3Cstop offset='1' stop-color='%23007EC3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") right top/contain no-repeat;
}
.decoration-bg.left-bg .background::after {
  right: auto;
  left: -19.4%;
  transform: scaleX(-1);
  transform-origin: center center;
}

.hero .button.primary {
  margin-top: 32px;
}
.hero.right-bg .background, .hero.left-bg .background {
  top: 0;
  width: 796px;
  height: 808px;
}
.hero.right-bg .background img, .hero.left-bg .background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero.right-bg .content, .hero.left-bg .content {
  padding-top: 280px;
}
.hero.right-bg .content .title, .hero.left-bg .content .title {
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}
.hero.right-bg .content .text, .hero.left-bg .content .text {
  line-height: 2.18;
}
.hero.right-bg .content .text p, .hero.left-bg .content .text p {
  margin-bottom: 2.18em;
}
.hero.right-bg .content .text p:last-child, .hero.left-bg .content .text p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .hero.right-bg .content, .hero.left-bg .content {
    padding-top: 80px;
  }
  .hero.right-bg .content .title, .hero.left-bg .content .title {
    margin-bottom: 40px;
  }
}
.hero.left-bg .background {
  position: absolute;
  left: auto;
  right: 58.333333331%;
}
@media (min-width: 1025px) {
  .hero.left-bg .content {
    padding-left: min(50% + 20px, 720px);
    padding-right: 40px;
  }
}
.hero.right-bg .background {
  position: absolute;
  right: auto;
  left: 58.333333331%;
}
@media (max-width: 1024px) {
  .hero.right-bg .background {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    width: calc(100% - 48px);
    height: auto;
    aspect-ratio: 1.162790698;
    margin: 0 24px;
    max-height: 301px;
  }
  .hero.right-bg .background img {
    object-position: center 20%;
  }
}
@media (min-width: 1025px) {
  .hero.right-bg .content {
    padding-left: 40px;
    padding-right: min(50% + 20px, 760px);
  }
}
@media (max-width: 1024px) {
  .hero.right-bg .content {
    padding-top: 54px;
    padding-right: clamp(100px, 100% - 624px, 30%);
    padding-left: 24px;
  }
  .hero.right-bg .content .button.primary {
    margin-left: 20px;
  }
}
@media (max-width: 845px) {
  .hero.right-bg .content .title {
    font-size: 28px;
    line-height: 1.5;
  }
}
@media (max-width: 540px) {
  .hero.right-bg .content {
    padding-right: 24px;
    padding-left: 24px;
  }
  .hero.right-bg .content .title {
    font-size: 24px;
  }
}
.hero:last-child {
  margin-bottom: var(--section-y-margin);
}

@media (max-width: 1024px) {
  .hero.section {
    position: relative;
  }
  .hero.section .content::before, .hero.section .content::after,
  .hero.section .background::before,
  .hero.section .background::after {
    display: none !important;
  }
  .hero.section::after {
    display: block;
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    background-image: var(--background-decoration-1);
    bottom: calc(100% - 110px);
    right: -67px;
    width: 287px;
    height: 396px;
    z-index: 0;
    pointer-events: none;
  }
}
@media (max-width: 1024px) and (max-width: 540px) {
  .hero.section::after {
    bottom: calc(100% - 78px);
    right: -41px;
    width: 205px;
    height: 283px;
  }
}
@media (max-width: 1024px) and (max-width: 845px) {
  .hero.section {
    padding-bottom: 0;
  }
  .hero.section .content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero.section .content .title,
  .hero.section .content .text {
    width: 100%;
    max-width: initial;
    text-align: left;
  }
}
@media (max-width: 1024px) and (max-width: 540px) {
  .hero.section .content {
    padding-top: 78px;
  }
  .hero.section .content .title {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .hero.section.left-bg .background.type-image,
  .hero.section.left-bg .background.type-video, .hero.section.right-bg .background.type-image,
  .hero.section.right-bg .background.type-video {
    position: static;
    width: 100%;
    max-width: calc(100vw - 48px);
    height: auto;
    aspect-ratio: 1.162790698;
    margin: 0 auto;
    max-height: 301px;
  }
  .hero.section.left-bg .background.type-image img,
  .hero.section.left-bg .background.type-video img, .hero.section.right-bg .background.type-image img,
  .hero.section.right-bg .background.type-video img {
    object-position: center;
  }
}

/*# sourceMappingURL=hero.css.map */