.desktop {
             display: block;
         }

         .mobile {
             display: none;
         }

         .swiper {
             width: 100%;
             height: 100%;
         }

         .parallax-bg {
             position: absolute;
             left: 0;
             top: 0;
             width: 130%;
             height: 100%;
             -webkit-background-size: cover;
             background-size: cover;
             background-position: center;
         }

         .swiper-slide .title {
             font-size: 41px;
             font-weight: 300;
         }

         .swiper-slide .subtitle {
             font-size: 21px;
         }

         .swiper-slide .text {
             font-size: 14px;
             max-width: 400px;
             line-height: 1.3;
         }

         .swiper-button-next,
         .swiper-button-prev {
             display: none;
         }

         .swiper-slide-face-in-left {
             animation: faceInLeft 1s forwards;
         }

         .swiper-slide-face-in-right {
             animation: faceInRight 1s forwards;
         }

         .swiper-slide-face-out-left {
             animation: faceOutLeft 1s forwards;
         }

         .swiper-slide-face-out-right {
             animation: faceOutRight 1s forwards;
         }

         .swiper-pagination-bullet-active {
             background: #14b440;
         }

         @keyframes faceInLeft {
             from {
                 opacity: 0;
                 transform: translateX(-50px) scale(1);
             }

             30% {
                 opacity: 0.1;
                 transform: translateX(0) scale(1);
             }

             50% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             60% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             70% {
                 opacity: 0.3;
                 transform: translateX(0) scale(1);
             }

             80% {
                 opacity: 0.4;
                 transform: translateX(0) scale(1);
             }

             to {
                 opacity: 1;
                 transform: translateX(0) scale(1);
             }
         }

         @keyframes faceInRight {
             from {
                 opacity: 0;
                 transform: translateX(-50px) scale(1);
             }

             30% {
                 opacity: 0.1;
                 transform: translateX(0) scale(1);
             }

             50% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             60% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             70% {
                 opacity: 0.3;
                 transform: translateX(0) scale(1);
             }

             80% {
                 opacity: 0.4;
                 transform: translateX(0) scale(1);
             }

             to {
                 opacity: 1;
                 transform: translateX(0) scale(1);
                 animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
             }
         }

         @keyframes faceOutLeft {
             from {
                 opacity: 1;
                 transform: translateX(0) scale(1);
             }

             80% {
                 opacity: 0.5;
                 transform: translateX(0) scale(1);
             }

             70% {
                 opacity: 0.4;
                 transform: translateX(0) scale(1);
             }

             60% {
                 opacity: 0.3;
                 transform: translateX(0) scale(1);
             }

             50% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             30% {
                 opacity: 0.1;
                 transform: translateX(0) scale(1);
             }

             to {
                 opacity: 0;
                 transform: translateX(-50px) scale(1);
             }
         }

         @keyframes faceOutRight {
             from {
                 opacity: 1;
                 transform: translateX(0) scale(1);
             }

             80% {
                 opacity: 0.5;
                 transform: translateX(0) scale(1);
             }

             70% {
                 opacity: 0.4;
                 transform: translateX(0) scale(1);
             }

             60% {
                 opacity: 0.3;
                 transform: translateX(0) scale(1);
             }

             50% {
                 opacity: 0.2;
                 transform: translateX(0) scale(1);
             }

             30% {
                 opacity: 0.1;
                 transform: translateX(0) scale(1);
             }

             to {
                 opacity: 0;
                 transform: translateX(-50px) scale(1);
             }
         }