header{
  background-color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  top:0;
  z-index: 20;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -webkit-animation-duration: .7s;
           -moz-animation-duration: .7s;
             -o-animation-duration: .7s;
                animation-duration: .7s;
        -webkit-animation-delay: .2s;
           -moz-animation-delay: .2s;
             -o-animation-delay: .2s;
                animation-delay: .2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
header .wrap {
  padding: 1rem 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
header .wrap .contacts{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .wrap .contacts h6{
  padding: 0 .4rem .2rem;
  border-bottom: 1px solid #6D7BF4;
  margin: 0;
  cursor: pointer;
}
header .wrap .contacts h6:hover{
  border-color: transparent;
  color: #6D7BF4;
}
header .wrap .contacts a{
  border: none!important;
  padding: 0!important;
  text-decoration: none;
  font-size: 1.343rem;
  line-height: 1.75rem;
  margin: 0 0 0 2.5rem;
}
header a.logo{
  padding: 0!important;
  border: none!important;
  margin: 0;
}
#callmenu{
  display: none;
}
main{
  padding-top: 4.5rem;
  background-color: #F6F7FF;
}
/* Intro */
#intro{
  min-height: 35rem;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-attachment: fixed;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
#intro:before {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  bottom: -1.5rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 10s linear infinite;
     -moz-animation: scroll-bg 10s linear infinite;
       -o-animation: scroll-bg 10s linear infinite;
          animation: scroll-bg 10s linear infinite;
}
#intro h1, #intro h6{
  color: #ffffff;
}
/* Deal */
#deal {
  margin-top: -3.5rem;
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
#deal .card{
  padding: 1rem 1.2rem; 
  -webkit-box-align: center; 
  -webkit-align-items: center; 
     -moz-box-align: center; 
      -ms-flex-align: center; 
              -ms-grid-row-align: center; 
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#deal .card h6{
  margin: 0;
  width: -webkit-calc(20% - 1rem);
  width: -moz-calc(20% - 1rem);
  width: calc(20% - 1rem);
  font-size: 0.957rem;
  line-height: 1.143rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#deal .card h6 img{
  width: 2rem;
  margin-right: .75rem;
}
#deal .card h6:nth-child(4) img{
  margin-left: .4rem;
}
#deal .card button{
  padding: 1.2rem 1.6rem;
}
/* Why We */
#whywe{
  padding-top: 3rem;
}
#whywe h4{
  text-align: center;
}
#whywe h4 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#whywe .container{
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 3rem 0 1rem;
}
#whywe .container .card{
  width: 100%;
  position: relative;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  padding: 10rem 1.5rem 1.5rem;
  margin-bottom: 2rem;
  cursor: pointer;
}
#whywe .container .card .image{
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  top:0;
  left: 0;
  right: 0;
  height: 10rem;
}
#whywe .container .card h6{
  margin: 1rem 0 0;
  text-align: center;
}
#whywe .col{
  width: 25%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#whywe .mainimage{
  width: -webkit-calc(50% - 4rem);
  width: -moz-calc(50% - 4rem);
  width: calc(50% - 4rem);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 2rem;
}
#whywe .mainimage .image{
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
   -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
           border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        height: 100%;
        width: 100%;
}
#whywe button{
  margin: 0 auto 3rem;
  display: block;
}
/* Special */
#special{
  background-color: #ffffff;
  padding-top: 6rem;
  position: relative;
  overflow: hidden;
}
#special:before {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  top: -1rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 7s linear infinite;
     -moz-animation: scroll-bg 7s linear infinite;
       -o-animation: scroll-bg 7s linear infinite;
          animation: scroll-bg 7s linear infinite;
}
#special h4{
  text-align: center;
}
#special h4 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#special .container{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 3rem;
}
#special .container .row{
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}
#special .container .row .image{
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  display: block;
  min-height: 20rem;
  width: -webkit-calc(50% - 4rem);
  width: -moz-calc(50% - 4rem);
  width: calc(50% - 4rem);
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
}
#special .container .row .text{
  width: -webkit-calc(50% - 4rem);
  width: -moz-calc(50% - 4rem);
  width: calc(50% - 4rem);
  padding-right: 4rem;
  padding-left: 2rem;
}
#special .container .row:nth-child(even) .image{
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#special .container .row:nth-child(even) .text{
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
/* Advantages */
#advantages{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
#advantages .container{
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
#advantages h4 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#advantages h4, #advantages h5{
  margin-bottom: 2rem;
}
#advantages h5{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#advantages h5 img{
  vertical-align: middle;
  margin-right: 1rem;
}
#advantages button{
  margin-top: 1rem;
}
#advantages .text, #advantages .image{
  width: 50%;
}
#advantages .image{
  text-align: right;
}
#advantages .image svg{
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
}
#speedarrow {
  -webkit-transform-origin: 56% 53%;
     -moz-transform-origin: 56% 53%;
      -ms-transform-origin: 56% 53%;
       -o-transform-origin: 56% 53%;
          transform-origin: 56% 53%; 
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg);
  -webkit-animation: gasPedal 2s infinite ease-in-out;
     -moz-animation: gasPedal 2s infinite ease-in-out;
       -o-animation: gasPedal 2s infinite ease-in-out;
          animation: gasPedal 2s infinite ease-in-out;
}
/* Garanty */
#garanty {
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-attachment: fixed;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
  height: 100%;
  max-height: 60rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
