.slider-wrapper {
  display: flex;
  max-width: 100%;
  min-width: 100%;
  height: 31vw;
  min-height: 400px;
  max-height: calc(100vh - 190px); }
  .slider-wrapper .slide {
    width: 100%;
    min-width: 100%; }
    .slider-wrapper .slide.animation-element.active {
      z-index: 2; }
    .slider-wrapper .slide.animation-element:not(.active):not(.next-slide) {
      display: none; }
  .slider-wrapper .slide-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    overflow-x: hidden; }
    .slider-wrapper .slide-wrapper:after {
      display: block;
      content: "";
      width: 100%;
      height: 50%;
      position: absolute;
      top: 50%;
      left: 0;
      background-image: linear-gradient(0deg, var(--secondary-bg), transparent);
      z-index: 0; }
  .slider-wrapper .slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--light-bg); }
    .slider-wrapper .slide-bg .image {
      height: 100%;
      margin: 0; }
    .slider-wrapper .slide-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .slider-wrapper .slide-inner {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/img/slider-text-bg.webp");
    background-position: 12vw center;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 1; }
  .slider-wrapper .photo {
    margin-left: auto;
    max-width: 50%;
    max-height: 100%;
    overflow-y: hidden;
    padding-left: 20px;
    padding-right: 20px; }
    .slider-wrapper .photo img {
      max-width: 100%;
      height: auto; }
  .slider-wrapper .text {
    width: 100%;
    max-height: 100%;
    overflow-y: hidden;
    padding-left: 15px;
    padding-right: 15px; }
    .slider-wrapper .text .text-inner {
      width: 630px;
      max-width: 100%;
      padding: 15px; }
    .slider-wrapper .text .buttons {
      justify-content: flex-start;
      margin-top: 0; }
    .slider-wrapper .text a,
    .slider-wrapper .text button {
      margin-left: 0; }
      .slider-wrapper .text a:first-child:last-child,
      .slider-wrapper .text button:first-child:last-child {
        margin-top: 0; }
    .slider-wrapper .text .slide-title, .slider-wrapper .text .slide-subtitle {
      margin: 0; }
    .slider-wrapper .text .slide-title {
      color: var(--secondary-title);
      font-size: 56rem;
      letter-spacing: 3px;
      text-transform: uppercase;
      font-family: "Teko", sans-serif;
      line-height: 1;
      font-weight: 600;
      filter: drop-shadow(0px 0px 5px var(--secondary-bg)) drop-shadow(0px 0px 8px var(--secondary-bg)); }
    .slider-wrapper .text .slide-subtitle {
      color: var(--secondary-text);
      font-weight: 300;
      font-size: 21rem;
      line-height: 1.4;
      filter: drop-shadow(0px 0px 5px var(--secondary-bg)) drop-shadow(0px 0px 10px var(--secondary-bg)) drop-shadow(0px 0px 15px var(--secondary-bg)); }
    .slider-wrapper .text .slide-content p, .slider-wrapper .text .slide-content ul li, .slider-wrapper .text .slide-content ol li {
      font-weight: 300;
      font-size: 21rem;
      line-height: 1.4; }
    .slider-wrapper .text .title {
      margin-bottom: 20px; }

@media (max-width: 575.5px) {
  .slider-wrapper {
    min-height: 300px; }
    .slider-wrapper.resolution-desktop {
      display: none; }
    .slider-wrapper .text {
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 95%;
      padding: 25px 10px; }
      .slider-wrapper .text .slide-title {
        font-size: 35rem;
        letter-spacing: 1px; }
      .slider-wrapper .text .slide-subtitle {
        font-size: 18rem; }
      .slider-wrapper .text .title {
        margin-bottom: 10px; }
      .slider-wrapper .text .buttons {
        margin-top: 10px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .slider-wrapper {
    min-height: 350px; }
    .slider-wrapper.resolution-desktop {
      display: none; }
    .slider-wrapper .text {
      padding: 25px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 95%; }
      .slider-wrapper .text .slide-title {
        font-size: 40rem;
        letter-spacing: 2px; }
      .slider-wrapper .text .slide-subtitle {
        font-size: 19rem; }
      .slider-wrapper .text .title {
        margin-bottom: 10px; }
      .slider-wrapper .text .buttons {
        margin-top: 10px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .slider-wrapper .animation-buttons .btn-animate {
    width: 35px;
    height: 35px; }
    .slider-wrapper .animation-buttons .btn-animate .line1 {
      width: 11px;
      height: 3px; }
    .slider-wrapper .animation-buttons .btn-animate .line2 {
      width: 17px;
      height: 3px; }
    .slider-wrapper .animation-buttons .btn-animate .line3 {
      width: 11px;
      height: 3px; }
  .slider-wrapper.resolution-mobile {
    display: none; }
  .slider-wrapper .photo {
    max-width: 40%; }
  .slider-wrapper .text {
    margin-left: auto;
    width: 100%;
    max-width: 60%; }
    .slider-wrapper .text .slide-title {
      font-size: 45rem;
      letter-spacing: 2px; }
    .slider-wrapper .text .slide-subtitle {
      font-size: 20rem; }
    .slider-wrapper .text .title {
      margin-bottom: 15px; }
    .slider-wrapper .text .buttons {
      margin-top: 10px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .slider-wrapper .animation-buttons .btn-animate {
    width: 35px;
    height: 35px; }
    .slider-wrapper .animation-buttons .btn-animate .line1 {
      width: 11px;
      height: 3px; }
    .slider-wrapper .animation-buttons .btn-animate .line2 {
      width: 17px;
      height: 3px; }
    .slider-wrapper .animation-buttons .btn-animate .line3 {
      width: 11px;
      height: 3px; }
  .slider-wrapper.resolution-mobile {
    display: none; }
  .slider-wrapper .photo {
    max-width: 40%; }
  .slider-wrapper .text {
    margin-left: auto;
    width: 100%;
    max-width: 60%; }
    .slider-wrapper .text .slide-title {
      font-size: 50rem; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .slider-wrapper.resolution-mobile {
    display: none; }
  .slider-wrapper .text {
    margin-left: auto;
    width: 100%;
    max-width: 50%; } }
@media (min-width: 1580px) {
  .slider-wrapper.resolution-mobile {
    display: none; }
  .slider-wrapper .text {
    margin-left: auto;
    width: 100%;
    max-width: 50%; } }

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