div.gradient[data-v-1l13lp9ko]::before {
  height: 100%;
}
.spinner[data-v-1l13lp9ko]:before {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: spinner-1l13lp9ko 1.2s linear infinite;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  top: 50%;
  margin-top: -32px;
}
@keyframes spinner-1l13lp9ko {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.wrapper[data-v-1l13lp9ko] {
  height: auto;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
.wrapper[data-v-1l13lp9ko] {
    grid-template-columns: 6fr 4fr;
}
}
.hero-embedded-video[data-v-1l13lp9ko] {
  border-radius: 0.5rem;
  outline: none;
  transition: display 0.1s ease-out;
  overflow: hidden;
}
.hero-embedded-video .embedded-wrapper[data-v-1l13lp9ko] {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.hero-embedded-video .embedded-wrapper[data-v-1l13lp9ko] iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hero-embedded-video:not(.hidden) ~ *[data-v-1l13lp9ko] {
  transition: opacity 0.1s ease-out;
  opacity: 0;
}
.left-side[data-v-1l13lp9ko] {
  justify-self: center;
}
.right-side[data-v-1l13lp9ko] {
  height: auto;
}
@media only screen and (min-width: 1024px) {
.right-side[data-v-1l13lp9ko] {
    display: grid;
    place-items: center;
    height: 720px;
}
.right-side .img-size[data-v-1l13lp9ko] {
    width: 960px;
    max-width: 960px;
    height: auto;
}
}
#hero-video[data-v-1l13lp9ko] {
  outline: none;
  transition: display 0.1s ease-out;
  z-index: 11;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 36rem;
}
#hero-video:not(.hidden) ~ *[data-v-1l13lp9ko] {
  transition: opacity 0.1s ease-out;
  opacity: 0;
}
@media only screen and (min-width: 1024px) {
.set-size[data-v-1l13lp9ko] {
    min-height: 784px;
    display: flex;
    align-items: center;
}
}
@media only screen and (min-width: 1024px) {
.video-players[data-v-1l13lp9ko] {
    width: 28rem;
}
}
@media only screen and (min-width: 1280px) {
.video-players[data-v-1l13lp9ko] {
    width: 42rem;
}
}
@media only screen and (min-width: 1600px) {
.video-players[data-v-1l13lp9ko] {
    width: 50rem;
}
}
.primary-btn-fix[data-v-1l13lp9ko] {
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
  padding: 0;
  padding-left: 5px;
}
@media only screen and (min-width: 1024px) {
.primary-btn-fix[data-v-1l13lp9ko] {
    left: 30%;
    top: 55%;
}
}
@media only screen and (min-width: 1280px) {
.primary-btn-fix[data-v-1l13lp9ko] {
    left: 40%;
}
}
@media only screen and (min-width: 1600px) {
.primary-btn-fix[data-v-1l13lp9ko] {
    left: 50%;
}
}
.primary-btn-fix[data-v-1l13lp9ko]:hover::before {
  display: none !important;
}
.primary-btn-fix[data-v-1l13lp9ko]:hover {
  transform: translate(-50%, -50%) scale(1.2);
}