#garanty:before, #garanty:after {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 5s linear infinite;
     -moz-animation: scroll-bg 5s linear infinite;
       -o-animation: scroll-bg 5s linear infinite;
          animation: scroll-bg 5s linear infinite;
}
#garanty:before{
  bottom: -1.5rem;
}
#garanty:after{
  top: -1.5rem;
}
#garanty .text{
  max-width: 50%;
}
#garanty h4, #garanty h5{
  color: #ffffff;
  margin-bottom: 2rem;
}
#garanty h5{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#garanty h5 img{
  vertical-align: middle;
  margin-right: 1rem;
}
/* Presents */
#presents{
  background-color: #ffffff;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden; 
}
#presents:before {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  bottom: -1rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 5s linear infinite;
     -moz-animation: scroll-bg 5s linear infinite;
       -o-animation: scroll-bg 5s linear infinite;
          animation: scroll-bg 5s linear infinite;
}
#presents h2{
  text-align: center;
}
#presents h2 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#presents .container{
  padding-top: 5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#presents .container .text{
  width: -webkit-calc(50% - 6rem);
  width: -moz-calc(50% - 6rem);
  width: calc(50% - 6rem);
}
#presents .container form{
  width: -webkit-calc(50% - 6rem);
  width: -moz-calc(50% - 6rem);
  width: calc(50% - 6rem);
}
#presents .container .text{
  position: relative;
}
#presents .container .text .swiper-slide{
  background-color: #ffffff;
}
#presents .container .text .swiper-slide .image{
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        aspect-ratio: 16/9;
        min-height: 11rem;
}
#presents .container .text .swiper-slide h6{
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-top: 1rem;
}
#presents .swiper-button-prev, #presents .swiper-button-next{
  margin-top: -4rem;
}
#presents .swiper-button-prev, #presents .swiper-button-next{
  width: 3rem;
  height: 3rem;
  padding: 2rem;
  background: #ffffff;
     -webkit-border-radius: 1.143rem;
     -moz-border-radius: 1.143rem;
     border-radius: 1.143rem;
     -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        color: #3F488E;
}
#presents .swiper-button-prev{
  margin-left: -6rem;
}
#presents .swiper-button-next{
  margin-right: -6rem;
}
#presents .swiper-button-prev:after, #presents .swiper-button-next:after{
  font-size: 1.5rem;
}
#presents .swiper-button-prev:hover, #presents .swiper-button-next:hover{
  background: #6D7BF4;
  color:#ffffff;
}
/* How we work */
#how{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#how h4, #how h5, #how h6{
  text-align: center;
}
#how h4 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#how button{
  margin: 1rem auto;
  display: block;
}
#how .container{
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
     -moz-box-align: end;
      -ms-flex-align: end;
              -ms-grid-row-align: end;
          align-items: end;
  margin: 3rem 0;
}
#how .container .card{
  width: -webkit-calc(20% - 3rem);
  width: -moz-calc(20% - 3rem);
  width: calc(20% - 3rem);
  padding-top: 13rem;
  position: relative;
  overflow: hidden;
  -webkit-animation-duration: .7s;
           -moz-animation-duration: .7s;
             -o-animation-duration: .7s;
                animation-duration: .7s;
        -webkit-animation-delay: .2s;
           -moz-animation-delay: .2s;
             -o-animation-delay: .2s;
                animation-delay: .2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
#how .container .card .image{
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  top:0;
  left: 0;
  right: 0;
  height: 13rem;
}
#how .container .card .image:before{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  height: 13rem;
  background: rgba(109, 123, 244, 0.2);
  background: -webkit-gradient(linear,left top, right top,from(rgba(109, 123, 244, 0.2)), to(rgba(63, 72, 142, 0.2)));
  background: -webkit-linear-gradient(left,rgba(109, 123, 244, 0.2) 0%, rgba(63, 72, 142, 0.2) 100%);
  background: -moz-linear-gradient(left,rgba(109, 123, 244, 0.2) 0%, rgba(63, 72, 142, 0.2) 100%);
  background: -o-linear-gradient(left,rgba(109, 123, 244, 0.2) 0%, rgba(63, 72, 142, 0.2) 100%);
  background: linear-gradient(90deg,rgba(109, 123, 244, 0.2) 0%, rgba(63, 72, 142, 0.2) 100%);
}
#how .container .card h6{
  margin: 1rem 0;
}
#how .container .card h5 {
  color: #ffffff;
  background-color: #6D7BF4;
  -webkit-border-radius: .75rem;
     -moz-border-radius: .75rem;
          border-radius: .75rem;
  padding: .75rem;
  position: absolute;
  top: .5rem;
  right: .5rem;
  margin: 0;
}
#how .container svg{
  margin-bottom: 1.5rem;
  -webkit-animation-duration: .7s;
           -moz-animation-duration: .7s;
             -o-animation-duration: .7s;
                animation-duration: .7s;
        -webkit-animation-delay: .5s;
           -moz-animation-delay: .5s;
             -o-animation-delay: .5s;
                animation-delay: .5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
#how .container svg:last-child{
  display: none;
}
/* Reviews */
#reviews {
  padding-top: 6rem;
  background-color: #ffffff;
  position: relative;
  overflow: hidden; 
}
#reviews:before {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  top: -1rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 5s linear infinite;
     -moz-animation: scroll-bg 5s linear infinite;
       -o-animation: scroll-bg 5s linear infinite;
          animation: scroll-bg 5s linear infinite;
}
#reviews h3{
  text-align: center;
}
#reviews h3 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}
#reviews .reviews{
  padding: 3rem 0 5rem;
  margin-bottom: 3rem;
}
#reviews .reviews .swiper-wrapper{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#reviews .swiper-slide{
  height: auto;
  /* padding-left: 3rem; */
}
#reviews .swiper-pagination{
  text-align: right;
}
#reviews .swiper-pagination-bullet{
  width: .6rem;
  height: .6rem;
  -webkit-border-radius: .2rem;
     -moz-border-radius: .2rem;
          border-radius: .2rem;
  background: #6D7BF4;
}
#reviews .swiper-pagination-bullet-active{
  background: #6D7BF4;
}
#reviews .card {
  background-color: #F6F7FF;
  padding: 2.5rem 1.5rem 5.5rem 8rem;
  position: relative;
  height: 100%;
  margin-top: -9rem;
  margin-left: 1.5rem;
}
#reviews .image{
  width: 8rem;
  height: 10rem;
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
}
#reviews .card button{
  position: absolute;
  bottom: 1.5rem;
  left: 8rem;
}
/* Banks */
#banks2{
  background-color: #ffffff;
}
#banks1 .wrap, #banks2 .wrap{
  position: relative;
}
#banks1 .banks1, #banks2 .banks2{
  padding: 3rem 0.5rem;
}
#banks1 .swiper-button-prev, #banks1 .swiper-button-next{
  margin-top: -2.4rem;
}
#banks1 .swiper-button-prev, #banks1 .swiper-button-next, #banks2 .swiper-button-prev, #banks2 .swiper-button-next{
  width: 3rem;
  height: 3rem;
  padding: 2rem;
  background: #ffffff;
     -webkit-border-radius: 1.143rem;
     -moz-border-radius: 1.143rem;
     border-radius: 1.143rem;
     -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
        color: #3F488E;
}
#banks1 .swiper-button-prev, #banks2 .swiper-button-prev{
  margin-left: -6rem;
}
#banks1 .swiper-button-next, #banks2 .swiper-button-next{
  margin-right: -6rem;
}
#banks1 .swiper-button-prev:after, #banks1 .swiper-button-next:after, #banks2 .swiper-button-prev:after, #banks2 .swiper-button-next:after {
  font-size: 1.5rem;
}
#banks1 .swiper-button-prev:hover, #banks1 .swiper-button-next:hover, #banks2 .swiper-button-prev:hover, #banks2 .swiper-button-next:hover{
  background: #6D7BF4;
  color:#ffffff;
}
#banks1 .card, #banks2 .card {
  padding: 1.5rem 2.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
#banks1 .card .image, #banks2 .card .image{
  /* max-height: 3rem; */
  min-height: 3rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Last Form */
#firstform{
  padding-bottom: 5rem;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
#firstform:before {
  content: '';
  background-image: url('/static/theme/img/wheel.svg');
  width: 100%;
  height: 3rem;
  bottom: -1rem;
  left: 0;
  right: 0;
  position: absolute;
  background-position: bottom center;
  background-repeat: repeat-x;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-animation: scroll-bg 6s linear infinite;
     -moz-animation: scroll-bg 6s linear infinite;
       -o-animation: scroll-bg 6s linear infinite;
          animation: scroll-bg 6s linear infinite;
}
#lastform{
  background-color: #ffffff;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 0!important;
  padding-right: 0!important;
}
#lastform .image{
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 43svh;
  max-height: 43rem;
}
#lastform .wrap, #firstform .wrap{
  padding-top: 5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#lastform .wrap .text, #lastform .wrap form, #firstform .wrap .text, #firstform .wrap form{
  width: -webkit-calc(50% - 4rem);
  width: -moz-calc(50% - 4rem);
  width: calc(50% - 4rem);
}
/* Footer */
footer{
  background-color: #3F488E;
  padding: 3rem 0 4rem;
}
footer small, footer p, footer p i{
  display: block;
  margin-bottom: 1rem;
  color: #ffffff;
  font-style: normal;
}
footer a{
  color: #ffffff!important;
  padding: 0 0 .1rem;
  border-color: rgba(255, 255, 255, .75);
  font-size: 0.857rem;
}
/* Modals */
.popup {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0,0,0,0.7);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     z-index: 10000;
     -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
          -o-animation-duration: .5s;
             animation-duration: .5s;
        -webkit-animation-delay: .2s;
           -moz-animation-delay: .2s;
             -o-animation-delay: .2s;
                animation-delay: .2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
 .popup.hidden {
     display: none;
}
.closepop {
  z-index: 10002;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
 .popup-content {
     background: #ffffff;
     padding: 2rem;
     -webkit-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
             border-radius: 1.5rem;
     text-align: center;
     width: 98svw;
     position: relative;
     z-index: 10003;
     max-width: 40rem;
    padding-top: 3rem;
    max-height: 99svh;
  overflow: auto;
    -webkit-animation-duration: .7s;
       -moz-animation-duration: .7s;
         -o-animation-duration: .7s;
            animation-duration: .7s;
        -webkit-animation-delay: .2s;
           -moz-animation-delay: .2s;
             -o-animation-delay: .2s;
                animation-delay: .2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.popup-content svg.close {
  cursor: pointer;
  width: 3rem;
  stroke: #3F488E;
  position: absolute;
  top: .5rem;
  right: .5rem;
}
.popup-content svg.close:hover{
    stroke: #6D7BF4;
}
.popup-content form{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.popup-content h4 b{
  background: -webkit-gradient(linear, left top, right top, from(#6D7BF4), to(#3F488E));
  background: -webkit-linear-gradient(left, #6D7BF4, #3F488E);
  background: -moz-linear-gradient(left, #6D7BF4, #3F488E);
  background: -o-linear-gradient(left, #6D7BF4, #3F488E);
  background: linear-gradient(90deg, #6D7BF4, #3F488E);
  -webkit-background-clip: text;
  -moz-background-clip: text;
    -o-background-clip: text;
       background-clip: text;
  color: transparent;
}