@charset "utf-8";



@font-face {
  font-family: 'RoobertPRO-Regular';
  src:  url('../fonts/RoobertPRO-Regular.woff2') format('woff2'),
        url('../fonts/RoobertPRO-Regular.woff') format('woff');
}


@font-face {
  font-family: 'RoobertPRO-Medium';
  src:  url('../fonts/RoobertPRO-Medium.woff2') format('woff2'),
        url('../fonts/RoobertPRO-Medium.woff') format('woff');
}

@font-face {
  font-family: 'RoobertPRO-Bold';
  src:  url('../fonts/RoobertPRO-Bold.woff2') format('woff2'),
        url('../fonts/RoobertPRO-Bold.woff') format('woff');
}




@font-face {
    font-family: 'RoobertPRO-SemiBold';
    src: url('../fonts/roobertpro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/roobertpro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

 
html,body{
  margin:0px;
  padding:0px;
  font-family: 'RoobertPRO-Regular';
}



section .wcs-img-mob{
  display:none;
}


*{
  line-height:normal;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.03em;
}

#wrapper {
  font-family: 'RoobertPRO-Regular';
  color: #131313;
  font-size:17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  
  text-rendering: optimizeLegibility;

  position:relative;
  padding:0px;
  position:relative;
  text-align: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

a{
  color: inherit;
  font-size: inherit;
}
 
strong{
  font-weight: normal;
  font-family: 'RoobertPRO-Bold';
}

b.a{
  font-weight: normal;
  font-feature-settings: 'ss01' on;
}

h1,h2,h3,h4,h5,h6{
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}


body{
  background: #fff;
  padding: 136px 0 0 0;
}


body.locked{
  overflow: hidden;
}



.bg-purple{
  background: #F4EEFE;
}

.bg-purple-dark{
  background: #6200EA;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 120px;
  padding: 120px 0;
}

.bg-black{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 120px;
  padding: 120px 0;

  border-radius: 40px 40px 0px 0px;
  background: #131313;

}

.bg-black.no-radius{
  border-radius: 0px;
}

.spacer-120{
  height: 120px;
}

.spacer-80{
  height: 80px;
}


body.page-download-payzy{
  padding: 0px;
}


.mob-only{
  display: none !important;
}



p{
  margin: 0px;
  padding: 0 0 20px 0;
}

p:last-child{
  padding: 0px;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {
  
  .bg-purple-dark{
    gap: 8.33vw;
    padding: 8.33vw 0;
  }

  .spacer-120{
    height: 8.33vw;
  }

}

@media screen and (max-width: 1340px) {
/*  #wrapper{
    padding: 0 20px;
  }

  .bg-purple{
    margin: 0 -20px;
  }*/
}

@media screen and (max-width: 959px) {

  body{
    padding: 102px 0 0 0;
  }


  .bg-purple-dark,
  .bg-black{
    width: 100vw;
    margin: 0 -15px;
    padding: 80px 15px;
    gap: 80px;
  }


  #wrapper{
    padding: 0 15px;
  }


  .spacer-120{
     height: 5.56vw;
     height: 80px;
  }

  .spacer-80{
    height: 2.78vw;
    height: 60px;
  }
}


@media screen and (max-width: 959px) {


  .bg-black{
    border-radius: 24px 24px 0 0;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


body #wrapper .gen-button {
  background: #6200EA;
  color: #fff;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  border: 1px solid #6200EA;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'RoobertPRO-Medium';
}

body #wrapper .gen-button.gen-button-c2{
  border-color: #fff;
  color: #6200EA;
  background: #fff;
}

body #wrapper .gen-button.gen-button-c3{
  border-color: #6200EA;
  color: #6200EA;
  background: none;
}

body #wrapper .gen-button.gen-button-c4{
  border-color: #6200EA;
  color: #ffffff;
  background: #6200EA;
}

body #wrapper .gen-button::before,
body #wrapper .gen-button::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
body #wrapper .gen-button::before {
  background: rgba(255,255,255,0.2);
}
body #wrapper .gen-button::after {
  background: rgba(255,255,255,1);
}

body #wrapper .gen-button.gen-button-c2::before {
  background: rgba(98, 0, 234,0.2);
}
body #wrapper .gen-button.gen-button-c2::after {
  background: rgba(98, 0, 234,1);
}


body #wrapper .gen-button.gen-button-c3::before {
  background: rgba(98, 0, 234,0.2);
}
body #wrapper .gen-button.gen-button-c3::after {
  background: rgba(98, 0, 234,1);
}

body #wrapper .gen-button.gen-button-c4::before {
  background: rgba(228,254,248,0.2);
}
body #wrapper .gen-button.gen-button-c4::after {
  background: rgba(228,254,248,1);
}


@media screen and (min-width: 960px) {
  body #wrapper .gen-button:hover {
    color: #6200EA;
  }

  body #wrapper .gen-button.gen-button-c2:hover{
    color: #fff;
  }

  body #wrapper .gen-button.gen-button-c3:hover{
    color: #fff;
  }

  body #wrapper .gen-button.gen-button-c4:hover{
    color: #6200EA;
  }

  body #wrapper .gen-button:hover::before,
  body #wrapper .gen-button:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  body #wrapper .gen-button:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.header{
  top: 0px;
  position: relative;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  background: #fff;
  backdrop-filter: blur(7px);
  width: 100%;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  z-index: 50;
  padding: 42px 0 0 0;
  transition: all 900ms;
  border-bottom: 1px solid #fff;
  border-color: #6200EA;
}

.header.min{
  -ms-transform: translate(-50%, -42px);
  -webkit-transform: translate(-50%,  -42px);
  transform: translate(-50%,  -42px);
  border-color: #6200EA;
}

.header .hold{
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  height: 80px;
}

.header .logo{
  width: 167px;
  height: 60px;
  position: absolute;
  left: 32px;
  top: 50%;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  background: url("../images/logo.svg") no-repeat center center;
  background-size: contain;
  margin: -5px 0 0 0;
  transition: all 900ms;
}

.header.min .logo{
  margin: 0px;
}

.header .menu{
  position: absolute;
  right: 32px;
  top: 50%;
  list-style-type: none;
  margin:0;
  min-height: 80px;
  padding: 0px;
  color: #6200EA;
  height: 80px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);

  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.header .menu li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}


.header .menu > li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px;
  position: relative;
}

.header .menu > li > a:not(.download){
  font-size: 17px;
  color: #131313;
  text-decoration: none;
  display: block;
  line-height: 80px;
  transition: all 200ms;
  position: relative;
}

@media screen and (min-width: 960px) {
  .header .menu > li:hover > a:not(.download){
    color:#6200EA;
  }
  .header .menu > li > a:not(.download)::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 24px;
    width: 0%;
    height: 1px;
    background: #6200EA;
    transition: all 200ms;
    z-index: 5;
  }

  .header .menu > li:hover > a:not(.download)::before{
    width: 100%;
  }
}

.header .menu > li > ul{
  position: absolute;
  left: 50%;
  top: 100%;
  background: #FEFDFE;
  border-radius: 0px 0px 16px 16px;
  -ms-transform: translate(-50%, -5px);
  -webkit-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
  width: 220px;
  margin: 0px;
  padding: 38px 40px 24px 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 200ms;

   display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  border-top: 1px solid #fff;
}

.header.min .menu > li > ul{
  border-color: #6200EA;
}

.header .menu > li > ul.max{
  width: 200px;
}

.mob-sticky-download{
  display: none;
}

@media screen and (min-width: 960px) {
  .header .menu > li:hover > ul{
    visibility: visible;
    opacity: 1;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
}

.header .menu > li > ul > li{
  text-align: left;
  padding: 0px;
 
}

.header .menu > li > ul > li > a{
  font-size: 15px;
  line-height: 120%;
  color: #131313;
  text-align: left;
  text-decoration: none;
  display: block;
  
  position: relative;
}



.header-tabs{
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.header-tabs a{
  display: block;
  padding: 8px 15px;

  color: #131313;
  font-family: 'RoobertPRO-Medium';

  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.28px;
  border-radius: 0px 0px 6px 6px;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-decoration: none;
}

.header-tabs a.active{
  background: #6200EA;
  color: #ffffff; 
}



.page-plirwmes .header .mnu1,
.page-chat-and-pay .header .mnu1,
.page-split-bill .header .mnu1,
.page-piggys .header .mnu1,
.page-google-pay .header .mnu1,
.page-apple-pay .header .mnu1,
.page-garmin-pay .header .mnu1{
  color: #6200EA !important;
}

.page-plirwmes .header .mnu1::before,
.page-chat-and-pay .header .mnu1::before,
.page-split-bill .header .mnu1::before,
.page-piggys .header .mnu1::before,
.page-google-pay .header .mnu1::before,
.page-apple-pay .header .mnu1::before,
.page-garmin-pay .header .mnu1::before{
  width: 100% !important;
}


.page-plirwmes .header .mnu1-2::before{ width: 100% !important; }
.page-chat-and-pay .header .mnu1-3::before{ width: 100% !important; }
.page-split-bill .header .mnu1-4::before{ width: 100% !important; }
.page-piggys .header .mnu1-5::before{ width: 100% !important; }
.page-google-pay .header .mnu1-6::before{ width: 100% !important; }
.page-apple-pay .header .mnu1-7::before{ width: 100% !important; }
.page-garmin-pay .header .mnu1-8::before{ width: 100% !important; }






.page-pws-kerdizeis .header .mnu2{ color: #6200EA !important; }
.page-pws-kerdizeis .header .mnu2::before{  width: 100% !important; }


.page-cashback .header .mnu3,
.page-pro-spots .header .mnu3,
.page-cashback-palies-prosfores .header .mnu3{ color: #6200EA !important; }

.page-cashback .header .mnu3::before,
.page-pro-spots .header .mnu3::before,
.page-cashback-palies-prosfores .header .mnu3::before{  width: 100% !important; }




.page-asfaleia-eggrafh .header .mnu4{ color: #6200EA !important; }
.page-asfaleia-eggrafh .header .mnu4::before{  width: 100% !important; }







@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .header{
    padding: 2.92vw 0 0 0;
  }

  .header.min{
    -ms-transform: translate(-50%, -2.92vw);
    -webkit-transform: translate(-50%,  -2.92vw);
    transform: translate(-50%,  -2.92vw);
  }

  .header .hold{
    max-width: 100.0vw;
    height: 5.56vw;
  }

  .header .logo{
    width: 11.6vw;
    height: 4.17vw;
    left: 2.22vw;
    margin: -5px 0 0 0;
  }

  .header .menu{
    right: 2.22vw;
    min-height: 5.56vw;
    height: 5.56vw;
  }


  .header .menu > li{
    margin: 0 0 0 2.08vw;
  }

  .header .menu > li > a:not(.download){
    font-size: 1.18vw;
    line-height: 5.56vw;
  }

  
  .header .menu > li > a:not(.download)::before{
    bottom: 1.67vw;
    height: 1px;
  }
  

  .header .menu > li > ul{
    border-radius: 0px 0px 1.11vw 1.11vw;
    -ms-transform: translate(-50%, -0.35vw);
    -webkit-transform: translate(-50%, -0.35vw);
    transform: translate(-50%, -0.35vw);
    width: 15.28vw;
    padding: 2.64vw 2.78vw 1.67vw 2.78vw;
    gap: 1.67vw;
  }


  .header .menu > li > ul.max{
    width: 13.89vw;
  }

  .header .menu > li > ul > li > a{
    font-size: 1.04vw;
  }


  .header-tabs a{
    padding: 0.56vw 1.04vw;
    font-size: 0.97vw;
    border-radius: 0px 0px 0.42vw 0.42vw;
    font-size: 0.97vw;
  }

}


@media screen and (min-width: 960px) {



  .header .menu > li > ul > li > a::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: -3px;
    width: 0px;
    height: 1px;
    background: #161616;
    transition: all 200ms;
  }

  .header .menu > li > ul > li > a:hover::before{
    width: 100%;
  }


}

/*

@media screen and (max-width: 1439px) {

  .header .logo{
    left: 20px;
  }

  .header .menu{
    right: 20px;
  }

}


@media screen and (max-width: 1365px) {

  .header {
    border-radius: 0;
    width: 100%;
  }

}
*/

@media screen and (max-width: 959px) {

  .header {
    border-radius: 0;
    width: 100%;
    z-index: 50;
    border-color: #fff;
  }

  .header .hold{
    height: 60px;
  }

  .header .logo {
    width: 44px;
    height: 40px;
    left: 15px;
    background-size: cover;
    background-position: left center;
    z-index: 5;
  }



   .header .menu{
    display: block;
    }

  .header .menu > li {
    margin: 0 0 0 20px;
  }

  .header .menu > li > a{
    line-height: normal;
  }




  .burger-menu {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 40px;
    height: 40px;
    z-index: 51;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
    background: #fff;
    border-radius: 50%;
    outline: none;
  }


  .burger-menu::after,
  .burger-menu::before,
  .burger-menu span{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 1px;
    background: #6200EA;
    content: "";
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 200ms;
  }

  .burger-menu::before{
    margin-top: -7px;
  }

  .burger-menu::after{
    margin-top: 7px;
  }

  .burger-menu.active span{
    opacity: 0;
  }

  .burger-menu.active::before{
    margin: 0px;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .burger-menu.active::after{
    margin: 0px;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  body #wrapper .gen-button.gen-button-c2{
    background: #6200EA !important;
    color: #fff !important;
  }

  .header .menu {
    position: fixed;
    background: #fff;
    right: 0px;
    top: 0px;
    color: #161616;
    height: 100vh;
    -ms-transform: translate(100%, -0%);
    -webkit-transform: translate(100%, -0%);
    transform: translate(100%, -0%);
    width: 295px;
    padding: 0px;
    text-align: left;
    transition: all 500ms;
    z-index: 1;
    min-height: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    z-index: 30;
    border-radius: 24px 0 0 24px;
    padding: 122px 24px 92px 24px;
  }

  .header.min .menu{
    padding-top: 92px;
  }

  .header::before{
    position: absolute;
    right: 0px;
    width: 0vw;
    top: 0px;
    height: 100vh;
    background: rgba(0, 0, 0, 0.20);
    content: "";
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms;
  }

  .header.menu-open::before{
    opacity: 1;
    visibility: visible;
    width: 100vw;
  }

  .header .menu.active::before{
    width: 100vw;
  }



  .header::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
  }

  .header .menu.active {
    -ms-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    opacity: 1;
    
  }

  .header.min .menu,
  .header.min::before{
    top: 42px;
  }

   .header .menu{
   
   }
/*
  .header .menu::after{
    content: "";
    position: absolute;
    right: 0px;
    bottom: -12px;
    width: 100%;
    height: 12px;
    background: url("../images/bg-menu-shadow.png") no-repeat left center;
  }
*/
  .header .menu > li{
    display: block;
    margin: 0px;
    padding: 16px 0;
    width: 100%;
  }

  .header .menu > li > a:not(.download){
    font-size: 20px;
    position: relative;
    height: auto;
    line-height: normal;
  }

  .header .menu > li > a.ml::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("../images/icon-menu.svg") no-repeat center center;
    background-size: contain;
    -ms-transform: translate(-0%, -50%) rotate(-90deg);
    -webkit-transform: translate(-0%, -50%) rotate(-90deg);
    transform: translate(-0%, -50%) rotate(-90deg);
  }

  .header .menu > li > a.haslink span{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    z-index: 5;
  }

  .header .menu.sub-menu-open > li > a.haslink span{
    
    right: auto;
    left: 0px;
  }

  .header .menu > li.active > a.ml::after{
    -ms-transform: translate(-0%, -50%) rotate(180deg);
    -webkit-transform: translate(-0%, -50%) rotate(180deg);
    transform: translate(-0%, -50%) rotate(180deg);
  }


  .header .menu > li > ul,
  .header .menu > li > ul.max {
    position: relative;
    left: auto;
    top: auto;
    background: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 0px;
    -ms-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    width: auto;
    margin: 0px;
    padding: 10px 0 0 0;
    display: none;
    visibility: visible;
    opacity: 1;
  }

  .header .menu > li > ul > li {
    padding: 9px 20px 9px 0px;
  }

  .header .menu > li > ul > li > a {
    font-size: 15px;
    color: #161616;
    padding: 3px 0px 3px 27px;
  }



  .header .menu > li > ul > li > a br{
    display: none;
  }

  .mob-sticky-download{
    position: fixed;
    left: 50%;
    bottom: 0px;
    background: #36FFC6 url("../images/icon-sticky-download.svg") no-repeat 30px center;
    padding: 0 0 0 80px;
    border-radius: 12px 12px 0px 0px;
    display: block;
    z-index: 20;
    color: #6200EA;
    font-size: 19px;
    line-height: 52px;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
    text-decoration: none;
    width: 220px;
    text-align: left;
  }

  .page-download-payzy .mob-sticky-download{
    display: none;
  }

  .header .menu > li:last-child{
    position: static;
  }


  .header .menu > li > a.download {
    background: #6200EA;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 55px;
    position: absolute !important;
    left: 24px;
    /* bottom: 24px; */
    width: calc(100% - 48px);
  }

  .header .menu > li.active > a{
    color: #6200EA;
    font-family: 'RoobertPRO-Medium';
    padding-left: 28px;
  }

  .header .menu > li.active > a.ml::after{
    filter: brightness(0) saturate(100%) invert(10%) sepia(85%) saturate(7156%) hue-rotate(271deg) brightness(89%) contrast(125%);
  }

  .header .menu ul{
    border-color: #fff !important;
  }



  .header .menu.sub-menu-open > li:not(.active):not(:last-child){
    display: none;
  }

  .header .menu.sub-menu-open > li > a.ml::after{
    -ms-transform: translate(-0%, -50%) rotate(90deg);
    -webkit-transform: translate(-0%, -50%) rotate(90deg);
    transform: translate(-0%, -50%) rotate(90deg);
    right: auto;
    left: -7px;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.footer{
  background: #E7FDF7;
  color: #fff;
  padding: 64px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 64px;
  color: #131313;
  
}
/*
.footer:not(.page-index .footer){
  margin-top: 64px;
}
*/
.page-download-payzy .footer{
  margin-top: 0px;
}

.footer .row-top,
.footer .row-middle,
.footer .row-bottom{
  font-size: 0px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 175px 0px 175px;
}

.footer .footer-logo{
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

.footer .footer-logo .logo{
  width: 420px;
  display: block;
}

.footer .footer-logo .logo img{
  display: block;
  width: 100%;
}

.footer .footer-menu{
  display: block;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 48px;
  gap: 0px;
}

.footer .footer-menu .col{
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.footer .footer-menu .col:first-child{
  width: 40%;
}

.footer .footer-menu .col:first-child .col-links{
  column-count: 2;
   column-gap: 20px;
   column-gap: 0px;
}



.footer .footer-menu .col .col-title{
  font-size: 18px;
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  padding: 0 0 22px 0;
}

.footer .footer-menu .col .col-title.social-title{
  padding: 32px 0 10px 0;
}

@media screen and (min-width: 960px) {
  .footer .footer-menu .col .col-links{
    display: block !important;
  }
}

.footer .footer-menu .col .col-links a{
  font-size: 16px;
  color: #131313;
  display: inline-block;
  text-decoration: none;
  margin: 0 0 12px 0;
  position: relative;
  line-height: 140%;
}

@media screen and (min-width: 960px) {
  .footer .footer-menu .col .col-links a::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: -3px;
    width: 0px;
    height: 1px;
    background: #131313;
    transition: all 200ms;
  }

  .footer .footer-menu .col .col-links a:hover::before{
    width: 100%;
  }
}


.footer .social-title{
  color: #131313;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.48px;
  text-align: right;
  padding: 0 0 16px 0;
}

.footer .social-links{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.footer .social-links a{
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/icon-social-yt.svg?v=3") no-repeat center center;
  background-size: contain;
}



.footer .social-links a.fb{
  background-image: url("../images/icon-social-fb.svg?v=3");
}

.footer .social-links a.tw{
  background-image: url("../images/icon-social-tw.svg?v=3");
}

.footer .social-links a.in{
  background-image: url("../images/icon-social-in.svg?v=3");
}


.footer .row-middle{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.footer .row-bottom{
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.footer .row-bottom .copy{
  display: block;
  font-size: 14px;
  font-family: 'RoobertPRO-Medium';
  text-align: left;
  min-width: 240px;
}

.footer .row-bottom .links{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  text-align: right;
  flex-wrap: wrap;

}

.footer .row-bottom .links a{
  text-decoration: none;
  position: relative;
  font-size: 14px;
  position: relative;
}



@media screen and (min-width: 960px) {
  .footer .row-bottom .links a::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: -3px;
    width: 0px;
    height: 1px;
    background: #131313;
    transition: all 200ms;
  }

  .footer .row-bottom .links a:hover::before{
    width: 100%;
  }


}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .footer{
    padding: 64px 0;
    gap: 64px;
    
  }
 

  .footer .row-top,
  .footer .row-middle,
  .footer .row-bottom{
    max-width: 100.0vw;
    padding: 0px 12.15vw 0px 12.15vw;
  }

  .footer .footer-logo .logo{
    width: 29.17vw;
  }

  .footer .footer-menu{
    gap: 3.33vw;
    gap: 0px;
  }

  .footer .footer-menu .col:first-child .col-links{
     column-gap: 1.39vw;
     column-gap: 0;
  }

  .footer .footer-menu .col .col-title{
    font-size: 1.25vw;
    padding: 0 0 1.53vw 0;
  }

  .footer .footer-menu .col .col-title.social-title{
    padding: 2.22vw 0 0.69vw 0;
  }


  .footer .footer-menu .col .col-links a{
    font-size: 1.11vw;
    margin: 0 0 0.83vw 0;
  }

  .footer .footer-menu .col .col-links a::before{
    bottom: -0.21vw;
  }


  .footer .social-title{
    font-size: 1.11vw;
    padding: 0 0 1.11vw 0;
  }

  .footer .social-links{
    gap: 0.56vw;
  }

  .footer .social-links a{
    width: 2.22vw;
    height: 2.22vw;
  }


  .footer .row-bottom .copy{
    font-size: 0.97vw;
    min-width: 16.67vw;
  }

  .footer .row-bottom .links{
    gap: 1.11vw;
    font-size: 0.97vw;

  }

  .footer .row-bottom .links a{
    font-size: 0.97vw;
  }
}


@media screen and (max-width: 1439px) {

  .footer .row-top, .footer .row-middle, .footer .row-bottom{
    padding-right: 40px;
    padding-left: 40px;
  }

  .footer{
    gap: 45px;
  }

}



@media screen and (max-width: 1340px) {

  .footer{
    margin-right: -20px;
    margin-left: -20px;
  }

}


@media screen and (max-width: 1200px) {
 


}

@media screen and (max-width: 1139px) {

  .footer .footer-menu .col .col-links a{
    font-size: 14px;
  }

}



@media screen and (max-width: 959px) {

  .footer .footer-logo{
    display: block;
    width: auto;
  }

  .footer .row-bottom .links{
    line-height: 160%;
  }


  .footer .footer-menu {
    display: block;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
  }

}

@media screen and (max-width: 767px) {

  .footer{
    padding: 35px 15px 35px 15px;
    margin-top: 0px;
    margin-right: -10px;
    margin-left: -10px;
    gap: 30px;
  }

  .footer .footer-logo {
    padding: 0;
  }

  .footer .social-title{
    padding: 0 0 12px 0;
  }

  .footer .footer-logo .logo{
    width: 70%;
    margin: 0 auto;
  }

  .footer .row-top,
  .footer .row-middle,
  .footer .row-bottom {
    padding: 0px;
 }

 .footer .row-middle{
  flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 30px;
 }
  .footer .row-bottom {
    flex-direction: column;
     justify-content: center;
    align-items: center;

    gap: 10px;
  }

  .footer .row-bottom .links{
   justify-content: center;
    align-items: center;
    gap: 9px 16px;
  }

  .footer .footer-menu{
    display: block;
  }

  .footer .footer-menu .col{
    display: block;
    width: auto;
    padding: 0px;
  }

  .footer .footer-menu .col .col-title{
    line-height: 58px;
    padding: 0px;
    font-size: 17px;
    font-family: 'RoobertPRO-Regular';
    position: relative;
  }

  .footer .footer-menu .col .col-title::after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 8px;
    background: url("../images/icon-footer-menu.svg") no-repeat center center;
    background-size: contain;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
    filter: brightness(0%);
  }

  .footer .footer-menu .col.active .col-title::after{
    -ms-transform: translate(-0%, -50%) rotate(180deg);
    -webkit-transform: translate(-0%, -50%) rotate(180deg);
    transform: translate(-0%, -50%) rotate(180deg);

  }

  .footer .footer-menu .col .col-links{
    display: none;
    padding: 10px 0;
  }

  .footer .footer-menu .col .col-links a{
    font-size: 15px;
  }

  .footer .footer-menu .col .col-title.social-title {
    padding: 0px;
  }

  .footer .row-bottom{
    text-align: left;
    padding: 20px 0;
  }

  .footer .row-bottom .copy{
    text-align: left;
    padding: 0 0 10px 0;
  }

  .footer .row-bottom .links{
    text-align: left;
    line-height: 240%;
  }

  .footer .row-bottom .links a{
    margin: 0 10px 0 0;
  }

  .footer .footer-menu .col .col-title.social-title::after{
    display: none;
  }

  .footer{
    padding-bottom: 50px;
  }

  .header-tabs a{
    font-size: 13px;
  }


  .footer .footer-logo{
   
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.home-hero{
  position: relative;
  margin: 0 auto 40px auto;
}


.home-hero .item{
  position: relative;
}

.home-hero .item .item-bg{
 position: relative;
}

.home-hero .item .item-bg::after{
  content: "";
  position: absolute;
  left: calc(50% - 310px);
  top: 50%;
  width: 170px;
  height: 180px;
  background: url("../images/icon-hero-logo.svg") no-repeat center center;
  background-size: contain;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home-hero .item .item-bg.no-logo::after{
  display: none;
}

.home-hero .item .item-bg img{
  display: block;
  width: 100%;
  height: 650px;
  object-fit: cover;
}

.home-hero .item.promo-bill-payments .item-bg img{
  object-position: left center;
  object-position: center center;
}

.home-hero .item.euro10 .item-bg img{
  object-position: center center;
}

@media screen and (max-width: 1599px) {
  .home-hero .item.promo-b2s .item-bg img {
      object-position: -230px center;
  }
}

@media screen and (max-width: 1239px) {
  .home-hero .item.promo-15 .item-bg img{
    object-position: calc(50% + 25px) center;
  }
}
@media screen and (max-width: 1139px) {
  .home-hero .item.promo-b2s .item-bg img {
      object-position: -309px center;
  }

  .home-hero .item.promo-15 .item-bg img{
    object-position: calc(50% + 107px) center;
  }


}

@media screen and (max-width: 959px) {
  .home-hero .item.promo-b2s .item-bg img {
      object-position: left center;
  }
   .home-hero .item.promo-15 .item-bg img{
    object-position: center center;
  }
}
@media screen and (max-width: 767px) {
  .home-hero .item.promo-b2s .item-bg img {
      object-position: -116px center;
  }
  .home-hero .item.euro10 .item-bg img {
    object-position: calc(50% + 50px) center;
  }

  .home-hero .item.promo-15 .item-bg img {
    object-position: calc(50% + 102px) center;
  }

  .home-hero .item.promo-visa-booking .item-bg img {
    object-position: 34% center;
  }
}

.home-hero .item.promo-gift-alert{
 background: #F5EEFE;
}

.home-hero .item.promo-gift-alert .item-bg img{
  width: auto;
  margin: 0 auto;
  display: block;
}

.home-hero .item .photo-content{
  position: absolute;
  left: 50%;
  bottom: 40px;
  text-align: left;
  margin: 0 0 0 -650px;
}

.home-hero .item .photo-content.top{
  bottom: auto;
  top: 165px;
}

.home-hero .item .photo-content span{
  line-height: 57px;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  background: #6200EA;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.home-hero .item .photo-content span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.home-hero .item .photo-content span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-hero .item .photo-content span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


.home-hero .item .photo-content span.sh.bl{
  -webkit-box-shadow: -3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: -3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: -3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-hero .item .photo-content span.sh.bl::before{
  -webkit-box-shadow: -3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: -3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: -3px 3px 0px 0px rgba(76, 128, 215,1);
  right: 1px;
  top: 1px;
}

.home-hero .item .photo-content span.sh.bl::after{
  -webkit-box-shadow: -3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: -3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: -3px 3px 0px 0px rgba(54, 255, 198,1);
  right: 3px;
  top: 4px;
}






.home-hero .item .logo-coach{
  position: absolute;
  left: 50%;
  bottom: 40px;
  text-align: left;
  margin: 0 0 0 -675px;
  width: 314px;
  height: 118px;
  background: url("../images/img-logo-coach.png") no-repeat center center;
  background-size: contain;
}







.home-hero .item .item-content{
  position: absolute;
  left: 50%;
  bottom: 60px;
  border-radius: 24px;
  background: #6200EA;

  backdrop-filter: blur(54px);
  padding: 30px 45px;
  text-align: left;
  color: #FEFDFE;
  max-width: 580px;
  max-width: 600px;
  max-width: 550px;
  margin: 0 0 0 100px;
  width: 100%;
}


.home-hero .item.xmas-2023-promo .item-content{
  min-height: 447px;
}

.home-hero .item .item-content .icon-piggys{
  margin-bottom: 20px;
}

.home-hero .item .item-content .item-title{
  font-size: 41px;
  font-size: 37px;
  line-height: 120%;
  margin: 0px;
}

.home-hero .item .item-content .item-title.min{
  font-size: 38px;
}

.home-hero .item .item-content .item-text{
  font-size: 16px;
  line-height: 150%;
  padding: 15px 0 25px 0;
}

.home-hero .item .item-content .item-buttons{
  padding: 0 0 25px 0;
   font-size: 0px;
}

.home-hero .item .item-content .item-buttons a{
  display: inline-block;
  width: 126px;
  height: 40px;
  background: url("../images/icon-google-play.png") no-repeat center center;
  background-size: contain;
}

.home-hero .item .item-content .item-buttons a.apple-store{
  width: 113px;
  background-image: url("../images/icon-apple-store.png");
  margin: 0 0 0 10px; 
}

.home-hero .item .item-content a.gen-button {
    display: inline-block;
    line-height: 44px;
    padding: 0 15px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 10px 0px 10px 0px;
    font-family: 'RoobertPRO-Regular' !important;
}


.home-hero .item .item-content .item-nav{
  font-size: 0px;
}

.home-hero .item .item-content .item-prev,
.home-hero .item .item-content .item-next{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url("../images/icon-prev.svg") no-repeat center center;
  background-size: contain;
}

.home-hero .item .item-content .item-next{
  background-image: url("../images/icon-next.svg");
  margin: 0 0 0 8px;
}

.home-hero .item .item-content .item-dots{
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.home-hero .slick-dots{
  position: relative;
  bottom: auto;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  width: 7px;
}

.home-hero .slick-dots li{
  display: block;
  margin: 0px;
  padding: 10px 0 0 0;
  width: 7px;
  height: auto;
}

.home-hero .slick-dots li button{
  background: rgba(254, 253, 254, 0.4);

  width: 7px;
  height: 7px;
  border-radius: 50%;
  padding: 0px;
}

.home-hero .slick-dots li.slick-active button{
  background: rgba(254, 253, 254, 1);
}



.home-hero .item .item-bg .pre-title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 114px 0 0 -153px;
  margin: 114px 0 0 -90px;
}

.home-hero .item .item-bg .pre-title span{
  line-height: 57px;
  line-height: 120%;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 40px 0;
  position: relative;
  z-index: 5;
}

.home-hero .item .item-bg .pre-title span.mb{
  margin-bottom: 8px;
}

.home-hero .item .item-bg .pre-title span.bg-blue{
  border-color: #36FFC6;
  color: #36FFC6;
}


.home-hero .item .item-bg .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-hero .item .item-bg .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-hero .item .item-bg .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


.home-hero .item .item-bg .pre-title .logo-cashback{
  position: absolute;
  left: 0px;
  top: -17px;
  width: 229px;
  height: 62px;
  background: url("../images/logo-cashback-purple.png") no-repeat left center;
  background-size: contain;
  transform: translate(0, -100%);
}


.home-hero .item.promo-cosmosport .logo-cosmos{
  position: absolute;
  bottom: 34px;
  left: 50%;
  width: 240px;
  margin: 0 0 0 -650px;
}

.home-hero .item.promo-cosmosport .logo-cosmos img{
  display: block;
  width: 100%;
  height: auto;
}


.home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title{
  text-align: left;
  margin: 35px 0 0 -500px;
}


@media screen and (max-width: 1999px) {
  .home-hero .item.promo-bill-payments .item-bg img{
    /*object-position: calc(50% + 220px) center;*/
  }
}

@media screen and (max-width: 1599px) {
  .home-hero .item.promo-bill-payments .item-bg img{
    object-position: calc(50% + 50px) center;
  }
}
@media screen and (max-width: 1139px) {
  .home-hero .item.promo-bill-payments .item-bg img {
      object-position: calc(50% + 142px) center;
  }
}


@media screen and (max-width: 1439px) {
  .home-hero .item .item-bg img {
      height: 565px;
      border-radius: 0;
  }

  .home-hero .item.promo-20-payzy-cashback .item-bg img{
    object-position: -500px center;
  }

  .home-hero .item .item-content{
    left: auto;
    right: 40px;
    margin: 00px;
  }
}

@media screen and (max-width: 1340px) {
  .home-hero{
    margin: 0 -20px 40px -20px;
  }
  .home-hero .item .item-content .item-title {
      font-size: 35px;
  }

  .home-hero .item .item-content .item-title.min{
    font-size: 33px;
  }

  .home-hero .item .item-content .item-text {
    font-size: 15px;
  }

  .home-hero .item .item-bg::after {
    width: 140px;
    height: 145px;
  }

  .home-hero .item .item-content {
    max-width: 480px;
    max-width: 510px;
    padding: 30px;
  }

  .home-hero .item .photo-content{
    left: 20px;
    margin: 0px;
  }

  .home-hero .item .logo-coach{
    left: -5px;
    margin: 0px;
  }

  .home-hero .item.promo-cosmosport .logo-cosmos{
    margin: 0px;
    left: 20px;
  }

  .home-hero .item.promo-cosmosport .logo-cosmos{
    width: 200px;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title{
    text-align: left;
    margin: 35px 0 0 0px;
    left: 20px;
    transform: translate(0%, -50%);
  }

}

@media screen and (max-width: 1139px) {
  .home-hero .item .photo-content span{
    font-size: 25px;
  }

  .home-hero .item.promo-gift-alert .item-bg img{
    object-position: calc(50% - 130px) center;
  }

  .home-hero .item .item-bg .pre-title {
    margin: 114px 0 0 -268px;
  }

  .home-hero .item.promo-cashback .item-bg img{
    object-position: calc(50% - 250px) center;
  }


  .home-hero .item.xmas-2023-promo .item-content{
    min-height: 10px;
  }

}


@media screen and (max-width: 959px) {

  .home-hero .item .item-content{
    position: relative;
    background: #6200EA;
    border-radius: 0px 0px 12px 12px;
    backdrop-filter: blur(0px);
    right: auto;
    bottom: auto;
    width: auto;
    display: block;
    max-width: 50000px;
  }

  .home-hero .item .item-bg img{
    height: 270px;
  }

  .home-hero .item .item-bg::after {
    left: 50%;
    width: 124px;
    height: 130px;
  }

  .home-hero .item .item-content .item-title{
    font-size: 29px;
  }

  .home-hero .item .item-content .item-title.min{
    font-size: 25px;
  }

  .home-hero .item .item-content .item-text{
    line-height: 170%;
  }

  .home-hero .item .photo-content{
    left: auto;
    right: 20px;
  }

  .home-hero .item .photo-content span {
    font-size: 22px;
    line-height: 50px;
  }

  .home-hero .item .photo-content.top{
    top: auto;
    bottom: 20px;
    right: auto;
    left: 20px;
  }

  .home-hero .item .logo-coach{
    left: auto;
    right: -5px;
    bottom: 12px;
    width: 220px;
    height: 83px;
  }

  .home-hero .item.promo-gift-alert .item-bg img{
    object-position: calc(50% + 144px) -5px;
    transform: scale(1.26);
  }

  .home-hero .item .item-bg .pre-title{
    margin: 0px;
    left: 50%;
    top: auto;
    bottom: 0px;
    transform: translate(100px, 0);
  }

  .home-hero .item .item-bg .pre-title span{
    font-size: 25px;
  }

  .home-hero .item .item-bg .pre-title .logo-cashback {
    width: 160px;
    height: 43px;
  }


  .home-hero .item.promo-cosmosport .item-bg img{
    object-position: left center;
  }


  .home-hero .item.promo-cosmosport .logo-cosmos{
    left: auto;
    right: 20px;
  }

  .home-hero .item.promo-bill-payments .item-bg img{
    object-position: left center;
  }


  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title {
    text-align: left;
    margin: 4px 0 0 0px;
    left: 20px;
    top: 50%;
    bottom: auto;
    transform: translate(0%, -50%);
    max-width: 300px;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title br{
    display: none;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title .sh{
    margin-bottom: 8px;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title span{
    font-size: 22px;
  }

  .home-hero .item.promo-cashback .item-bg img {
    object-position: center center;
  }


  .home-hero .item.promo-20-payzy-cashback .item-bg img{
    object-position: center center;
  }

}

@media screen and (max-width: 767px) {

  .home-hero{
    margin: 0 -10px 30px -10px;
  }

  .home-hero .item .item-content{
    padding: 26px 15px;
  }

  .home-hero .item .item-content .item-title,
  .home-hero .item .item-content .item-title.min {
    font-size: 24px;
  }

  .home-hero .item .item-bg img{
    object-position: 25% center;
  }

  .home-hero .item.promo-tv-20 .item-bg img {
    object-position: 31% center;
  }

  .home-hero .item.promo-10-10 .item-bg img {
    object-position: 34% center;
  }

  .home-hero .item.promo-5euro-bringafriend .item-bg img{
    object-position: 35% center;
  }

  .home-hero .item.promo-korres .item-bg img {
    object-position: 33% center;
  }


  .home-hero .item .item-bg img.promo{
    object-position: 33% center;
  }

  .home-hero .item .item-bg img.promo2 {
    object-position: 32% center;
  }

  .home-hero .item .item-bg::after {
    top: 60%;
    width: 79px;
    height: 79px;
  }

  .home-hero .item .photo-content{
    left: 10px;
    right: auto;
    bottom: auto;
    top: 20px;
  }

  .home-hero .item .photo-content span {
    font-size: 22px;
    line-height: 50px;
  }

  .home-hero .item .photo-content span {
    font-size: 15px;
    line-height: 39px;
  }


  .home-hero .item .photo-content.top{
    bottom: auto;
    top: 110px;
    left: 15px;
  }

  .home-hero .item .logo-coach {
    right: auto;
    left: -1px;
    bottom: 5px;
    width: 163px;
    height: 60px;
  }

   .home-hero .item.promo-10000 .photo-content{
    display: none;
  }

  .home-hero .item.promo-10000 .item-bg img {
    object-position: 34% center;
  }

  .home-hero .item.promo-gift-alert .item-bg img {
    object-position: calc(50% + 48px) -5px;
    transform: scale(1.26);
  }


  .home-hero .item .item-content .item-text br{
    display: none;
  }

  .home-hero .item .item-bg .pre-title span {
    font-size: 19px;
  }

  .home-hero .item.promo-cashback .item-bg img {
    object-position: 35% center;
  }

  .home-hero .item .item-bg .pre-title {
    left: auto;
    right: 20px;
    bottom: -15px;
    transform: translate(0, 0);
  }

  .home-hero .item .item-bg .pre-title .logo-cashback {
    width: 120px;
    height: 33px;
    top: -10px;
  }

  .home-hero .item.promo-cosmosport .item-bg img {
    object-position: 11% center;
  } 

  .home-hero .item.promo-cosmosport .logo-cosmos{
    right: auto;
    left: 20px;
    width: 150px;
    bottom: 20px;
  }

  .home-hero .item.promo-bill-payments .item-bg img {
    object-position: calc(50% + 200px) center;
}

  .home-hero .item.promo-summer-boost .item-bg img{
    object-position: calc(50% + 93px) center;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title span {
    font-size: 16px;
  }

  .home-hero .item.promo-plirwmes-physical-card-offer .item-bg .pre-title {
    max-width: 230px;
  }


  .home-hero .item.xmas-2023-promo .item-bg img {
    object-position: 31% calc(50% + 25px);
  }

  .home-hero .item.xmas-2023-promo .item-content > img{
    max-width: 180px;
    margin-bottom: 20px;
  }

  .home-hero .item.promo-20-payzy-cashback .item-bg img{
    object-position: calc(50% + 100px) center;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.hero{
  margin: 0 auto;
  background: #6200EA;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  padding: 30px 75px 75px 75px;
  font-size: 0px;
}

.hero.no-bg{
  background: none;
  padding-top: 50px;
}

.hero .photo{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 30px 0 0;
  position: relative;
  max-width: 645px;
}

.hero .photo img{
  border-radius: 25px;
  width: 100%;
  display: block;
}

.hero .photo .phone{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-0%, 20%);
  width: 33%;
}

.hero .photo .phone img{
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}

/*
.page-chat-and-pay .hero .photo .phone::after,
.page-split-bill .hero .photo .phone::after{
  content: "";
  position: absolute;
  left: 5%;
  top: 2.5%;
  width: 90%;
  height: 94.6%;
  background: url("../images/anim-chat-gif.gif") no-repeat center top;
  background-size: cover;
  border-radius: 20px;
}

.page-split-bill .hero .photo .phone::after{
  background-image: url("../images/anim-split-gif.gif");
}
*/
.hero .carousel-logos{
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(50%, -50%);
}

.hero .carousel-logos a{
  display: block;
  width: 74px;
  height: 74px;
  margin: 20px 0;
  position: relative;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
  opacity: 0.6;
  transition: all 200ms;
}

.hero .carousel-logos a.active{
  opacity: 1;
}

.hero .carousel-logos a img{
  width: 100%;
}

.hero .carousel-logos a svg{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 200ms;
}

.hero .carousel-logos a.active svg{
  opacity: 1;
}

.hero .content{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: left;
  padding: 0 0 0 30px;
  max-width: 645px;
}

.hero .content .title{
  font-size: 41px;
  line-height: 120%;
  padding: 0 0 25px 0;
  margin: 0px;
}

@media screen and (min-width: 1201px) {
  .hero .content .title.min{
    font-size: 38px;
  }
}

.hero.no-bg .content .title{
  color: #6200EA;
}

.hero .content .title.offer{
  font-size: 27px;
}

.hero .content .title.offer .perc{
  font-size: 0px;
  padding: 10px 0;
}

.hero .content .title.offer .perc strong{
  display: inline-block;
  vertical-align: middle; 
  font-family: 'RoobertPRO-Bold';
  font-size: 91px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #6200EA;
  padding: 0 20px 0 0;
}
.hero .content .title.offer .perc span{
  display: inline-block;
  vertical-align: middle;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
}

.hero .content .text{
  font-size: 16px;
  line-height: 150%;
}

.hero .content .copy{
  font-size: 15px;
  padding: 30px 0 0 0;
}

.hero.no-bg .content .text{
  color: #161616;
  font-size: 19px;
  margin: 0px;
  padding: 0px;
}

.hero .content .text ul,
.hero .content .text li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.hero .content .text li{
  font-size: 16px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left center;
  padding: 11px 0 11px 40px;
  list-style-type: none;
}

.hero .content .text.max{
  font-size: 17px;
}

.hero .content .text.max2{
  font-size: 19px;
}

.hero .content .text p{
  line-height: 150%;
  margin: 0px;
  padding: 0 0 20px 0;
}

.hero .content .gpay{
  width: 350px;
  height: 70px;
  background: url("../images/gpay.png") no-repeat center center;
  background-size: contain;
}

.hero .content .apple-pay-icon{
  width: 198px;
  height: 58px;
  background: url("../images/icon-apple-pay.png") no-repeat center center;
  background-size: contain;
}

.hero .content .garminpay{
  width: 209px;
  height: 44px;
  background: url("../images/garminpay.svg") no-repeat center center;
  background-size: contain;
}

.hero .pre-title{
  text-align: left;
}



.hero .photo .pre-title{
  position: absolute;
  left: 23px;
  bottom: 23px;
  z-index: 2;
}

.hero .pre-title span{
  line-height: 57px;
  line-height: 120%;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 40px 0;
  position: relative;
  z-index: 5;
}

.hero .pre-title span.mb{
  margin-bottom: 8px;
}

.hero .pre-title span.bg-blue{
  border-color: #36FFC6;
  color: #36FFC6;
}

.hero .photo .pre-title span{
  margin: 0 0 10px 0;
}

.hero .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.hero .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.hero .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.hero .offers{
  max-width: 544px;
  margin: 30px 0 0 0;
}
.hero .white-offer{
  
  background: #FEFDFE;
  border-radius: 12px;
  padding: 25px 120px 25px 30px;
  position: relative;
}

.hero .white-offer .offer-logo{
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0,-50%);
  width: 75px;
  border-radius: 50%;
  filter: drop-shadow(18px 15px 32px rgba(0, 0, 0, 0.1));
  border: 0.5px solid rgba(0,0,0,0.1);
}

.hero .white-offer .offer-logo img{
  width: 100%;
  object-fit: contain;
}

.hero .white-offer .offer-title{
  font-size: 27px;
  line-height: 120%;
  color: #6200EA;
}

.hero .white-offer .offer-text{
   font-size: 14px;
  line-height: 150%;
  color: #161616; 
  padding: 15px 0 0 0;
}

.hero .white-offer .offer-text a{
  font-size: 13px;
}



.hero .offers-nav{
  font-size: 0px;
  padding: 20px 0 0 0;
}

.hero .offers-nav .prev,
.hero .offers-nav .next{
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/icon-offers-prev.svg") no-repeat center center;
  background-size: contain;
}

.hero .offers-nav .next{
  background-image: url("../images/icon-offers-next.svg");
}

.hero .offers-nav .dots{
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
}

.hero .offers-nav .dots li{
  display: inline-block;
  vertical-align: middle;
}

.hero .offers-nav .dots .slick-dots{
  position: relative;
  width: auto;
  bottom: auto;
}

.hero .offers-nav .dots .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    margin: 0 4px;
}

.hero .offers-nav .dots .slick-dots li  button{
  width: 7px;
  height: 7px;
  padding: 0px;
  background: #6200EA;
  opacity: 0.4;
} 

.hero .offers-nav .dots .slick-dots li.slick-active  button{
  opacity: 1;
}




.hero .more {
    display: inline-block;
    line-height: 44px;
    padding: 0 15px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 10px 10px 0 0px;
}

.hero .logo-cashback{
  background: url("../images/logo-cashback-tl.png") no-repeat left center;
  background-size: contain;
  width: 303px;
  height: 82px;
  margin: 0px 0 40px 0;
}




@media screen and (max-width: 1340px) {
  
  .hero{
    margin: 0 -20px 0px -20px;
  }

  .hero .content .title br{
    display: none;
  }

  .hero .white-offer .offer-text br{
    display: none;
  }


}


@media screen and (max-width: 1200px) {
  .hero .content .title {
    font-size: 33px;
  }

  .hero .white-offer {
    padding: 25px 110px 25px 30px;
  }

  .hero .white-offer .offer-logo {
    right: 25px;
    width: 60px;
    height: 60px;
  }

  .hero .white-offer .offer-text {
    font-size: 14px;
  }


  .hero .content .text br{
    display: none;
  }


 

}


@media screen and (max-width: 1139px) {

  .hero{
    padding: 30px 30px 50px 30px;
  }
  .hero .content .title{
      font-size: 26px;
  }
  .hero .content .text,
  .hero .content .text.max{
    font-size: 14px;
  }

  .hero .content .gpay {
    width: 300px;
  }

  .hero .white-offer .offer-title {
    font-size: 23px;
  }

  .hero .white-offer .offer-text br{
    display: none;
  }

   .home-hero .item.promo-gap .item-bg img {
    object-position: calc(50% + 90px) center;
  }

}

@media screen and (max-width: 1199px) and (min-width: 960px)  {

}


@media screen and (max-width: 959px) {


  .hero {
    padding: 35px 25px 35px 25px;
  }


  .hero .content .title br{
    display: none;
  }

  .hero .content .gpay {
    width: 273px;
  }

  .hero .photo{
    padding: 0px;
  }

  .hero .content .text br{
    display: none;
  }

  .hero .carousel-logos{
    display: none;
  }


}


@media screen and (max-width: 767px) {

  .hero{
    padding: 10px 10px 40px 10px;
    margin: 0 -10px;
    border-radius: 0 0 0 0;
  }

  .hero.no-bg{
    padding-top: 10px;
  }

  .hero .photo{
    display: block;
    width: auto;
    margin: 0px 0 30px 0;
  }

  .hero .content{
    display: block;
    width: auto;
    padding: 0px;
  }

  .hero .content .gpay {
    width: 280px;
  }

  .hero .photo img{
    border-radius: 12px;
  }

  .hero .photo .pre-title{
    left: 20px;
    bottom: 20px;
  }

  .hero .pre-title span {
    font-size: 19px;
    font-size: 22px;
  }

  .hero .photo .phone {
    left: auto;
    transform: translate(-0%, 29%);
    width: 42%;
    right: 15px;
  }

  .page-split-bill .hero .content,
  .page-chat-and-pay .hero .content{
    padding: 70px 0 0 0;
  }

  .hero .white-offer {
    padding: 20px;
  }

  .hero .white-offer .offer-title {
    font-size: 18px;
  }

  .hero .white-offer .offer-text {
    font-size: 13px;
  }

  .hero .white-offer .offer-logo{
    display: block;
    position: relative;
    right: auto;
    top: auto;
    transform: translate(0,-0%);
    width: 50px;
  }

  .hero .white-offer .offer-title {
    font-size: 17px;
    padding: 10px 0 0 0;
  }

  .hero .white-offer .offer-text {
    font-size: 15px;
  }

  .hero .carousel-logos{
    display: block;
    right: auto;
    left: 50%;
    width: 100%;
    top: auto;
    bottom: 0px;
    transform: translate(-50%, 50%);
  }

  .hero .carousel-logos a{
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    margin: 0 2px;
  }

  .page-pws-kerdizeis .hero .content{
    padding-top: 30px;
  }

}





/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.info{
  max-width: 1190px;
  margin: 0 auto;
  padding: 60px 0 30px 0;
}

.info .items{
  font-size: 0px;
}

.info.apple-pay .items{
  text-align: left;
}

.info .items .item{
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 30px);
  margin: 0 15px 30px 15px;
  background: #FEFDFE;
  border-radius: 24px;
  overflow: hidden;
}

.info .items .item.i2{
  background: #6200EA;
  color: #fff;
}

.info .items .item.i3{
  width: calc(100% - 30px);
  background: #E4FEF8;
  margin: 0 auto;
}

.info.apple-pay .items .item{
  display: block;
  margin: 0 auto 25px auto;
  max-width: 1160px;
  width: auto;
  font-size: 0px;
}


.info .items .item .item-content{
  padding: 50px;
  text-align: left;
}




.info.apple-pay .items .item .item-content{
  max-width: 690px;
  display: inline-block;
  vertical-align: middle;
}


.info .items .item .item-pre-title{
  padding: 10px 15px;
  background: #6200EA;
  border-radius: 10px;
  color: #fff;
  border: 2px solid #6200EA;
  display: inline-block;
  font-size: 31px;
}

.info .items .item .item-title{
  font-size: 31px;
  line-height: 120%;
  color: #6200EA;
  padding: 20px 0 15px 0;
  margin: 0px;
  font-family: 'RoobertPRO-Medium';
}

.info .items .item .item-text{
  font-size: 16px;
  line-height: 150%;
  color: #161616;
}

.info .items .item .item-text p{
  margin: 0px;
  padding: 0 0 20px 0;
  line-height: 150%;
}

.info .items .item .item-photo img{ 
  display: block;
  width: 100%;
}

.info .items .item.i1 .item-photo img{
  max-height: 355px;
  object-fit: contain;
  object-position: center bottom;
}

.info .items .item.i2 .item-pre-title{
    color: #36FFC6;
    border-color: #36FFC6;
}

.info .items .item.i2 .item-title{
  color: #ffffff;
}

.info .items .item.i2 .item-text{
  color: #fff;
  font-size: 15px;
}

.info .items .item.i3 .item-content{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 570px);
}

.info .items .item.i3 .item-photo{
  width: 570px;
  display: inline-block;
  vertical-align: middle;
}

.info.apple-pay .items .item .item-photo{
  width: calc(100% - 690px);
  display: inline-block;
  vertical-align: middle;
  min-height: 526px;
}


.info .items .item.i4{
  background:#fff url("../images/img-info4-2.png") no-repeat right 46px;
  background-size: 373px;
}

.info.apple-pay .items .item.i5{
  background: #6200EA  url("../images/img-info5-2.png") no-repeat right 40px;
  background-size: 373px;
  color: #fff;
}

.info .items .item.i5 .item-pre-title{
  color: #36FFC6;
  border-color: #36FFC6;
}

.info .items .item.i5 .item-title{
  color: #ffffff;
}

.info .items .item.i5 .item-text{
  color: #fff;
  max-width: 480px;
}


@media screen and (max-width: 1200px) {
 
  .info.apple-pay{
    padding-right: 15px;
    padding-left: 15px;
  }

  .page-google-pay .info .items .item.i2 .item-content {
    min-height: 496px;
  }

}


@media screen and (max-width: 1139px) {
  
  .info .items .item .item-content {
      padding: 30px 30px 0 30px;
      text-align: left;
  }

  .info .items .item .item-title {
    font-size: 26px;
  }

  .info .items .item .item-text {
    font-size: 15px;
  }

  .info .items .item .item-text br{
    display: none;
  }

  .info.apple-pay .items .item.i4{
    background-position: calc(100% + 70px) 46px;
  }

  .info.apple-pay .items .item.i5{
    background-position: calc(100% + 70px) 40px;
  }

  .info.apple-pay .items .item .item-content{
    width: 560px;
  }

  .page-google-pay .info .items .item.i2 .item-content {
    min-height: 469px;
  }

}


@media screen and (max-width: 959px) {


  .info .items .item{
    display: block;
    width: auto;
  }

  .info .items .item.i3 .item-content,
  .info .items .item.i3 .item-photo{
    display: block;
    width: auto;
  }

  .info .items .item.i1 .item-content{
    min-height: 10px;
  }

  .info.apple-pay .items .item .item-content {
    width: 410px;
  }

  .info .items .item.i4 .item-title br,
  .info .items .item.i5 .item-title br{
    display: none;
  }

  .page-google-pay .info .items .item.i2 .item-content {
    min-height: 10px;
  }

}


@media screen and (max-width: 767px) {


  .info{
    padding: 30px 0px;
  }

  .info .items .item,
  .info .items .item.i3{
    width: auto;
    margin: 0 0 20px 0; 
  }


  .info.apple-pay .items .item .item-content{
    display: block;
    width: auto;
    padding: 30px 20px 0 20px;

  }

  .info .items .item.i3{
    margin-bottom: 0px;
  }

  .info.apple-pay .items .item.i4 {
    background-position: calc(50% + 50px) calc(100% + 70px);
    background-size: auto 450px;
  }

  .info.apple-pay .items .item.i5 {
    background-position: calc(50% + 50px) calc(100% + 60px);
    background-size: auto 450px;
  }

  .info.apple-pay .items .item .item-photo {
    min-height: 400px;
  }

  .info .items .item .item-pre-title {
    font-size: 19px;
    line-height: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
  }


  .info .items .item{
    border-radius: 12px;
  }

  .info .items .item .item-content {
    padding: 30px 15px 0 15px;
    text-align: left;
  }

  .info.apple-pay{
    padding-right: 0px;
    padding-left: 0px;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.get-buttons .items{
  font-size: 0px;
  max-width: 1190px;
  margin: 0 auto;
}

.get-buttons .items .item{
  display: inline-block;
  vertical-align: top;
  width: 50%;
  width: calc(50% - 30px);
  margin: 0 15px 0px 15px;
  padding: 20px;
  background: #6200EA;
  border-radius: 25px;
  text-align: left;
}

.get-buttons .items .item.i2{
  background: #36FFC6;
}

.get-buttons .items .item img{
  width: 100%;
  border-radius: 25px;
}

.get-buttons .items .item .google-play{
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url("../images/icon-google-play.png") no-repeat center center;
  background-size: contain;
  margin: 25px 0 10px 30px;
}

.get-buttons .items .item .apple-store{
  display: inline-block;
  width: 141px;
  height: 50px;
  background: url("../images/icon-apple-store.png") no-repeat center center;
  background-size: contain;
  margin: 25px 0 10px 30px;
}




@media screen and (max-width: 767px) {



  .get-buttons .items{
    padding: 0px;
  }

  .get-buttons .items .item{
    display: block;
    width: auto;
    padding: 15px;
  }

  .get-buttons .items .item.i1,
  .get-buttons .items .item.i2{
    margin: 0 auto 20px auto;
  }

  .get-buttons .items .item .google-play{
    margin-left: 0px;
  }

  .get-buttons .items .item,
  .get-buttons .items .item img{
    border-radius: 12px;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.text-copy{
  padding: 0 20px;
  text-align: center;
  max-width: 960px;
  margin: 0 auto -30px auto;
}

@media screen and (max-width: 767px) {
  .text-copy{
    margin-bottom: 0px;
    padding: 0 20px 20px 20px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.faq{
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  max-width: 1090px;
  text-align: left;
  width: 100%;
  font-size: 0px;
  overflow: hidden;

}
.faq .content{
  display: inline-block;
  vertical-align: top;
  width: 330px;
}

.faq .content .title{
  font-size: 24px;
  line-height: 120%;
  color: #fff;
  font-family: 'RoobertPRO-Bold';
  padding: 13px 0 0 0;
}

.faq .items{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 330px);
}

.faq .items .item{
  margin: 0 0 0px 0;
  font-size: 16px;
  transition: all 200ms;
}


.faq .items .item .item-q{
  font-size: 16px;
  display: block;
  padding: 20px 70px 20px 20px;
  text-decoration: none;
  position: relative;
  color: #fff;
}

.faq .items .item .item-q.no-text{
  font-size: 0px;
}

.faq .items .item .item-q.full-width::before{
  content: "";
  position: absolute;
  right: 100%;
  top: 0px;
  height: 100%;
  width: 100%;
}

.faq .items .item .item-q::after{
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  background: url("../images/icon-faq-plus.svg") no-repeat center center;
  background-size: contain;
  margin: -9px 0 0 0;
  transition: all 200ms;
}

.faq .items .item.active .item-q::after{
   -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq .items .item .item-ans{
  padding: 0px 70px 20px 20px;
  font-size: 14px;
  line-height: 150%;
  display: none;
  color: #fff;
}

.faq .items .item .item-ans a{
  text-decoration: underline;
}

.faq .items .item .item-ans ol,
.faq .items .item .item-ans ul,
.faq .items .item .item-ans li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.faq .items .item .item-ans li{
  margin: 0 0 0 15px;
  list-style-type: disc;
}

.faq .items .item .item-ans ol li{
  list-style-type: decimal;
}


.faq.black .content .title,
.faq.black .items .item .item-q,
.faq.black .items .item .item-ans{
  color: #000;
}

.faq.black .items .item .item-q::after{
  filter: brightness(0%);
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .faq{
    max-width: 75.69vw;

  }
  .faq .content{
    width: 22.92vw;
  }

  .faq .content .title{
    font-size: 1.67vw;
    padding: 0.9vw 0 0 0;
  }

  .faq .items{
    width: calc(100% - 22.92vw);
  }

  .faq .items .item{
    font-size: 1.11vw;
  }

  .faq .items .item .item-q{
    font-size: 1.11vw;
    padding: 1.39vw 4.86vw 1.39vw 1.39vw;
  }

  .faq .items .item .item-q::after{
    right: 1.04vw;
    width: 1.25vw;
    height: 1.25vw;
    margin: -0.62vw 0 0 0;
  }

  .faq .items .item .item-ans{
    padding: 0px 4.86vw 1.39vw 1.39vw;
    font-size: 0.97vw;
  }

  .faq .items .item .item-ans li{
    margin: 0 0 0 1.04vw;
  }


}

@media screen and (max-width: 959px) {

  .faq .content,
  .faq .items{
    display: block;
    width: auto;
  }

  .faq .content .title{
    font-size: 30px;
    padding: 0 0 20px 0;
  }

  .faq .content .title br{
    display: none;
  }

  .faq{
    padding: 60px 15px 80px 15px;
  }


  .page-synergy-inner .faq{
    padding-bottom: 0px;
  }

  .faq .items .item .item-q.full-width{
    transform: translate(0, calc(-100% - 5px));
  }

  .faq .items .item .item-q.full-width + .item-ans{
    margin: -40px 0 0 0;
  }

}


@media screen and (max-width: 767px) {

  .faq{
    padding: 30px 0px;
  }

  .faq .content .title {
    font-size: 26px;
    padding: 0 0 20px 0;
  }


  .faq .items .item .item-ans{
    padding-right: 0px;
  }



}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.wcs-lightbox{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 999999;
    display: none;
}

.wcs-lightbox .wcs-back-close{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wcs-lightbox .wcs-content{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    max-width: 900px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wcs-lightbox.youtube-video .wcs-content{
    width: 60vw;
    height: 30vw;
}

.wcs-lightbox .wcs-content .wcs-close{
    content: "";
    position: absolute;
    right: -30px;
    top: 0px;
    display: block;
    background: url("../images/icon-close.png") no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    font-size: 0px;
}

.wcs-lightbox .wcs-content video{
    height: 70vh;
    width: auto;
}


@media screen and (max-width: 959px) {
  .wcs-lightbox.youtube-video .wcs-content{
      width: 85vw;
      height: 50vw;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.home-intro{
  max-width: 1300px;
  margin: 0 auto 40px auto;
  background: #6200EA;
  border-radius: 24px;
  font-size: 0px;
}

.home-intro .content{
  display: inline-block;
  vertical-align: middle;
  width: 62%;
  width: 72%;
  padding: 50px 20px 50px 50px;
  padding: 50px 20px 70px 50px;
  text-align: left;
  font-size: 17px;
}

.home-intro .content .pre-title{
  font-size: 0px;
}

.home-intro .content .pre-title span{
  line-height: 57px;
  border: 1.5px solid #36FFC6;
  border-radius: 10px;
  font-size: 31px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.home-intro .content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.home-intro .content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-intro .content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}

.home-intro .content .title{
  font-size: 31px;
  line-height: 130%;
  color: #fff;
  padding: 10px 0 25px 0;
  max-width: 550px;
  font-family: 'RoobertPRO-Medium';
  margin: 0px;
}

.home-intro .content .items{
  font-size: 0px;
}

.home-intro .content .item{
  display: inline-block;
  vertical-align: middle;
  background:#ebdffc;
  border-radius: 8px;
  width: 160px;
  height: 170px;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 32px 0 0 0;
}

.home-intro .content .item .item-icon{
  width: 65px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/icon-intro1.svg?v=2") no-repeat center center;
}

.home-intro .content .item.i2 .item-icon{ background-image: url("../images/icon-intro2.svg?v=2"); }
.home-intro .content .item.i3 .item-icon{ background-image: url("../images/icon-intro3.svg?v=2"); }
.home-intro .content .item.i4 .item-icon{ background-image: url("../images/icon-intro4.svg?v=2"); }
.home-intro .content .item.i5 .item-icon{ background-image: url("../images/icon-intro5.svg?v=2"); }


.home-intro .content .item-title{
  font-size: 15px;
  line-height: 140%;
  color: #161616;
  padding: 23px 0 0 0;
}



.home-intro .photo{
  display: inline-block;
  vertical-align: bottom;
  width: 38%;
  width: 28%;
}

.home-intro .photo img{
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 auto;
  margin: 0px;
}

@media screen and (max-width: 1365px) {

  .home-intro .content{
    padding-right: 0px;
  }

  .home-intro .content .item{
    width: calc(20% - 10px);
  }

  .home-intro .content .item-title {
    font-size: 13px;
  }

}

@media screen and (max-width: 1139px) {

  .home-intro .content .item{
    height: 150px;
    padding: 32px 0 0 0;
  }

  .home-intro .content .item .item-icon{
    background-size: contain;
    width: 40px;
    height: 40px;
  }

  .home-intro .content .item-title {
    font-size: 12px;
    padding: 18px 0 0 0;
  }
}


@media screen and (max-width: 959px) {


   .home-intro{
    overflow: hidden;
   }

  .home-intro .content{
    display: block;
    width: auto;
    padding: 40px 30px 30px 30px;
  }

  

  .home-intro .content .items{
    overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none; 
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .home-intro .content .items::-webkit-scrollbar {
    display: none;
  }

  .home-intro .content .item{
    width: calc(28% - 10px);
    height: 170px;
  }

  .home-intro .content .item .item-icon {
    width: 50px;
    height: 50px;
  }

  .home-intro .content .item-title{
    font-size: 14px;
  }

  .home-intro .content .item.i5{
    margin: 0px;
  }

  .home-intro .photo{
    display: block;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;

  }

  .home-intro .photo img{
    height: 280px;
    object-fit: cover;
    object-position: center top;
    border-radius: 24px 24px 0 0;
  }

   .home-intro .photo img{
    height: auto;
    margin: 0 auto;
  }



}


@media screen and (max-width: 767px) {

  .home-intro .content {
    padding: 30px 20px 30px 20px;
  }

  .home-intro .content .item{
    width: 140px;
  }

  .home-intro{
    border-radius: 12px;
  }

  .home-intro .content .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .home-intro .content .title {
    font-size: 24px;
    padding: 10px 0 25px 0;
  }

  .home-intro .content .title br{
    display: none;
  }

  .home-intro .content .items{
    margin: 0 -20px 0 0;
  }

  .home-intro .content .item.i4{
    margin-right: 10px;
  }

  .home-intro .photo img{
    height: auto;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.mrow-cont{
  max-width: 1300px;
  margin: 0 auto 40px auto;
  background: #E4FEF8;
  border-radius: 24px;
  font-size: 0px;
  position: relative;
}

.mrow-cont.mw{
  max-width: 1160px;
}

.mrow-cont.mt{
  margin-top: 60px;
}

.mrow-cont.bg-purple{
  background: #F5EEFE;
}

.mrow-cont.bg-purple2{
  background: #6200EA;
}

.mrow-cont.bg-white{
  background: #ffffff;
  background: #E4FEF8;
}

.mrow-cont .content{
  display: inline-block;
  vertical-align: middle;
  width: 56%;
  padding: 50px;
  text-align: left;
  font-size: 17px;
}

@media screen and (min-width: 960px){
  .mrow-cont.plirwmes-physical-card-offer .content{
    padding-right: 0px;
  }
}

.mrow-cont .content.pr{
  padding-right: 190px;
}


@media screen and (min-width: 960px) {
  .mrow-cont .content.pr2{
    padding-right: 100px;
  }
}


.mrow-cont .content .pre-title{
  font-size: 0px;
}

.mrow-cont .content .pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 32px;
  color: #fff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.mrow-cont .content .pre-title span.mt{
  margin-top: 8px;
}

.mrow-cont.bg-purple2 .content .pre-title span{
  border-color: #36FFC6;
  color: #36FFC6;
}

.mrow-cont.bg-white .content .pre-title span{
  color: #ffffff;
}

.mrow-cont .content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.mrow-cont .content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.mrow-cont .content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.mrow-cont .content .pre-title span.sh2{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.mrow-cont .content .pre-title span.sh2::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.mrow-cont .content .pre-title span.sh2::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}







.mrow-cont .content .title{
  font-size: 31px;
  line-height: 130%;
  color: #6200EA;
  padding: 30px 0;
  padding: 25px 0 15px 0;
  max-width: 550px;
  font-family: 'RoobertPRO-Medium';
  margin: 0px;
}

.mrow-cont.pliromes-extra-virtual-cards .content .title{
  max-width: 2000px;
  padding-top: 0px;
}

.mrow-cont.pliromes-extra-virtual-cards .content{
  padding-right: 0px;
}

.mrow-cont .content .title.mp{
  padding: 15px 0;
}


.mrow-cont.bg-purple2 .title{
  color: #ffffff;
}

.mrow-cont .content .copy{
  position: absolute;

  right: 50px;
  bottom: 30px;
  color: #fff;
  font-size: 12px;
  direction: ltr;
}

.mrow-cont .content .text{
  font-size: 16px;
  line-height: 150%;
  padding: 0 0 30px 0;
  max-width: 550px;
}

.mrow-cont .content .text p{
  padding: 0 0 20px 0;
  margin: 0px;
  line-height: 150%;
}

.mrow-cont.cashback-stripe .content .text p{
  padding: 0 0 20px 0;
  margin: 0px;
}

.mrow-cont.pliromes-extra-virtual-cards .content .text{
  max-width: 2000px;
  padding-bottom: 0px;
}

.page-asfaleia-eggrafh .mrow-cont .content .text{
  font-size: 16px;

}


.mrow-cont .content .text .min{
  font-size: 14px;
}

.mrow-cont.bg-purple2 .text{
  color: #ffffff;
}

.mrow-cont .content .text ul{
  margin: 0px;
  padding: 0px;
}

.mrow-cont .content .text ul li{
  font-size: 14px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left center;
  padding: 11px 0 11px 40px;
  list-style-type: none;
}


.mrow-cont .content .more{
  display: inline-block;
  line-height: 44px;
  padding: 0 15px;
  background: #6200EA;
  border: 1px solid #6200EA;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  transition: all 200ms;
  margin: 0 10px 0 0px;
}

.mrow-cont .content .more.m2{
  background: none;
  color: #6200EA;
}
/*
.mrow-cont .content .more:hover{
  opacity: 0.7;
}

.mrow-cont .content .more.m2:hover{
  opacity: 1;
  color: #fff;
  background: #6200EA;
}
*/
.mrow-cont .photo{
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  padding: 30px;
  position: relative;
}

.mrow-cont .photo.np{
  padding: 0px;
}


.mrow-cont.cashback-alwayson .photo{
  padding: 20px;
}

.mrow-cont .photo.align-bottom{
  vertical-align: bottom;
  padding-bottom: 0px;
  padding-top: 80px;
}

.mrow-cont .photo img{
  width: 100%;
  border-radius: 24px;
  display: block;
  margin: 0 auto;
}

.mrow-cont .photo.align-bottom img{
  border-radius: 0;
}

.mrow-cont .photo img.mobile{
  max-width: 236px;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}

.mrow-cont .photo img.mobile2{
  max-width: 350px;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
  border-radius: 0px;
}

.mrow-cont.bg-purple2 .photo img.mobile2{
  filter: none;
}


.mrow-cont .photo .phone{
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
}

.mrow-cont.cashback-alwayson .photo .phone {
    left: 5%;
}

.mrow-cont .photo .phone img{
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}


.mrow-cont.align-right{
  direction: rtl;
}


.mrow-cont.align-right .photo{
  direction: ltr;
}

.mrow-cont.align-right .content{
  text-align: right;
}

.mrow-cont.align-right .content .title,
.mrow-cont.align-right .content .text ,
.mrow-cont.align-right .content .buttons{
  direction: ltr;
}



.mrow-cont .logo-cashback{
  background: url("../images/logo-cashback.png") no-repeat left center;
  background-size: contain;
  width: 340px;
  height: 35px;
  margin: 0 0 10px 0;
}

.mrow-cont .pre-title .logo-cashback {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/logo-cashback2.png");
  margin: 0 8px 0 0;
}


@media screen and (max-width: 1249px) {
  .mrow-cont .content.pr {
      padding-right: 130px;
  }

  .mrow-cont .logo-cashback{
    width: 310px;
  }

  .mvcol-cont .items .item .item-text br{
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1139px) {
  
  .mrow-cont.plirwmes-physical-card-offer .content .pre-title span{
    font-size: 25px;
  }

}

@media screen and (max-width: 1139px) {

  .mrow-cont .content .title{
    font-size: 29px;
  }

  .mrow-cont .content .text br{
    display: none;
  }

  .mrow-cont .content .title br.mob-stay,
  .mrow-cont .content .text br.mob-stay{
    display: block;
  }

  .mrow-cont .content .title br{
    display: none;
  }

  .mrow-cont .content .copy{
    font-size: 11px;
  }

  .mrow-cont.pliromes-extra-virtual-cards ul{
    padding-top: 20px !important;
  }

  .mrow-cont .pre-title .logo-cashback{
    width: 240px;
  }

  @media screen and (min-width: 960px) {
    .mrow-cont .content.pr2 {
      padding-right: 70px;
    }
  }


  

}

@media screen and (max-width: 959px) {


   .mrow-cont{
    overflow: hidden;
   }

  .mrow-cont .content{
    display: block;
    width: auto;
    padding: 40px 30px 30px 30px;
  }

  

  .mrow-cont .content .text ul{
    /*overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none; 
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;*/
    margin: 0 -30px 0 0;
  }

  .mrow-cont .content .text ul::-webkit-scrollbar {
    display: none;
  }

  .mrow-cont .content .text ul li{
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    padding: 37px 0px 0 0;
    width: 240px;
    white-space: normal;
    background-position: left top;
  }

  .mrow-cont .content .text,
  .page-asfaleia-eggrafh .mrow-cont .content .text{
    max-width: 2000px;
  }

  .mrow-cont .photo{
    display: block;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 10px;

  }

  .mrow-cont .photo img{
    margin-bottom: 40px;
  }

  .mrow-cont .photo img.mobile2{
    margin-bottom: 0px;
  }

  .mrow-cont .photo img.mobile{
    height: 230px;
    object-fit: cover;
    object-position: center top;
    border-radius: 24px 24px 0 0;
    margin: 0px auto;
  }

  .mrow-cont .photo .phone {
      left: 5%;
      top: 0%;
      transform: translate(0%, -34%);
      width: 35%;
  }

  .mrow-cont.cashback-alwayson .photo .phone {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .page-chat-and-pay .mrow-cont .photo,
  .page-split-bill .mrow-cont .photo,
  .page-piggys .mrow-cont .photo{
    margin-top: 120px;
  }

  .page-chat-and-pay .mrow-cont .photo.align-bottom,
  .page-split-bill .mrow-cont .photo.align-bottom{
    margin-top: 0px;
  }

  .mrow-cont .content.pr {
    padding-right: 30px;
  }

  .mrow-cont .photo.align-bottom{
    padding-top: 0px;
  }

  .mrow-cont.align-right .content{
    text-align: left;
  }

  .mrow-cont .content .title{
    max-width: 1000px;
  }

  .mrow-cont .content .copy {
    position: relative;
    right: auto;
    bottom: auto;
    font-size: 13px;
    line-height: 140%;
    text-align: left;
    padding: 30px 0 0 0;
  }

}


@media screen and (max-width: 767px) {

  .mrow-cont{
    margin: 0 auto 25px auto;
    border-radius: 12px;
  }

  .mrow-cont .content{
    padding: 35px 15px 50px 15px;
  }

  .mrow-cont .content .title br,
  .mrow-cont .content .text br{
    display: none;
  }

  .mrow-cont .content .title br.mob-stay,
  .mrow-cont .content .text br.mob-stay{
    display: block;
  }

  .mrow-cont .content .text.mob-npb{
    padding-bottom: 0px;
  }

  .mrow-cont .content .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .mrow-cont.coach-stripe .content .pre-title span{
    font-size: 18px;
  }


  .mrow-cont .content .title {
    font-size: 24px;
    padding: 20px 0;
  }

  .mrow-cont .photo img{
    margin-bottom: 10px;
  }

  .mrow-cont .content.pr {
    padding-right: 15px;
  }

  .page-chat-and-pay .mrow-cont .photo,
  .page-split-bill .mrow-cont .photo,
  .page-piggys .mrow-cont .photo{
    margin-top: 45px;
  }

  .mrow-cont .photo img.mobile2 {
    max-width: 200px;
  }


  .mrow-cont.mt{
    margin-top: 20px;
  }

  .mrow-cont.align-right .content .title, 
  .mrow-cont.align-right .content .text, 
  .mrow-cont.align-right .content .buttons,
  .mrow-cont .content .pre-title,
  .mrow-cont.align-right {
    direction: ltr;
    text-align: left;
  }

  .mrow-cont.piggys-bottom  .photo{
    margin-top: -15px;
  }



  .mrow-cont .content .text ul.nc{
    padding: 20px 0 0 0;
  }

  .mrow-cont .content .text ul.nc li{
    margin: 0 0 20px 0;
    padding: 2px 0px 0 37px;
  }

  .mrow-cont .pre-title .logo-cashback {
    width: 200px;
  }

  .mrow-cont.cashback-alwayson .photo .phone {
    top: 19%;
    transform: translate(-9%, -50%);
    width: 30%;
  }

  .mrow-cont .photo .phone img {

    border-radius: 12px;
  }


  .mrow-cont.garmin-pay-pos-plironis .content{
    padding-bottom: 0px;
  }


  .mrow-cont.bill-payments-stripe .content .text br{
    display: block;
  }


  .mrow-cont.plirwmes-physical-card-offer .content .pre-title span:nth-child(2){
    margin-top: 8px;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.m2c-cont{
  font-size: 0px;
  max-width: 1300px;
  margin: 0 auto 40px auto;
}

.m2c-cont.min{
  max-width: 1160px;
}

.m2c-cont .item{
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 14px);
  margin: 0 0px 0 28px;
  background: #F5EEFE;
  border-radius: 24px;
  padding: 20px;
  text-align: left;
  font-size: 17px;
  min-height: 720px;
}

.m2c-cont.min .item{
  min-height: 10px;
}


.m2c-cont .item:first-child{
  margin: 0px;
}

.m2c-cont .item .item-photo{
  position: relative;
}

.m2c-cont .item .item-photo img{
  height: 360px;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

.m2c-cont.min .item .item-photo img{
  height: 500px;
}

.m2c-cont .item .item-photo .item-pre-title{
  position: absolute;
  left: 23px;
  bottom: 23px;
}

.m2c-cont .item .item-photo .item-pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #ffffff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.m2c-cont .item .item-photo .item-pre-title.mtop span{
  margin-top: 8px;
}

.m2c-cont .item .item-photo .item-pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.m2c-cont .item .item-photo .item-pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.m2c-cont .item .item-photo .item-pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.m2c-cont .item .item-photo .item-pre-title span.sh.br{
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.m2c-cont .item .item-photo .item-pre-title span.sh.br::before{
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  right: -3px;
  top: 1px;
}

.m2c-cont .item .item-photo .item-pre-title span.sh.br::after{
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  right: -6px;
  top: 4px;
}




.m2c-cont .item .item-content{
  padding: 40px 20px 0 20px;
  min-height: 250px;
}


.m2c-cont .item .item-content .item-title{
  font-size: 31px;
  line-height: 130%;
  color: #6200EA;
  padding: 0 0 25px 0;
  max-width: 530px;
  font-family: 'RoobertPRO-Medium';
  margin: 0px;
}


.m2c-cont .item .item-content .item-text{
  font-size: 17px;
  line-height: 150%;
  max-width: 530px;
  padding: 0 0 10px 0;
}

.m2c-cont .item .item-more{
  display: inline-block;
  line-height: 44px;
  padding: 0 15px;
  background: #6200EA;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  transition: all 200ms;
  margin: 0 0 0 20px;
}



.m2c-cont .item .google-play{
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url("../images/icon-google-play.png") no-repeat center center;
  background-size: contain;
  margin: 25px 0 10px 30px;
}

.m2c-cont .item .apple-store{
  display: inline-block;
  width: 141px;
  height: 50px;
  background: url("../images/icon-apple-store.png") no-repeat center center;
  background-size: contain;
  margin: 25px 0 10px 30px;
}






.m2c-cont .item.bg-purple{
  color: #fff;
  background: #6200EA;
}


.m2c-cont .item.bg-purple .item-content .item-title{
    color: #fff;
}


.m2c-cont .item.bg-purple .item-more{
  background: #fff;
  color: #6200EA;
}

.m2c-cont .item.bg-green{
  color: #fff;
  background: #36FFC6;
}


.m2c-cont .item.bg-green .item-content .item-title{
    color: #fff;
}


.m2c-cont .item.bg-green .item-more{
  background: #fff;
  color: #6200EA;
}



.m2c-cont.garmin-pay-bottom-area .item{
  min-height: 630px;
  position: relative;
}

.m2c-cont.garmin-pay-bottom-area .item .item-content .item-big-title{
  padding: 110px 0 0 0;
  background: url("../images/icon-garmin-pay.svg") no-repeat left top;
  font-size: 46px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #FEFDFE;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}



@media screen and (max-width: 1139px) {
  .m2c-cont .item .item-photo .item-pre-title span{
    font-size: 25px;
  }
}

@media screen and (max-width: 959px) {
  .m2c-cont .item,
  .m2c-cont .item:first-child{
    display: block;
    width: auto;
    margin: 0 0 30px 0;
  }

}

@media screen and (max-width: 767px) {

  .m2c-cont {
    margin: 0 auto 25px auto;
  }

  .m2c-cont .item{
    border-radius: 12px;
    min-height: 10px;
    padding: 10px 10px 30px 10px;
  }

  .m2c-cont .item .item-photo .item-pre-title span{
    font-size: 19px;
    line-height: 45px;
  }

  .m2c-cont .item .item-photo img{
    height: 230px;
  }

  .m2c-cont .item .item-photo .item-pre-title{
    left: 10px;
    bottom: 10px;
  }

  .m2c-cont .item .item-content {
    padding: 20px 5px 0 5px;
    min-height: 10px;
  }

  .m2c-cont .item .item-content .item-title {
    font-size: 24px;
    padding: 0 0 20px 0;
  }

  .m2c-cont .item .item-content .item-text {
    font-size: 15px;
    padding: 0 0 20px 0;
  }

  .m2c-cont .item .item-more {
    margin: 0 0 0 5px;
  }

  .m2c-cont.garmin-pay-bottom-area .item .item-content .item-big-title{
    font-size: 38px;
  }

  .m2c-cont.garmin-pay-bottom-area .item {
    min-height: 486px;
    position: relative;
  }

  .m2c-cont.garmin-pay-bottom-area .item .google-play{
    margin-left: 10px;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.main-title{
  text-align: left;
  max-width: 1300px;
  margin: 0 auto;
  font-size: 31px;
  font-family: 'RoobertPRO-Bold';
  padding: 0px 0 40px 0;
}

.main-title.mw{
  max-width: 1160px;
}

.main-title .main-title-text{
  font-size: 15px;
  line-height: 150%;
  color: #161616;
  padding: 10px 0 0 0;
  font-family: 'RoobertPRO-Regular';
}

@media screen and (max-width: 767px) {
  .main-title{
    font-size: 24px;
    padding: 0 0 25px 0;
  }

  .main-title .main-title-text br{
    display: none;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.home-new-payments-way{
  max-width: 1300px;
  margin: 0 auto 40px auto;
  background: #6200EA;
  border-radius: 24px;
  font-size: 0px;
}

.home-new-payments-way .content{
  display: inline-block;
  vertical-align: middle;
  width: 54%;
  padding: 50px;
  text-align: center;
  font-size: 17px;
  color: #fff;
}

.home-new-payments-way .content .inner{
  text-align: left;
  display: inline-block;
}

.home-new-payments-way .content .pre-title{
  font-size: 0px;
  padding: 0 0 10px 0;
}

.home-new-payments-way .content .pre-title span{
  line-height: 57px;
  border: 1.5px solid #36FFC6;
  border-radius: 10px;
  font-size: 31px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0px 10px 0;
  position: relative;
  z-index: 5;

}

.home-new-payments-way .content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  border-color: #6200EA;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-new-payments-way .content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-new-payments-way .content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}

.home-new-payments-way .content .text{
  font-size: 20px;
  padding: 0 0 30px 0;
}


.home-new-payments-way .content .buttons a {
    display: inline-block;
    width: 138px;
    height: 44px;
    background: url("../images/icon-google-play.png") no-repeat center center;
    background-size: contain;
}

.home-new-payments-way .content .buttons a.apple-store{
  width: 125px;
  background-image: url("../images/icon-apple-store.png");
  margin: 0 0 0 10px;
}

.home-new-payments-way .photo{
  display: inline-block;
  vertical-align: middle;
  width: 46%;
  padding: 30px;
}

.home-new-payments-way .photo img{
  width: 100%;
  border-radius: 24px;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 959px) {

  .home-new-payments-way .content{
    padding: 50px 30px;
    width: 50%;
  }

  .home-new-payments-way .content .pre-title span {
    line-height: 50px;
    font-size: 25px;
  }

  .home-new-payments-way .photo{
    width: 50%;
    padding: 0 0 0 30px;
  }
}

@media screen and (max-width: 767px) {

  .home-new-payments-way{
    padding: 10px;
    border-radius: 12px;
  }

  .home-new-payments-way .photo{
    display: block;
    width: auto;
    padding: 0px;
  }

  .home-new-payments-way .photo img {
    border-radius: 12px;
  }

  .home-new-payments-way .content{
    display: block;
    width: auto;
    padding: 30px 10px;
  }

  .home-new-payments-way .content .inner{
    display: block;
  }

  .home-new-payments-way .content .pre-title span {
    line-height: 47px;
    font-size: 21px;
    font-size: 22px;
  }



}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.terms-content{
  max-width: 1090px;
  margin: 0 auto;
  padding: 80px 24px 50px 24px;
  text-align:left;
  min-height: calc(100vh - 80px - 380px - 60px);
}



.terms-content .title{
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -1.44px;
  padding: 0 0 64px 0;
}

.terms-content .text{
  font-size: 18px;
  line-height: 130%;
  color: #131313;
  /*padding: 0 0 0 333px;*/
}

.terms-content .text p{
   line-height: 130%; 
}

.terms-content .text a{
  font-size: inherit;
  text-decoration: underline;
  color: inherit !important;
}

.terms-content .text h1,
.terms-content .text h2,
.terms-content .text h3,
.terms-content .text h4,
.terms-content .text h5,
.terms-content .text h6{
  color: #131313;
  font-size: 21px;
  margin: 0px;
  padding: 0px;
}

.terms-content .text ul,
.terms-content .text ol,
.terms-content .text li{
  margin: 0px;
  padding: 0px;
}

.terms-content .text li{
  margin: 5px 0 5px 15px;
}

.terms-content .text table{
  border-top: 1px solid #131313;
  border-left: 1px solid #131313;
  width: 100%;
}

.terms-content .text table td{
  padding: 5px 10px;
  background: rgba(255,255,255,0.7);
  border-right: 1px solid #131313;
  border-bottom: 1px solid #131313;
  font-size: 13px;
}

.terms-content .text table p{
  margin: 0px;
  padding: 0px;
}

.terms-content .text table.max-tbl td{
  padding: 2px ;
  font-size: 10px;
}

  .terms-content table.max-tbl {
    display: block;
    overflow: auto;
    width: calc(100% + 20px) !important;
    margin: 0 -20px 0 0 !important;
  }


@media screen and (max-width: 1139px) {

  .terms-content .title {
    padding: 0 0 32px 0;
  }

}

@media screen and (max-width: 959px) {

    .terms-content{
      padding: 64px 0px 50px 0px;
    }
}

@media screen and (max-width: 767px) {

  .terms-content {
    padding: 35px 0px 50px 0px;
    min-height: 300px;
  }

  .terms-content .pre-title {
    margin: 0 0 30px 0;
  }

  .terms-content .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .terms-content .title {
    font-size: 24px;
    margin: 0 0 0px 0;
    padding: 0 0 24px 0;
  }

  .terms-content .text{
    padding: 0px;
  }

  .terms-content .text table{
    width: 100%;
  }

  .terms-content .text table td{
    font-size: 11px;
  }

  .terms-content .text{
    font-size: 14px;
  }

  .terms-content table {
    display: block;
    overflow: auto;
    width: calc(100% + 20px) !important;
    margin: 0 -20px 0 0 !important;
  }


}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.gen-content{
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 0px 50px 0px;
  text-align:left;
}


.gen-content .pre-title{
  font-size: 0px;
  margin: 0 0 25px 0;
}

.gen-content .pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
}

.gen-content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.gen-content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}


.gen-content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


.gen-content .title{
  font-size: 41px;
  line-height: 120%;
  color: #6200EA;
  margin: 0 0 15px 0;
}

.gen-content .text{
  font-size: 15px;
  line-height: 170%;
  color: #161616;
}

.gen-content .text p{
   line-height: 170%; 
}

.gen-content .text a{
  font-size: inherit;
  text-decoration: underline;
}

.gen-content .text h1,
.gen-content .text h2,
.gen-content .text h3,
.gen-content .text h4,
.gen-content .text h5,
.gen-content .text h6{
  color: #6200EA;
  font-size: 21px;
  margin: 0px;
  padding: 0px;
}

.gen-content .text ul,
.gen-content .text li{
  margin: 0px;
  padding: 0px;
}

.gen-content .text li{
  margin: 5px 0 5px 15px;
}


@media screen and (max-width: 767px) {

  .gen-content {
    padding: 35px 5px 50px 5px;
  }


  .gen-content .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .gen-content .title {
    font-size: 28px;
  }

  .gen-content .ttitle br,
  .gen-content .text br{
    display: none;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.video-items{
  font-size: 0px;
  padding: 30px 0 0 0;
}

.video-items .item{
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 10px);
  background: #000;
  border-radius: 16px;
  background: url("../images/img-video-thumb1.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  margin: 0 0 15px 0;
}

.video-items .item:nth-child(3n+2){
  margin: 0 15px 15px 15px;
}

.video-items .item.i2{ background-image: url("../images/img-video-thumb2.jpg");  }
.video-items .item.i3{ background-image: url("../images/img-video-thumb3.jpg");  }
.video-items .item.i4{ background-image: url("../images/img-video-thumb4.jpg");  }
.video-items .item.i5{ background-image: url("../images/img-video-thumb5.jpg");  }
.video-items .item.i6{ background-image: url("../images/img-video-thumb6.jpg");  }

.video-items .item .item-title{
  position: absolute;
  left: 35px;
  bottom: 20px;
  width: calc(100% - 70px);
  text-align: left;
  font-size: 20.5768px;
  line-height: 110%;
  font-family: 'RoobertPRO-Bold';
  color: #FEFDFE;
  z-index: 2;
}

.video-items .item .item-photo img{
  width: 100%;
  border-radius: 16px;
  display: block;
}

.video-items .item .item-play{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("../images/icon-play-video.svg") no-repeat calc(100% - 20px) 20px;
  background-size: 33px auto;
  z-index: 3;
}


@media screen and (max-width: 1139px) {
  .video-items .item,
  .video-items .item:nth-child(3n+2){
    width: calc(50% - 10px);
    margin: 0 7px 15px 0;
  }

  .video-items .item:nth-child(even){
    margin: 0 0 15px 8px;
  }

}

@media screen and (max-width: 620px) {
  .video-items .item,
  .video-items .item:nth-child(3n+2),
  .video-items .item:nth-child(even){
    margin: 0 0 15px 0;
    width: 100%;
    border-radius: 12px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.how-to-videos-carousel{
  padding: 0 0 30px 0;
  max-width: 1160px;
  margin: 0 auto;
}

.how-to-videos-carousel .title{
  font-size: 50px;
  line-height: 120%;
  color: #6200EA;
  padding: 0 0 50px 0;
  text-align: left;
  font-weight: bold;
}

.how-to-videos-carousel .items{

  font-size: 0px;
  margin: 0 -70px 0 0;
}

.how-to-videos-carousel .item{
  display: inline-block;
  vertical-align: middle;
  width: 570px;

  background: #000;
  border-radius: 16px;
  position: relative;
  margin: 0 30px 0 0;
}


.how-to-videos-carousel .item .item-photo img{
  width: 100%;
  border-radius: 16px;
  display: block;
}

.how-to-videos-carousel .item .item-title{
  position: absolute;
  left: 50px;
  bottom: 30px;
  width: calc(100% - 100px);
  text-align: left;
  font-size: 31px;
  line-height: 110%;
  font-family: 'RoobertPRO-Bold';
  color: #FEFDFE;
}

.how-to-videos-carousel .item .item-play{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("../images/icon-play-video.svg") no-repeat calc(100% - 20px) 20px;
  background-size: 50px auto;
  z-index: 2;
}




.how-to-videos-carousel .item.all{
  background: #6200EA;
  min-height: 320px;
}

.how-to-videos-carousel .item.all .item-title{
  font-size: 43px;
  line-height: 110%;
  bottom: auto;
  top: 50%;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}

.how-to-videos-carousel .item.all .item-play{
  background: url("../images/icon-play-video-all.svg") no-repeat calc(100% - 50px) center;
  background-size: 90px auto;
}

@media screen and (max-width: 1270px) {

  .how-to-videos-carousel .items{
    margin: 0px -20px 0 0;
  }
} 


@media screen and (max-width: 959px) {
  .how-to-videos-carousel .title {
      font-size: 40px;
      padding: 0 0 40px 0;
  }
}


@media screen and (max-width: 767px) {

  .how-to-videos-carousel .items{
    margin: 0px -10px 0 0;
  }

  .how-to-videos-carousel .title {
      font-size: 26px;
      padding: 0 0 20px 0;
  }

  .how-to-videos-carousel .item,
  .how-to-videos-carousel .item.all{
    width:290px;
    height: 190px;
    margin: 0 10px 0 0;
    min-height: 190px;
  }

  .how-to-videos-carousel .item .item-title {
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    text-align: left;
    font-size: 20.5768px;
  }

  .how-to-videos-carousel .item .item-play{
    background-size: 40px auto;
  }

  .how-to-videos-carousel .item.all .item-play{
    background-position: calc(100% - 25px) center;
    background-size: 45px auto;
  }

  .how-to-videos-carousel .item.all .item-title {
    font-size: 27px;
  }


}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.main-faq{
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px 50px 20px;
  text-align:left;
}


.main-faq .pre-title{
  font-size: 0px;
  margin: 0 0 50px 0;
}

.main-faq .pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
}

.main-faq .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.main-faq .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.main-faq .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.main-faq .title{
  font-size: 41px;
  line-height: 120%;
  color: #6200EA;
  margin: 0 0 50px 0;
}

.main-faq .items .items-title{
  font-size: 31px;
  line-height: 120%;
  color: #1F1F1F;
  font-family: 'RoobertPRO-Bold';
  padding: 55px 0 30px 0;
}



.main-faq .items .item{
  margin: 0 0 10px 0;
  background: #6200EA;
  border-radius: 6px;
  font-size: 12px;
}


.main-faq .items .item .item-q{
  font-size: 16px;
  display: block;
  padding: 25px 70px 25px 20px;
  text-decoration: none;
  position: relative;
  color: #fff;
  cursor: pointer;
}

.main-faq .items .item .item-q::after{
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 40px;
  height: 40px;
  background: url("../images/icon-faq2.svg") no-repeat center center;
  margin: -20px 0 0 0;
  transition: all 200ms;
}

.main-faq .items .item.active .item-q::after{
   -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-faq .items .item .item-ans{
  padding: 0px 70px 20px 20px;
  font-size: 14px;
  line-height: 150%;
  color: #fff;
  display: none;
}

.main-faq .items .item .item-ans p{
  line-height: 150%;
}



@media screen and (max-width: 767px) {

  .main-faq {
    padding: 35px 5px 50px 5px;
  }


  .main-faq .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .main-faq .title {
    font-size: 28px;
    margin: 0 0 30px 0;
  }

  .main-faq .ttitle br{
    display: none;
  }

  .main-faq .pre-title{
    margin: 0 0 30px 0;
  }

  .main-faq .items .items-title:first-child{
    padding-top: 0px;
  }

  .main-faq .items .items-title {
    font-size: 25px;
  }


}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */






.pliromes-intro{
  max-width: 1160px;
  margin: 60px auto 40px auto;
  background: #6200EA;
  border-radius: 24px;
  font-size: 0px;
}

.pliromes-intro .content{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 50px 20px 50px 50px;
  text-align: left;
  font-size: 17px;
}

.pliromes-intro .content .pre-title{
  font-size: 0px;
}

.pliromes-intro .content .pre-title span{
  line-height: 57px;
  border: 1.5px solid #36FFC6;
  border-radius: 10px;
  font-size: 31px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px 0;
  position: relative;
  z-index: 5;
}

.pliromes-intro .content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.pliromes-intro .content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.pliromes-intro .content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}

.pliromes-intro .content .title{
  font-size: 31px;
  line-height: 130%;
  color: #ffffff;
  padding: 10px 0 25px 0;
  max-width: 440px;
  margin: 0px;
}

.pliromes-intro .content .text{
  font-size: 15px;
  line-height: 150%;
  color: #FEFDFE;
  max-width: 420px;
}


.pliromes-intro .photo{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 60px 0 0 0;
}

.pliromes-intro .photo img{
  width: 100%;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 1365px) {

  .pliromes-intro .content{
    padding-right: 0px;
  }

}


@media screen and (max-width: 959px) {


   .pliromes-intro{
    overflow: hidden;
   }

  .pliromes-intro .content{
    display: block;
    width: auto;
    padding: 40px 30px 30px 30px;
  }


  .pliromes-intro .photo{
    display: block;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;

  }

  .pliromes-intro .photo img{
    height: 280px;
    object-fit: cover;
    object-position: center top;
    border-radius: 24px 24px 0 0;
  }

}


@media screen and (max-width: 767px) {

  .pliromes-intro .content {
    padding: 30px 20px 30px 20px;
  }

  .pliromes-intro{
    border-radius: 12px;
    margin: 30px auto 0 auto;
  }

  .pliromes-intro .content .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }

  .pliromes-intro .content .title {
    font-size: 24px;
    padding: 10px 0 25px 0;
  }

  .pliromes-intro .content .text br{
    display: none;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.mvcol-cont{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0px 0 0px 0;
}

.mvcol-cont.mw{
  max-width: 1160px;
}

.mvcol-cont.mt{
  margin-top: 60px;
}

.mvcol-cont .items{
  font-size: 0px;
}

.mvcol-cont .items .item{
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 15px);
  margin: 0 15px 30px 0px;
  background: #FEFDFE;
  background: #E4FEF8;
  border-radius: 24px;
  overflow: hidden;
}

.mvcol-cont .items .item.bg-blue{
  background: #E4FEF8;
}

.mvcol-cont .items .item:nth-child(2n+2){
  margin: 0 0 30px 15px;
}

.mvcol-cont .items .item.bg-purple{
  background: #6200EA;
  color: #fff;
}

.mvcol-cont .items .item.bg-purple-light{
  background: #F5EEFE;
}

.mvcol-cont .items .item .item-content{
  padding: 50px 50px 20px 50px;
  text-align: left;
   min-height: 410px;
   min-height: 560px;
}

.mvcol-cont.win-bring-friend .items .item .item-content {
    min-height: 331px;
}

.mvcol-cont.win-bring-friend .items .item:nth-child(2) .item-content {
    min-height: 709px;
}


.mvcol-cont .items .item .item-pre-title{
  padding: 10px 15px;
  background: #6200EA;
  border-radius: 10px;
  color: #fff;
  border: 2px solid #6200EA;
  display: inline-block;
  font-size: 31px;
}

.mvcol-cont .items .item .item-pre-title.mt{
  margin-top: 10px;
}



.mvcol-cont .items .item.bg-blue .item-pre-title{
  color: #ffffff;
}

.mvcol-cont .items .item .item-title{
  font-size: 31px;
  line-height: 120%;
  color: #6200EA;
  padding: 20px 0 15px 0;
  margin: 0px;
}

.mvcol-cont .items .item .item-sub-title{
  font-size: 21px;
  line-height: 141%;
  letter-spacing: -0.02em;
  color: #6200EA;
  font-family: 'RoobertPRO-Bold';
  padding: 17px 0 22px 0;
}
.mvcol-cont.cacheback-synergies .items .item {
  min-height: 530px;
}

.mvcol-cont .items .item.bg-blue .item-title{
  background: #E4FEF8;
}

.mvcol-cont .items .item .item-text{
  font-size: 15px;
  line-height: 150%;
  color: #161616;
}

.mvcol-cont .items .item .item-text p{
  margin: 0px;
  padding: 0 0 20px 0;
  line-height: 150%;
}

.mvcol-cont .items .item .item-photo img{ 
  display: block;
  width: 100%;
  max-width: 297px;
  margin: 0 auto;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}

.mvcol-cont .items .item .item-min{
  font-size: 13px;
  padding: 15px 0 0 0;
}

.mvcol-cont .items .item.bg-purple .item-pre-title{
    color: #36FFC6;
    border-color: #36FFC6;
}

.mvcol-cont .items .item.bg-purple .item-title{
  color: #fff;
}

.mvcol-cont .items .item.bg-purple .item-text{
  color: #fff;
  font-size: 15px;
}

.mvcol-cont .items .item.bg-purple .item-text ul,
.mvcol-cont .items .item .item-text ul{
  margin: 0px;
  padding: 20px 0 0 0;
}

.mvcol-cont .items .item.bg-purple .item-text ul li,
.mvcol-cont .items .item .item-text ul li{
  font-size: 16px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left center;
  padding: 15px 0 15px 40px;
  list-style-type: none;
}

.mvcol-cont .items .item .item-text ul li{
  font-size: 14px;
}

.mvcol-cont .items .item .item-title.bt{
  font-size: 54px;
  line-height: 120%;
}

.mvcol-cont .items .item .item-text.bt{
  font-size: 23px;
  line-height: 150%;
}

.mvcol-cont .items .item .more{
    display: inline-block;
    line-height: 44px;
    padding: 0 15px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 20px 0px 20px 0px;
    font-family: 'RoobertPRO-Regular' !important;
}


@media screen and (max-width: 1139px) {
  
  .mvcol-cont .items .item .item-content {
      padding: 30px 30px 0 30px;
      text-align: left;
  }

  .mvcol-cont .items .item .item-title {
    font-size: 26px;
  }

  .mvcol-cont .items .item .item-text {
    font-size: 15px;
  }

  .mvcol-cont .items .item .item-content {
    min-height: 409px;
  }

}


@media screen and (max-width: 959px) {


  .mvcol-cont .items .item{
    display: block;
    width: auto;
  }


 .mvcol-cont .items .item .item-content{
    min-height: 10px;
  }


  .mvcol-cont.cacheback-synergies .items .item{
    min-height: 10px;
    padding-bottom: 50px;
  }

  .mvcol-cont .items .item .item-title.bt{
    font-size: 42px;
  }


}


@media screen and (max-width: 767px) {


  .mvcol-cont{
    padding: 30px 0px;
  }

  .mvcol-cont .items .item,
  .mvcol-cont .items .item:nth-child(2n+2){
    width: auto;
    margin: 0 0 20px 0; 
  }

  .mvcol-cont .items .item .item-pre-title {
    font-size: 19px;
    line-height: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .mvcol-cont .items .item{
    border-radius: 12px;
  }

  .mvcol-cont .items .item .item-content {
    padding: 30px 15px 30px 15px;
    text-align: left;
  }

  .mvcol-cont .items .item .item-photo img {
    max-width: 209px;
  }

  .mvcol-cont .items .item .item-text br{
    display: none;
  }

  .mvcol-cont.win-bring-friend .items .item .item-content{
    min-height: 10px;
  }

  .mvcol-cont .items .item .item-title br{
    display: none;
  }

  .mvcol-cont.win-bring-friend .items .item .item-pre-title{
    margin-right: 80px;
  }

  .mvcol-cont.cacheback-synergies .items .item{
    padding-bottom: 0px;
  } 


}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.download-area{
  background:#F5EEFE url("../images/outline-bg-download.jpg") no-repeat center 103px;
  background-size: 1440px auto;

  padding: 180px 20px 80px 20px;
}

.download-area .hold{
  max-width: 1300px;
  margin: 0 auto;
  font-size: 0px;
}

.download-area .content{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: left;
}


.download-area .content .pre-title{
 
}

.download-area .content .pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #ffffff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px 0;
  position: relative;
  z-index: 5;
}


.download-area .content span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.download-area .content span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.download-area .content span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}

.download-area .content .text{
  max-width: 490px;
  font-size: 17px;
  line-height: 150%;
  color: #6200EA;
  padding: 20px 0 50px 0;
}

.download-area .phone{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: left;
}

.download-area .phone img{
  display: inline-block;
  margin: 0 100px 0 0;
  max-width: 256px;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));

}


.download-area .content .buttons{
  padding: 0 0 0px 0;
   font-size: 0px;
}

.download-area .content .buttons .buttons-title{
  font-size: 17px;
  color: #6200EA;
  font-family: 'RoobertPRO-Bold';
  padding: 0 0 15px 0;
}

.download-area .content .buttons a{
  display: inline-block;
  width: 126px;
  height: 40px;
  background: url("../images/icon-google-play.png") no-repeat center center;
  background-size: contain;
}

.download-area .content .buttons a.apple-store{
  width: 113px;
  background-image: url("../images/icon-apple-store.png");
  margin: 0 0 0 10px; 
}

.download-area .content .buttons .qr-code img{
  max-width: 94px;
  width: 100%;
}


@media screen and (max-width: 1439px) {
  
  .download-area {
    background-position: center 13vw;
    background-size: 105vw auto;
  }
}


@media screen and (max-width: 1340px) {
  .download-area{
    margin: 0 -20px;
  }


  .download-area .phone img{
    width: 18vw;
    margin: 0 8vw 0 0;
  }
}
 
@media screen and (max-width: 1139px) {
  .download-area .phone{
    width: 40%;
  }

  .download-area .content{
    width: 60%;
  }

  .download-area {
    background-position: 2vw 13vw;
    background-size: 101vw auto;
  }

}


@media screen and (max-width: 959px) {
  .download-area .phone img {
      max-width: 213px;
  }

  .download-area .content .text br{
    display: none;
  }

  .download-area {
    background-position: 10vw 43vw;
    background-size: 91vw auto;
  }

  .download-area .content .text{
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {


  .download-area{
    background: none;
  }

  .download-area::before{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 270px;
    left: 15px;
    top: 80px;
    background: url("../images/outline-bg-download-mob.jpg") no-repeat center top;
    background-size: cover;
    border-radius: 24px;
  }



  .download-area .content .pre-title span{
    font-size: 19px;
    font-size: 22px;
    line-height: 45px;
  }

  .download-area {
    margin: 0 -10px;
    padding: 450px 20px 0px 20px;
  }

  .download-area .content{
    display: block;
    width: auto;
    padding: 0 0 50px 0;
  }

  .download-area .content .text{
    color: #161616;
  }

 .download-area .phone {
    display: block;
    width: auto;
    position: absolute;
    top: 164px;
    right: 40px;
    width: 125px;
 }

  .download-area .phone img{
    height: auto;
    width: 100%;
    object-position: center center;
  }

  .download-area .content .text {
    padding: 10px 0 20px 0;
  }


  .download-area .content .text br{
    display: none;
  }

   .download-area .content .buttons .buttons-title{
    color: #161616;
  }

  .download-area .content .buttons .buttons-title br{
    display: none;
  }

  .download-area .content .buttons a,
  .download-area .content .buttons a.apple-store{
    margin-bottom: 20px;
  }


}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.registration-facts{
  max-width: 1160px;
  text-align: left;
  margin: 0 auto;
}

.registration-facts .items{
  font-size: 0px;
  margin: 0 -15px;
}

.registration-facts .items .item{
  display: inline-block;
  vertical-align: middle;
  width: calc(20% - 30px);
  height: 230px;
  background: #F5EEFE;
  border-radius: 8px;
  position: relative;
  margin: 0 15px;
}

.registration-facts .items .item .item-icon{
  width: 80px;
  height: 80px;
  background: url("../images/icon-registration-fact1.svg") no-repeat center center;
  color: #161616;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.registration-facts .items .item.i2 .item-icon{ background-image: url("../images/icon-registration-fact2.svg");  }
.registration-facts .items .item.i3 .item-icon{ background-image: url("../images/icon-registration-fact3.svg");  }
.registration-facts .items .item.i4 .item-icon{ background-image: url("../images/icon-registration-fact4.svg");  }
.registration-facts .items .item.i5 .item-icon{ background-image: url("../images/icon-registration-fact5.svg");  }


.registration-facts .items .item .item-title{
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #161616;
  position: absolute;
  top: 63%;
  left: 15px;
  width: calc(100% - 30px);
  transform: translate(0, -50%);
}

@media screen and (max-width: 1139px) {
  .registration-facts .items .item .item-title{
    font-size: 13px;
  }
}

@media screen and (max-width: 959px) {


  .registration-facts .items{
    margin: 0 -10px;
  }

  .registration-facts .items .item {
    width: calc(33.33% - 20px);
    margin: 0 10px 20px 10px;
  }
}

@media screen and (max-width: 767px) {

  .registration-facts .items{
    margin: 0 -5px;
  }

  .registration-facts .items .item {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.registration-2col{
  max-width: 1160px;
  margin: 60px auto 40px auto;
  font-size: 0px;
  position: relative;
}

.registration-2col .col{
  display: block;
  width: calc(50% - 15px);
  background: #F5EEFE;
  border-radius: 24px;
  overflow: hidden;
}

.registration-2col .col.first{
  padding: 60px 50px 0 50px;
  text-align: left;
}


.registration-2col .col .pre-title{
  font-size: 0px;
}

.registration-2col .col .pre-title span{
  line-height: 57px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 31px;
  color: #fff;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
}

.registration-2col .col .pre-title span.mt{
  margin-top: 8px;
}

.registration-2col .col.first .title {
    font-size: 31px;
    line-height: 130%;
    color: #6200EA;
    padding: 30px 0 15px 0;
}

.registration-2col .col.first .text {
    font-size: 17px;
    line-height: 150%;
    color: #161616;
    padding: 0 0 30px 0;
}

.registration-2col .col.first .text ul{
  margin: 0px;
  padding: 0px;
}

.registration-2col .col.first .text ul li{
  font-size: 16px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left center;
  padding: 11px 0 11px 40px;
  list-style-type: none;
}

.registration-2col .col.first .copy{
  font-size: 14px; 
  padding: 15px 0 0 0;
}


.registration-2col .col.first .photo img{ 
  display: block;
  width: 100%;
  max-width: 297px;
  margin: 0 auto;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}



.registration-2col .col.last{
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  background: #6200EA;
}

.registration-2col .col.last .title{
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  top: 50%;
  transform: translate(0, -50%);
  font-size: 54px;
  line-height: 120%;
  color: #ffffff;
  background: url("../images/icon-lock.svg") no-repeat left top;
  padding: 115px 0 0 0;
  text-align: left;
  margin: 0px;
}



@media screen and (max-width: 959px) {

  .registration-2col{
    display: flex;
    flex-direction: column-reverse;
    flex-direction: column;
    margin-bottom: 25px;
  }

  .registration-2col .col,
  .registration-2col .col.first{
    display: block;
    width: auto;
    padding: 40px 30px 0px 30px;
  }


  .registration-2col .col.last{
    position: relative;
    right: auto;
    top: auto;
    height: auto;
    padding: 60px 30px;
    margin: 25px 0 0px 0;
  }

  .registration-2col .col.last .title{
    position: relative;
    left: auto;
    width: auto;
    top: auto;
    transform: translate(0, -0%);
  }

  .registration-2col .col.first .title {
    font-size: 29px;
  }

  .registration-2col .col.last .title{
    font-size: 36px;
    padding: 0 0 0 80px;
  }

  .registration-2col .col.last .title br{
    display: none;
  }


}


@media screen and (max-width: 767px) {

  .registration-2col .col,
  .registration-2col .col.first{
    padding: 35px 15px 0px 15px;
  }

  .registration-2col .col.last{
    padding: 35px 15px;
  }

  .registration-2col .col.first .title {
    font-size: 24px;
  }

  .registration-2col .col.first .photo img{
    max-width: 200px;
  }

  .registration-2col .col.last .title{
    font-size: 24px;
    padding: 0 0 0 80px;
    background-size: 42px auto;
    background-position: 10px center;
  }

  .registration-2col .col .pre-title span {
    line-height: 45px;
    font-size: 19px;
    font-size: 22px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.contact-rows{
  padding: 0px 0 125px 0;
  
  position: relative;
}

.contact-rows .top-content{
  margin: 0 auto 115px auto;
  text-align: left;
  position: relative;
  max-width: 1090px;
  display: flex;
  gap: 110px;
  justify-content: space-between;
  align-items: start;
}





.contact-rows .top-content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 32px;
  line-height: 120%;
  color: #131313;
}

.contact-rows .top-content .text{
  font-size: 18px;
  line-height: 130%;
  color: #131313;
  letter-spacing: -0.54px;
  max-width: 537px;

}


.contact-rows .items{
  font-size: 0px;
  max-width: 1316px;
  margin: 0 auto;
  padding: 115px 0 0 0;

  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}

.contact-rows .items .item{
  display: block;
  width: calc(50% - 8px);
  vertical-align: top;
  background: #EBEDF2;
  border-radius: 24px;
  padding: 55px 64px 58px 32px;
  text-align: left;
}


.contact-rows .items .item .item-title{
  font-family: 'RoobertPRO-Bold';
  font-size: 24px;
  line-height: 28px;
  color: #131313;
  padding: 0 0 20px 0;
}

.contact-rows .items .item .item-text{
  font-size: 17px;
  line-height: 140%;
  color: #131313;
}

.contact-rows .items .item .item-text a{
  text-decoration: underline;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .contact-rows{
    padding: 0px 0 8.68vw 0;
  }

  .contact-rows .top-content{
    margin: 0 auto 7.99vw auto;
    max-width: 75.69vw;
    gap: 7.64vw;
  }


  .contact-rows .top-content .title{
    font-size: 2.22vw;
  }

  .contact-rows .top-content .text{
    font-size: 1.25vw;
    max-width: 37.29vw;

  }


  .contact-rows .items{
    max-width: 91.39vw;
    padding: 7.99vw 0 0 0;
    gap: 1.11vw;
  }

  .contact-rows .items .item{
    width: calc(50% - 0.56vw);
    border-radius: 1.67vw;
    padding: 3.82vw 4.44vw 4.03vw 2.22vw;
  }


  .contact-rows .items .item .item-title{
    font-size: 1.67vw;
    line-height: 1.94vw;
    padding: 0 0 1.39vw 0;
  }

  .contact-rows .items .item .item-text{
    font-size: 1.18vw;
  }


}


@media screen and (max-width: 959px) {


  .contact-rows .top-content{
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
  }

  .contact-rows .top-content br{
    display: none;
  }

  .contact-rows .top-content .text{
    max-width: 100%;
  }
  
}

@media screen and (max-width: 767px) {
 
  .contact-rows .top-content{
    margin: 0 0 45px 0;
  }

  .contact-rows .items{
    padding: 45px 0 0 0;
    flex-direction: column;
  }
  

  .contact-rows .items .item {
    border-radius: 12px;
    padding: 35px 26px;
    width: 100%;
  }

  .contact-rows .items .item .item-text{
    font-size: 16px;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.content-toggler{
  max-width: 1100px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: left;
}

.content-toggler.pt{
  margin-top: 40px;
}

.content-toggler .title{
  font-size: 24px;
  line-height: 120%;
  color: #1F1F1F;
  font-family: 'RoobertPRO-Bold';
  padding: 0 0 30px 0;
}

.content-toggler .title a{
  text-decoration: underline;
}


.content-toggler .toggler{
  display: block;
  position: relative;
  font-size: 21px;
  color: #1F1F1F;
  line-height: 25px;
}

.content-toggler .toggler span{
  display: inline-block;
  position: relative;
  background: #E4FEF8;
  background: #fff;
  line-height: 25px;
  z-index: 2;
  padding: 0 25px 0 0;
}

.content-toggler .toggler::before{
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  width: calc(100% - 40px);
  height: 1px;
  background: #D9D9D9;
}

.content-toggler .toggler::after{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0,-50%);
  width: 17px;
  height: 17px;
  background: url("../images/icon-toggler.svg") no-repeat center center;
  transition: all 200ms;
}

.content-toggler .toggler.active::after{
  transform: translate(0,-50%) rotate(180deg);
}


.content-toggler .text{
  font-size: 16px;
  line-height: 130%;
  color: #161616;
  padding: 25px 0 0 0;
  display: none;
}

.content-toggler .text ul,
.content-toggler .text ol{
  padding: 0px;
  margin: 0px;
}

.content-toggler .text li{
  margin: 3px 0 3px 15px;
}

.content-toggler .text li::marker {
  font-family: 'RoobertPRO-Bold';
}


.content-toggler .text p{
  line-height: 130%;
}

.content-toggler .text a{
  color: #000 !important;
}


@media screen and (max-width: 767px) {
  .content-toggler{
    padding: 20px 10px 30px 10px;
  }

  .content-toggler .title {
    font-size: 18px;
    padding: 0 0 20px 0;
  }

  .content-toggler .toggler{
    font-size: 16px;
  }

  .content-toggler .text {
    font-size: 13px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.piggys-steps{
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 0 150px 0;
}

.piggys-steps .items{
  font-size: 0px;
  text-align: left;
  margin: 0 -70px 0 0;
}

.piggys-steps .items .item{
  width: 520px;
  height: 630px;
  background: #6200EA;
  border-radius: 24px;
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  padding: 60px 50px 0 50px;
  text-align: left;
  color: #fff;
  position: relative;
  margin: 0 28px 0 0;
}

.piggys-steps .items .item .item-photo{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.piggys-steps .items .item .item-photo img{
  max-width: 295px;
  width: 100%;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(8px 5px 32px rgba(0, 0, 0, 0.3));
}


.piggys-steps .items .item .item-step{
  line-height: 57px;
  border: 1.5px solid #36FFC6;
  border-radius: 10px;
  font-size: 31px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 25px 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.piggys-steps .items .item .item-text{
  font-family: 'RoobertPRO-Medium';
  font-size: 15px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #FEFDFE;
}

.piggys-steps .items .slick-prev,
.piggys-steps .items .slick-next{
  width: 50px;
  height: 50px;
  background: url("../images/icon-next2.svg") no-repeat center center;
  top: auto;
  bottom: -80px;
  left: auto;
  right: 70px;
}

.piggys-steps .items .slick-prev{
  background-image: url("../images/icon-prev2.svg");
  right: 130px;
}

.piggys-steps .items .slick-prev.slick-disabled,
.piggys-steps .items .slick-next.slick-disabled{
  display: block !important;
  opacity: 0.1;
  cursor: default;
}



@media screen and (max-width: 1270px) {
  .piggys-steps .items{
    margin: 0px -20px 0 0;
  }

  .piggys-steps .items .slick-prev, .piggys-steps .items .slick-next {
    right: 10px;
  }

  .piggys-steps .items .slick-prev{
    right: 70px;
  }
} 

@media screen and (max-width: 1139px) {
  .piggys-steps .items .item {
      width: 430px;
      height: 580px;
      padding: 45px 40px 0 40px;
      margin: 0 20px 0 0;
  }

  .piggys-steps .items .item .item-photo img {
    max-width: 256px;
  }
}




@media screen and (max-width: 767px) {
  .piggys-steps .items{
    margin: 0px -10px 0 0;
  }

  .piggys-steps .items .item {
    padding: 40px 25px 0 25px;
    margin: 0 15px 0 0;
    height: 485px;
  }

  .piggys-steps .items .item .item-step {
    line-height: 50px;
    font-size: 24px;
  }

  .piggys-steps .items .item .item-text{
    font-size: 14px;
  }

  .piggys-steps .items .item .item-photo img {
    max-width: 190px;
  }
}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.offers-list{
  padding: 0 0px 30px 0px;
}

.offers-list .items{
  max-width: 1160px;
  margin: 0 auto;
  /*display: flex;
  justify-content: stretch;
  gap: 16px;
  flex-wrap: wrap;*/
}

.offers-list .items .item{
 
  background: #F5EEFE;
  border-radius: 24px;
  overflow: hidden;
  width: 376px;
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 0 0;
  min-height: 365px;
}

.offers-list .items .item .item-logo{
  height: 160px;
  background: #fff;
  position: relative;
  border: 1px solid #f5eefe;
}

.offers-list .items .item .item-logo img{
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 96px;
  width: auto;
}

.offers-list .items .item .item-logo.min img{
  height: 64px;
}

.offers-list .items .item .item-logo.wide img{
  height: auto;
  width: 65%;
}

.offers-list .items .item .item-content{
  padding: 30px 15px 30px 30px;
  text-align: left;
}


.offers-list .items .item .item-content .item-pre-title span {
    line-height: 57px;
    line-height: 120%;
    background: #6200EA;
    border: 1.5px solid #6200EA;
    border-radius: 10px;
    font-size: 31px;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0px 0;
    position: relative;
    z-index: 5;
    font-family: 'RoobertPRO-Medium';
}


.offers-list .items .item .item-content .item-pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.offers-list .items .item .item-content .item-pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.offers-list .items .item .item-content .item-pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  -moz-box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.offers-list .items .item .item-content .item-title{
  font-size: 27px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #6200EA;
  padding: 25px 0 15px 0;
  padding-top: 0px;
}

.offers-list .items .item .item-content .item-text{
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #161616;
}



.offers-list .items .slick-prev,
.offers-list .items .slick-next{
  width: 50px;
  height: 50px;
  background: url("../images/icon-next2.svg") no-repeat center center;
  right: -50px;
}

.offers-list .items .slick-prev{
  background-image: url("../images/icon-prev2.svg");
  right: auto;
  left: -70px;
}

.offers-list .items .slick-prev.slick-disabled,
.offers-list .items .slick-next.slick-disabled{
  display: block !important;
  opacity: 0.1;
  cursor: default;
}




@media screen and (max-width: 1270px) {
  

  .offers-list .items .slick-next {
    right: 20px;
  }

  .offers-list .items .slick-prev{
    left: 20px;
  }
} 






@media screen and (max-width: 959px) {


  .offers-list .items .item .item-content .item-pre-title span{
    font-size: 20px;
  }

  .offers-list .items .item .item-content .item-title {
    font-size: 22px;
  }

  .offers-list .items .item .item-content {
    padding: 25px 15px 25px 20px;
  }

  .offers-list .items .item .item-content .item-text{
    font-size: 15px;
  }

  .offers-list .items .item .item-logo img {
    height: 70px;
  }

  .offers-list .items .item .item-logo {
    height: 125px;
  }

}
@media screen and (max-width: 959px) {

  .offers-list{
    padding-bottom: 0px;
  }

  .offers-list .items{
   margin: 0 -10px 0 0;
  }

  .offers-list .items .item{
    width: 100%;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.page-synergy-hub{
  background: #fff;
}

.synergy-hero{
  background:#6200EA url("../images/outline2-img-hero-synergy-hub.png") no-repeat center top;
  background-size: auto 100%;
  min-height: 490px;
  height: 35vw;
  position: relative;
}

.synergy-hero .content{
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
  color: #FFFFFF;
}

.synergy-hero .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 31px;
  line-height: 130%;
  letter-spacing: -0.01em;
  padding: 30px 0 12px 0;
  margin: 0px;
}

.synergy-hero .content .text{
  font-family: 'RoobertPRO-Medium';
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin: 0px;
  padding: 0px;
}

.synergy-list{
  position: relative;
  padding-top: 70px;
  z-index: 51;
  z-index: 10;
  background: #fff;
}

.synergy-list .title{
  background: #E4FEF8;
  text-align: left;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}

.synergy-list.sticky .title{
  position: fixed;
}

.synergy-list .title .hold{
  max-width: 1440px;
  margin: 0 auto;
  padding: 15px 20px;
}

.synergy-list .items{
  max-width: 1340px;
  padding: 45px 20px 60px 20px;
  margin: 0 auto;
  text-align: left;

  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
  gap: 14px;
}

.synergy-list .items .item{
  background: #6200EA;
  border-radius: 12px;
  width: calc(33.33% - 14px);
  border-radius: 12px;
  overflow: hidden;
  min-height: 555px;
}

.synergy-list .items .item .item-photo{
  position: relative;
}

.synergy-list .items .item .item-photo img{
  display: block;
  width: 100%;
  height: 215px;
  object-fit: cover;
}

.synergy-list .items .item .item-photo .item-flag{
  position: absolute;
  right: 16px;
  top: 16px;
  background: #6200EA;
  border-radius: 5px;
  font-family: 'RoobertPRO-Bold';
  font-size: 14px;
  line-height: 100%;
  color: #36FFC6;
  display: block;
  padding: 9px 20px;
}

.synergy-list .items .item .item-photo .item-flag.new{
  color: #6200EA;
  background: #fff;
  border: 1.5px solid #6200EA;
  box-shadow: -2px 2px 0px #6200EA, -5px 5px 0px #4C80D7, -8px 8px 0px #36FFC6;
}

.synergy-list .items .item .item-content{
  padding: 30px 20px 0px 30px;
  position: relative;
  min-height: 264px;
}

.synergy-list .items .item .item-content .item-logo{
  position: absolute;
  right: 16px;
  top: 0px;
  transform: translate(0, -50%);
}

.synergy-list .items .item .item-content .item-logo img{
  width: 160px;
  display: block;
  border-radius: 6px;
}


.synergy-list .items .item .item-content .item-date{
font-family: 'RoobertPRO-Medium';
font-size: 16px;
line-height: 130%;
letter-spacing: 0.02em;
color: #36FFC6;
}

.synergy-list .items .item .item-content .item-title{
  font-family: 'RoobertPRO-Medium';
  font-size: 25px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #FEFDFE;
  padding: 10px 0 0 0;
  margin: 0px;
}

.synergy-list .items .item .item-content .item-text{
  font-family: 'RoobertPRO-Medium';
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  padding: 10px 0 20px 0;
}

.synergy-list .items .item .item-more{
    display: inline-block;
    line-height: 44px;
    padding: 0 15px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 200ms;
    font-family: 'RoobertPRO-Medium';
    margin-left: 30px;
}


@media screen and (max-width: 1340px) {
  .synergy-hero,
  .synergy-list{
    margin: 0 -20px;
  }
} 
@media screen and (max-width: 1139px) {
  .synergy-list .items .item {
    width: calc(50% - 14px);
  }
}
@media screen and (max-width: 959px) {
  .synergy-list .items .item {
    width: calc(100%);
  }
}
@media screen and (max-width: 767px) {
  
  .synergy-hero{
    background-size: auto 77%;
    background-position: center top;
    height: 360px;
    min-height: 10px;
  }

  .synergy-hero, .synergy-list {
    margin: 0 -10px;
  }

  .synergy-list .items{
    padding: 30px 15px;
  }

  .synergy-list .items .item{
    padding-bottom: 30px;
    min-height: 10px;
  }


  .synergy-hero .content{
    padding: 0 20px;
  }

  .synergy-hero .content .text br{
    display: none;
  }

  .synergy-hero .content .logo img{
    width: 205px;
  }

  .synergy-hero .content .title{
    font-size: 21px;
    padding: 15px 0 6px 0;
  }

  .synergy-hero .content .text{
    font-size: 11px;
  }

  .synergy-list .items .item .item-content .item-logo img{
    width: 110px;
  }

  .synergy-list .items .item .item-content {
    padding: 30px 20px 0px 25px;
    min-height: 36px;
  }

  .synergy-list .items .item .item-content .item-title{
    font-size: 23px;
  }
}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.page-synergy-inner{
  background: #fff;
}

.page-synergy-inner .content-toggler{
  max-width: 1200px;
}

.page-synergy-inner .content-toggler .toggler{
  font-size: 17px;
}

.page-synergy-inner .content-toggler .toggler span{
  background: #fff;
}





.synergy-inner{
  background: #fff;
  position: relative;
  padding-top: 76px;
}

.synergy-inner.top{
  z-index: 51;
  z-index: 10;
}

.synergy-inner::before{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #E4FEF8 0%, rgba(228, 254, 248, 0) 500px);
}

.synergy-inner .top-title{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
  background: #E4FEF8;
}

.synergy-inner.sticky .top-title{
  position: fixed;
}


.synergy-inner .top-title .hold{
  max-width: 1440px;
  margin: 0 auto;
  padding: 15px 20px;
  display: flex;justify-content: space-between;
  align-items: center;
}



.synergy-inner .top-title .hold .logo img{
  width: 130px;
}

.synergy-inner .top-title .hold .more{
    display: inline-block;
    line-height: 44px;
    padding: 0 15px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 200ms;
    font-family: 'RoobertPRO-Medium';
}

.synergy-inner .photo{
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 0 0;
  z-index: 5;
}

.synergy-inner .photo img{
  width: 100%;  
  border-radius: 24px;
  display: block;
}

.synergy-inner .photo .logo{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 50%);
}

.synergy-inner .photo .logo img{
  border: 1.5px solid #6200EA;
  box-shadow: 2px 2px 0px #6200EA, 5px 5px 0px #4C80D7, 8px 8px 0px #36FFC6;
  border-radius: 6px;
  width: 200px;

}

.synergy-inner .content{
  max-width: 1160px;
  margin: 0 auto;
  padding: 90px 0 0px 0;
  text-align: left;
  position: relative;
  z-index: 5;
}

.synergy-inner .content .date{
font-family: 'RoobertPRO-Medium';
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
color: #161616;
}

.synergy-inner .content .title{
  font-family: 'RoobertPRO-Medium';
  font-size: 48px;
  line-height: 120%;
  color: #6200EA;
  padding: 18px 0 40px 0;
  margin: 0px;

}

.synergy-inner .content .text{
  width: 830px;
  padding: 0 100px 0 0;
  font-size: 18px;
  line-height: 150%;
  color: #3C4043;
}

.synergy-inner .content .text p{
  margin: 0px;
  padding: 0 0 20px 0;
}

.synergy-inner .content .text p.min{
  font-size: 14px;
}

.synergy-inner .content .row{
  display: flex;
  justify-content: flex-start;
  align-items: start;
  padding: 0 0 35px 0;
}

.synergy-inner .content .share-title{
  font-size: 18px;
  line-height: 150%;
  color: #6200EA;
  padding: 0 0 12px 0;
}

.synergy-inner .content .share-text{
  font-size: 0px;
}

.synergy-inner .content .share-text a{
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  font-size: 0px;
  background: url("../images/icon-cashback-share-fb.svg") no-repeat center center;
  margin: 0 14px 0 0;
}

.synergy-inner .content .share-text a.share-tw{
  background-image: url("../images/icon-cashback-share-tw.svg");
}

.synergy-inner .content .share-text a.share-eml{
  background-image: url("../images/icon-cashback-share-eml.svg");
  margin: 0px;
}


@media screen and (max-width: 1340px) {
  .synergy-inner{
    margin: 0 -20px;
  }

  .synergy-inner .photo{
    margin: 0 20px;
  }

  .synergy-inner .content{
    padding: 90px 0px 0 0px;
  }
} 

@media screen and (max-width: 1260px) {
  .synergy-inner .content{
    padding: 90px 40px 0 40px;
  }
}

@media screen and (max-width: 1139px) {
  .synergy-inner .content .text{
    width: 700px;
  }
}
@media screen and (max-width: 959px) {
  .synergy-inner .content .text{
    width: 560px;
  }

  .synergy-inner .content .title br{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .synergy-inner {
    margin: 0 -10px;
  }
  .synergy-inner .photo{
    margin: 0px;
    padding-top: 0px;
  }

  .synergy-inner .photo > img{
    border-radius: 0px;
    height: 200px;
    object-fit: cover;
  }

  .synergy-inner .photo .logo img{
    width: 150px;
  }

  .synergy-inner .content {
    padding: 80px 20px 0 20px;
  }

  .synergy-inner .content .title{
    font-size: 32px;
    padding-bottom: 30px;
  }

  .synergy-inner .content .row{
    flex-direction: column;
  }

  .synergy-inner .content .text{
    width: auto;
    padding: 0 0 15px 0;
    font-size: 16px;
  }

  .content-toggler.pt{
    margin-top: -20px;
    margin-bottom: 20px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.cont3col{
  max-width: 1160px;
  margin: 0 auto;
  padding: 60px 0px 30px 0px;
  text-align: left;
}

.cont3col .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 31px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #1F1F1F;
  margin: 0px;
  padding: 0px;
}

.cont3col .text{
  font-family: 'RoobertPRO-Medium';
  font-size: 15px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #161616;
  padding: 15px 0 30px 0;
}

.cont3col .items{
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.cont3col .items .item{
  flex: 1;
  min-height: 800px;
  background: #FEFDFE;
  color: #161616;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  overflow: hidden;
}

.cont3col .items .item.i2{
  background: #6200EA;
  color: #fff;
}

.cont3col .items .item.i3{
  background: #E4FEF8;
}

.cont3col .items .item .item-content{
  padding: 30px 30px 0 30px;
}

.cont3col .items .item .item-step{
  width: 132px;
  height: 57px;
  line-height: 53px;
  background: #6200EA;
  border-radius: 10px;
  font-size: 31px;
  letter-spacing: -0.02em;
  color: #FEFDFE;
  text-align: center;
  font-family: 'RoobertPRO-Medium';
  border: 2px solid #6200EA;
}

.cont3col .items .item.i2 .item-step{
  color: #36FFC6;
  border-color: #36FFC6;
}

.cont3col .items .item .item-title{
  font-size: 26px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #6200EA;
  padding: 25px 0 18px 0;
}

.cont3col .items .item.i2 .item-title{
  color: #fff;
}

.cont3col .items .item .item-text{
  font-family: 'RoobertPRO-Medium';
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  
}

.cont3col .items .item .item-photo img{
  display: block;
  width: 100%;
}

@media screen and (max-width: 959px) {

  .cont3col .items{
    flex-direction: column;
  }

  .cont3col .items .item{
    min-height: auto;
  }

  .cont3col .items .item .item-photo img{
    max-width: 350px;
    margin: 0 auto;
  }

}

@media screen and (max-width: 767px) {
  
  .cont3col .title{
    font-size: 26px;
  }

  .cont3col .title br{
    display: none;
  }

  .cont3col .items .item{
    border-radius: 8px;
  }

  .cont3col .items .item .item-content {
    padding: 30px 20px 0 20px;
  }

  .cont3col .items .item .item-step {
    width: 124px;
    height: 51px;
    line-height: 46px;
    font-size: 25px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.center-title{
  padding: 80px 20px;
  text-align: center;
  color:  #6200EA;
  text-align: center;
  font-family: 'RoobertPRO-Medium';
  font-size: 31px;
  line-height: 130%;
  letter-spacing: -0.31px;
}

@media screen and (max-width: 959px) {
  
  .center-title {
    padding: 50px 20px;
    font-size: 29px;
  }

  .center-title br{
    display: none;
  }

}

@media screen and (max-width: 959px) {
  .center-title {
    padding: 32px 10px;
    font-size: 21px;
  }
}




/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.offer-visa-booking-steps {
    max-width: 1230px;
    margin: 0 auto;
    padding: 90px 0 120px 0;
    text-align: left;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}

.offer-visa-booking-steps .title{
  color: #6200EA;
  font-family: 'RoobertPRO-Medium';
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0.96px;
}



.offer-visa-booking-steps .items{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  gap: 10px;
  width: 1092px;
}

.offer-visa-booking-steps .items .item{
    border-radius: 12px;
    background: #6200EA;
    width: 215px;
    height: 300px;
    padding: 20px 20px 20px 30px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.offer-visa-booking-steps .items .item.i2,
.offer-visa-booking-steps .items .item.i6{
  transform: translate(0, 50px);
}

.offer-visa-booking-steps .items .item.i4{
  transform: translate(0, 50%);
}

.offer-visa-booking-steps .items .item .item-num{
  color: #FFF;
  font-family: 'RoobertPRO-Medium';
  font-size: 40px;
  line-height: 140%;
}

.offer-visa-booking-steps .items .item .item-title{
  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.4px;
}


@media screen and (max-width: 1279px) {

  .offer-visa-booking-steps .title {
    font-size: 35px;
  }

  .offer-visa-booking-steps .items .item{
    width: 200px;
    height: 270px;
  }

  .offer-visa-booking-steps .items .item br{
    display: none;
  }

  .offer-visa-booking-steps .items .item .item-title{
    font-size: 17px;
  }
}

@media screen and (max-width: 1139px) {


  .offer-visa-booking-steps{
    flex-direction: column;
    padding: 45px 0px;
  }

  .offer-visa-booking-steps .title{
    text-align: center;
  }

  .offer-visa-booking-steps .title br{
    display: none;
  }

  .offer-visa-booking-steps .items{
    width: 100%;
  }


  .offer-visa-booking-steps .items .item.i2,
  .offer-visa-booking-steps .items .item.i6{
    transform: translate(0, 0px);
  }

  .offer-visa-booking-steps .items .item.i4{
    transform: translate(0, 0%);
  }

}


@media screen and (max-width: 959px) {

  .offer-visa-booking-steps .items .item{
    width: calc(33.33% - 7px);
  }

}

@media screen and (max-width: 767px) {


  .offer-visa-booking-steps .items{
    height: auto;
    align-items: stretch;
  }

  .offer-visa-booking-steps .items .item{
    width: calc(50% - 5px);
    padding: 20px;
  }

  .offer-visa-booking-steps .items .item .item-title {
    font-size: 15px;
  }

  .offer-visa-booking-steps .title {
    font-size: 27px;
    padding: 0 0 0px 0;
  }
}







/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.home-new-hero{
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px 48px 32px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.home-new-hero .items-images{
  width: 50%;
  border-radius: 24px;
  overflow: hidden;
}

.home-new-hero .items-images .item img{
  display: block;
  width: 100%;
  
}

.home-new-hero .items-content{
  width: 50%;
  background: #6200EA;
  border-radius: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.home-new-hero .items-images .slick-next,
.home-new-hero .items-images .slick-prev{
  display: none !important;
}

.home-new-hero .items-content .item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.home-new-hero .items-content .item .item-content{
  border-radius: 24px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 24px;
  padding: 64px;
  text-align: left;
  color: #fff;
}


.home-new-hero .items-content .item .item-content .item-title{
  font-family: 'RoobertPRO-Bold';
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -1.44px;
}

.home-new-hero .items-content .item .item-content .item-title.min{
  font-size: 44px;
}

.home-new-hero .items-content .item .item-content .item-text{
  font-size: 19px;
  line-height: 140%;
  letter-spacing: -0.57px;
  padding: 0 20px 16px 0;
}

.home-new-hero .items-content .item .item-content .item-buttons{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.home-new-hero .items-content .item .item-content .item-text strong{
  font-family: 'RoobertPRO-Bold';
  font-weight: normal;
}

.home-new-hero .items-content .item .item-content a.gen-button {
    display: inline-block;
    line-height: 48px;
    padding: 0 24px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 10px 0px 10px 0px;
    font-family: 'RoobertPRO-Regular' !important;
}

.home-new-hero .items-content .item .item-links{
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 5px;
}

.home-new-hero .items-content .item .item-links img{
  height: 40px;
}

.home-new-hero .slick-next{
  width: 40px;
  height: 40px;
  background: url("../images/icon-hero-next.svg?v=2") no-repeat center center;
  background-size: contain;
  right: 20px;
  transform: translate(0, -0%);
  top: auto;
  bottom: 24px;
}


.home-new-hero .slick-prev{
  width: 40px;
  height: 40px;
  background: url("../images/icon-hero-prev.svg?v=2") no-repeat center center;
  background-size: contain;
  left: auto;
  transform: translate(0, -0%);
   top: auto;
  bottom: 24px;
  right: 80px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
  .home-new-hero{
    max-width: 100.0vw;
    padding: 0 2.22vw 3.33vw 32px;
  }

  .home-new-hero .items-images{
    border-radius: 1.67vw;
  }


  .home-new-hero .items-content{
    border-radius: 1.67vw;
  }

  .home-new-hero .items-content .item .item-content{
    border-radius: 1.67vw;
    gap: 1.67vw;
    padding: 4.44vw;
  }


  .home-new-hero .items-content .item .item-content .item-title{
    font-size: 3.33vw;
  }

 .home-new-hero .items-content .item .item-content .item-title.min{
   font-size: 3.06vw;
 }

  .home-new-hero .items-content .item .item-content .item-buttons{
    gap: 0.69vw;
  }

    .home-new-hero .items-content .item .item-content .item-text{
    font-size: 1.32vw;
    letter-spacing: -0.03vw;
    padding: 0 1.39vw 1.12vw 0;
  }


  .home-new-hero .items-content .item .item-content a.gen-button {
      line-height: 3.33vw;
      padding: 0 1.67vw;
      font-size: 1.11vw;
      margin: 0.69vw 0px 0.69vw 0px;
  }

  .home-new-hero .items-content .item .item-links{
    gap: 0.35vw;
  }

  .home-new-hero .slick-next{
    width: 2.78vw;
    height: 2.78vw;
    right: 1.39vw;
    bottom: 1.67vw;
  }


  .home-new-hero .slick-prev{
    width: 2.78vw;
    height: 2.78vw;
    bottom: 1.67vw;
    right: 5.56vw;
  }
}



@media screen and (max-width: 959px) {
  


  .home-new-hero{
    padding: 0 0 32px 0;
  }
 

  .home-new-hero .items-content .item .item-content .item-title{
    font-size: 28px;
  }

  .home-new-hero .items-content .item .item-content .item-text{
    font-size: 15px;
  }

  .home-new-hero .items-content .item .item-content .item-text br:not(.mob){
    display: none;
  }


  .home-new-hero .items-content .item .item-content {
    border-radius: 12px;
    gap: 12px;
    padding: 32px 24px;
  }



  .home-new-hero .slick-next{
    width: 30px;
    height: 30px;
    right: 20px;
    bottom: 20px;
  }


  .home-new-hero .slick-prev{
    width: 30px;
    height: 30px;
    bottom: 20px;
    right: 60px;
  }

}


@media screen and (max-width: 767px) {


  .home-new-hero{
    flex-direction: column;
     padding: 0px;
  }

  .home-new-hero .items-images,
  .home-new-hero .items-content{
    width: 100%;
  }

  .home-new-hero .items-images .item .item-photo,
  .home-new-hero .items-content .item .item-content{
    width: 100%;
  }

  .home-new-hero .items-content .item .item-content {
    gap: 3.85vw;
    padding: 10.26vw 6.15vw;
  }


  

  .home-new-hero .items-content .item .item-content .item-title{
    font-size: 6.15vw;
  }

  .home-new-hero .items-content .item .item-content br,
  .home-new-hero .items-content .item .item-content .item-text br{
    display: none;
  }

  .home-new-hero .items-content .item .item-content .item-text{
    font-size: 3.85vw;
    padding-right: 0px;
  }

  .home-new-hero .items-images .slick-next,
  .home-new-hero .items-images .slick-prev{
    display: none !important;
  }

  .home-new-hero .items-content .slick-next,
  .home-new-hero .items-content .slick-prev{
    top: auto;
    bottom: 0vw;
    right: 0px;
     background-image: url("../images/icon-hero-next-mob.svg");
     transform: translate(0, 120%);
  }

  .home-new-hero .items-content .slick-prev{
    left: auto;
    right: 0vw;
    background-image: url("../images/icon-hero-prev-mob.svg");
    display: block !important;
    transform: translate(-120%, 120%);
  }


  .home-new-hero .slick-next{
    width: 40px;
    height: 40px;
  }


  .home-new-hero .slick-prev{
    width: 40px;
    height: 40px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.home-stripe{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-stripe.right{
  flex-direction: row-reverse;
}

.home-stripe .photo{
  max-width: 430px;
}


.home-stripe .photo img{
  display: block;
  width: 100%;
  border-radius: 24px;
}


.home-stripe .content{
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 40px;
  color: #131313;
}


.home-stripe .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 46px;
  line-height: 110%;
  letter-spacing: -1.38px;
}

.home-stripe .content .text{
  padding: 0 0 16px 0;
  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}


.home-stripe .content .more {
    display: inline-block;
    line-height: 48px;
    padding: 0 24px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 0 10px 0 0px;
}




.home-stripe .content .pre-title{
  font-size: 0px;
}

.home-stripe .content .pre-title span{
  line-height: 54px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 32px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.home-stripe .content .pre-title span.mt{
  margin-top: 8px;
}

.home-stripe.bg-purple2 .content .pre-title span{
  border-color: #36FFC6;
  color: #36FFC6;
}

.home-stripe.bg-white .content .pre-title span{
  color: #ffffff;
}

.home-stripe .content .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.home-stripe .content .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-stripe .content .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.home-stripe .content .pre-title span.sh2{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-stripe .content .pre-title span.sh2::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-stripe .content .pre-title span.sh2::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .home-stripe{
    max-width: 88.89vw;
    padding: 0 2.78vw;
  }

  .home-stripe .photo{
    max-width: 29.86vw;
  }


  .home-stripe .photo img{
    border-radius: 1.67vw;
  }


  .home-stripe .content{
    gap: 2.78vw;
  }


  .home-stripe .content .title{
    font-size: 3.19vw;
  }

  .home-stripe .content .text{
    padding: 0 0 1.11vw 0;
    font-size: 1.25vw;
  }


  .home-stripe .content .more {
      line-height: 3.33vw;
      padding: 0 1.67vw;
      font-size: 1.11vw;
      margin: 0 0.69vw 0 0px;
  }


  .home-stripe .content .pre-title span{
    line-height: 3.75vw;
    border: 0.1vw solid #6200EA;
    border-radius: 0.69vw;
    font-size: 2.22vw;
    padding: 0 1.04vw;
    margin: 0 0.69vw 0 0;
  }

  .home-stripe .content .pre-title span.mt{
    margin-top: 0.56vw;
  }


  .home-stripe .content .pre-title span.sh{
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-stripe .content .pre-title span.sh::before{
    right: -0.21vw;
    top: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-stripe .content .pre-title span.sh::after{
    right: -6px;
    top: -6px;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }



  .home-stripe .content .pre-title span.sh2{
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-stripe .content .pre-title span.sh2::before{
    right: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-stripe .content .pre-title span.sh2::after{
    right: -0.42vw;
    top: 0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }

}


@media screen and (max-width: 959px) {


  .home-stripe{
    padding: 0px 10px;
  }

  .home-stripe .photo{
    width: 45%;
  }

  .home-stripe .content{
    width: 55%;
    gap: 24px;
  }

  .home-stripe.right .content{
    padding-left: 40px;
  }

  .home-stripe .content .title{
    font-size: 32px;
  }

  .home-stripe .content .pre-title span {
    line-height: 46px;
    font-size: 24px;
  }

  .home-stripe .content .text{
    font-size: 16px;
    padding: 0px;
  }

  .home-stripe .content .text br{
    display: none;
  }

}

@media screen and (max-width: 767px) {




  .bg-purple .spacer-120{
    height: 10.26vw;
  }

  .home-stripe .content .title{
    font-size: 8.97vw;
  }

  .home-stripe .content .text{
    font-size: 4.1vw;
  }

  .home-stripe .photo {
    width: 100%;
    max-width: 100%;
  }

  .home-stripe .content{
    gap: 4.1vw;
    max-width: 102.56vw;
    width: 100%;
  }

  .home-stripe .content .text br{
    display: none;
  }


  .home-stripe .content .pre-title span {
    line-height: 10.82vw;
    font-size: 5.15vw;
  }

  .home-stripe {
    padding: 0 5.13vw;
    gap: 5.13vw;
  }

  .home-stripe .content .text{
    font-size: 3.85vw;
  }


  .home-stripe,
  .home-stripe.right{
    flex-direction: column-reverse;
    gap: 8.72vw;
    padding: 0px;
  }

  .home-stripe .content .title {
    font-size: 7.44vw;
  }

  .home-stripe.right .content{
    padding-left: 0px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.home-download{
  background: #6200EA;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 35px;
  padding: 90px 40px 0 40px;
}

.home-download .pre-title{
  padding: 0 30px 80px 0;
}


.home-download .pre-title{
  font-size: 0px;
  text-align: left;
}

.home-download .pre-title span{
  line-height: 48px;
  background: #6200EA;
  border: 1.5px solid #36FFC6;
  border-radius: 10px;
  font-size: 24px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}



.home-download .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-download .pre-title span.sh::before{
  content: "";
  position: absolute;
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-download .pre-title span.sh::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.home-download .content{
  text-align: right;
  color: #fff;
}

.home-download .content .title{
 font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -1.2px;
  padding: 0 0 38px 0;
}

.home-download .links-qr-code{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 0 80px 0;
}

.home-download .links-qr-code .links{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 16px;
}

.home-download .links-qr-code .links a{
  display: block;
}

.home-download .photo{
  width: 429px;
}

.home-download .photo img,
.home-download .links-qr-code .links a img,
.home-download .links-qr-code .qr-code img{
  display: block;
  width: 100%;
}


.home-download .links-qr-code .links a{
  width: 130px;
}

.home-download .links-qr-code .qr-code{
  width: 130px;
}




.page-download-payzy .home-download{
  padding-top: 280px;
  align-items: start;
}


.page-download-payzy .home-download .left-content,
.page-download-payzy .home-download .content{
  padding-top: 90px;
}

.page-download-payzy .home-download .pre-title{
  padding-bottom: 50px;
}

.home-download .left-content .text{
  font-size: 17px;
  line-height: 130%;
  text-align: left;
  color: #fff;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .home-download{
    gap: 2.43vw;
    padding: 6.25vw 2.78vw 0 2.78vw;
  }


  .home-download .pre-title{
    padding: 0 2.08vw 5.56vw 0;
  }


  .home-download .pre-title span{
    line-height: 3.33vw;
    border-radius: 0.69vw;
    font-size: 1.67vw;
    padding: 0 1.04vw;
    margin: 0.56vw 0 0;
  }



  .home-download .pre-title span.sh{
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-download .pre-title span.sh::before{
    right: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-download .pre-title span.sh::after{
    right: -0.42vw;
    top: 0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }


  .home-download .content .title{
    font-size: 2.78vw;
    padding: 0 0 2.64vw 0;
  }

  .home-download .links-qr-code{
    gap: 1.11vw;
    padding: 0 0 5.56vw 0;
  }

  .home-download .links-qr-code .links{
    gap: 1.11vw;
  }

  .home-download .photo{
    width: 29.79vw;
  }

  .page-download-payzy .home-download{
    padding-top: 19.44vw;
  }

  .page-download-payzy .home-download .left-content,
  .page-download-payzy .home-download .content{
    padding-top: 6.25vw;
  }

  .page-download-payzy .home-download .pre-title{
    padding-bottom: 3.47vw;
  }

  .home-download .left-content .text{
    font-size: 1.18vw;
  }

}


@media screen and (max-width: 959px) {
  .home-download {
    margin: 0 -15px;
    padding: 56px 24px 0 24px;
    gap: 24px;
  }



  .home-download .pre-title span{
    white-space: nowrap;
  }

  .home-download .content .title{
    font-size: 30px;
  }

  .home-download .links-qr-code .qr-code{
    width: 100px;
  }

  .home-download .pre-title span {
    line-height: 43px;
    font-size: 17px;
    padding: 0 12px;
  }

  .page-download-payzy .home-download .left-content, .page-download-payzy .home-download .content {
     padding-top: 0px;
  }

  .home-download .left-content .text{
    font-size: 15px;
    max-width: 200px;
    padding-bottom: 20px;
    margin: -20px 0 20px 0;
  }

  .home-download .left-content .text br{
    display: none;
  }

  .page-download-payzy .home-download{
    align-items: end;
    padding-top: 150px;
  }

}

@media screen and (max-width: 767px) {

  .home-download {
    padding: 23.08vw 0px 0 0px;
    margin: 0 -15px;
  }

  .home-download .pre-title span {
    font-size: 24px;
  }

  .home-download{
    gap: 0px;
  }

  .home-download .links-qr-code .qr-code {
    width: 25.13vw;
  }

  .home-download .pre-title span {
    font-size: 4.87vw;
  }


  .home-download{
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    padding: 13.85vw 5.13vw 0 5.13vw;
    gap: 16.41vw;
  }

  .home-download .pre-title span {
    line-height: 13.85vw;
    font-size: 6.15vw;
  }

  .home-download .content .title {
    font-size: 6.67vw;
    padding: 0 0 6.67vw 0;
  }

  .home-download .content .title br{
    display: none;
  }

  .home-download .qr-code img{
    width: 23vw;
  }

  .home-download .photo{
    order: 3;
  }

  .home-download .pre-title{
    order: 1;
    padding: 0px;
  }

  .home-download .content{
    order: 2;
    width: 100%;
    text-align: left;
  }

  .home-download .links-qr-code{
    margin: 0px;
    justify-content: flex-start;
    padding: 0px;
  }

  .home-download .photo {
    width: 62vw;
    margin: 0 auto;
  }

  .home-download .links-qr-code .links a{
    width: 33.33vw;
  }

  .page-download-payzy .home-download .left-content{
    width: 100%;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.home-features{
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 60px 120px 60px;
}


.home-features .title{
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 88px;
  line-height: 100%;
  letter-spacing: -2.64px;
  text-align: left;
  padding: 0 0 130px 0;
  position: relative;
}

.home-features .title span{
  color: #6200EA;
  line-height: 100%;
  opacity: 0;
  transition: all 500ms;
}

.home-features .title span.active{
  opacity: 1;
}


.home-features .items{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 120px;
  position: relative;
}


.home-features .items .item{
  min-height: 658px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
}

.home-features .items .item:nth-child(odd){
  justify-content: flex-end;
}


.home-features .items .item .item-content{
  text-align: left;
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  position: relative;
  z-index: 2;
}

.home-features .items .item .item-title{
 font-family: 'RoobertPRO-Bold';
  font-size: 34px;
  line-height: 110%;
  letter-spacing: -1.38px;
}

.home-features .items .item .item-text{
  padding: 0 0 16px 0;
  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}


.home-features .items .item .item-more {
    display: inline-block;
    line-height: 48px;
    padding: 0 24px;
    background: #6200EA;
    border: 1px solid #6200EA;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms;
    margin: 0 10px 0 0px;
}


.home-features .items .item .item-pre-title{
  font-size: 0px;
}

.home-features .items .item .item-pre-title span{
  line-height: 54px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 32px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.home-features .items .item .item-pre-title span.mt{
  margin-top: 8px;
}


.home-features .items .item .item-pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.home-features .items .item .item-pre-title span.sh::before{
  content: "";
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-features .items .item .item-pre-title span.sh::after{
  content: "";
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}



.home-features .items .item .item-pre-title span.sh2{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px 3px 0px 0px rgba(98, 0, 234,1);
}

.home-features .items .item .item-pre-title span.sh2::before{
  content: "";
  position: absolute;
  right: -3px;
  top: 0px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-features .items .item .item-pre-title span.sh2::after{
  content: "";
  position: absolute;
  position: absolute;
  right: -6px;
  top: 3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px 3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


.home-features .items .item .item-links{
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 10px;
}

.home-features .items .mobile{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 309px;
}

.home-features .items .item .item-mobile{
  display: none;
}

.home-features .items .item .item-mobile img,
.home-features .items .mobile img{
  display: block;
  width: 100%;
  opacity: 0;
}

.home-features .items .mobile.active img{
  opacity: 1;
  
}

.home-features .items .mobile.active img:nth-child(1){
  transition: all 500ms;
}

.home-features .items .mobile{
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -0%);
  width: 309px;
}

.home-features .items .mobile img:not(.active){
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0%;
  z-index: 2;
  transition: all 300ms;
  object-fit: cover;
  object-position: center bottom;
}


.home-features .items .mobile.i2 img:nth-child(2){ height: 100%; }
.home-features .items .mobile.i3 img:nth-child(3){ height: 100%; }
.home-features .items .mobile.i4 img:nth-child(4){ height: 100%; }
.home-features .items .mobile.i5 img:nth-child(5){ height: 100%; }
.home-features .items .mobile.i6 img:nth-child(6){ height: 100%; }
.home-features .items .mobile.i7 img:nth-child(7){ height: 100%; }



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .home-features{
    max-width: 100.0vw;
    padding: 6.94vw 4.17vw 8.33vw 4.17vw;
  }

  .home-features .title{
    font-size: 6.11vw;
    padding: 0 0 9.03vw 0;
  }

  .home-features .items{
    gap: 8.33vw;
  }

  .home-features .items .item .item-content{
    max-width: 31.25vw;
    gap: 1.67vw;
  }

  .home-features .items .item .item-title{
    font-size: 2.36vw;
  }

  .home-features .items .item .item-text{
    padding: 0 0 1.11vw 0;
    font-size: 1.25vw;
  }


  .home-features .items .item .item-more {
      line-height: 3.33vw;
      padding: 0 1.67vw;
      font-size: 1.11vw;
      margin: 0 0.69vw 0 0px;
  }

  .home-features .items .item .item-pre-title span{
    border: 0.1vw solid #6200EA;
    border-radius: 0.69vw;
    font-size: 2.22vw;
    padding: 0 1.04vw;
    margin: 0 0.69vw 0 0;
    line-height: 3.75vw;
  }

  .home-features .items .item .item-pre-title span.mt{
    margin-top: 0.56vw;
  }


  .home-features .items .item .item-pre-title span.sh{
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-features .items .item .item-pre-title span.sh::before{
    right: -0.21vw;
    top: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-features .items .item .item-pre-title span.sh::after{
    right: -0.42vw;
    top: -0.42vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }



  .home-features .items .item .item-pre-title span.sh2{
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-features .items .item .item-pre-title span.sh2::before{
    right: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-features .items .item .item-pre-title span.sh2::after{
    right: -0.42vw;
    top: 0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw 0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }


  .home-features .items .item .item-links{
    gap: 0.69vw;
  }

  .home-features .items .mobile{
    width: 21.46vw;
  }

  .home-features .items .mobile{
    width: 21.46vw;
  }
}


@media screen and (max-height: 900px) {
  .home-features .items .mobile{
    width: 250px;
  }

}


@media screen and (max-width: 959px) {


  .home-features {
    max-width: 1440px;
    margin: 0 auto;
    padding: 29px 0px 120px 0px;
  }

  .home-features .title{
    font-size: 50px;
    padding: 0 0 42px 0;
  }

  .home-features .title span{
    opacity: 1;
  }



  .home-features .items .item .item-content {
    max-width: 88.72vw;
  }

  .home-features .items .mobile{
    display: none !important;
  }

  .home-features .items .item,
  .home-features .items .item:nth-child(odd){
    flex-direction: column-reverse;
  }

  .home-features .items{
    gap: 12.82vw;
  }


  .home-features .items .item .item-mobile{
    display: block;
    max-width: 250px;
    margin: 0 auto -200px auto;
  }

  .home-features .items .item .item-mobile img{
    opacity: 1;
  }

  .home-features .items .item .item-content{
   
  }

  .home-features .items .item .item-pre-title span {
    line-height: 46px;
    font-size: 24px;
  }

  .home-features .items .item .item-content {
    background: #F4EEFE;
    padding: 42px 32px;
    border-radius: 24px;
  }


  .home-features .items .item .item-title {
   
  }

  .home-features .items .item .item-text {
  
  }

  .home-features .items .item .item-links{
    flex-direction: column;
    width: 100%;
  }

  .home-features .items .item .item-links a{
    width: 100%;
    text-align: center;
  }


  .home-features .title br{
    display: none;
  }
}


@media screen and (max-width: 767px) {


  .home-features .title {
    font-size: 9.23vw;
    padding-bottom: 14.1vw;
  }

  .home-features {
    padding: 0px 0px 7.69vw 0px;
  }

  .home-features .items .item .item-mobile{
    display: block;
    max-width: 56.41vw;
    margin: 0 auto -17.95vw auto;
  }




  .home-features .items .item .item-content{
    border-radius: 4.1vw;
    
    padding: 13.85vw 8.21vw;
    max-width: 95vw;
  }

  .home-features .items .item .item-pre-title span {
    line-height: 11.28vw;
    font-size: 5.13vw;
  }

  .home-features .items .item .item-content{
    max-width: 92.31vw;
    padding: 8.21vw 4.1vw;
  }


  .home-features .items .item .item-title {
    font-size: 6.15vw;
  }

  .home-features .items .item .item-text {
    padding: 0 0 2.56vw 0;
    font-size: 3.85vw;
  }
  
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.home-parallax-intro{
  padding: 120px 0;
}

.home-parallax-intro .pre-title{
  font-size: 0px;
}

.home-parallax-intro .pre-title span{
  line-height: 54px;
  background: #6200EA;
  border: 1.5px solid #6200EA;
  border-radius: 10px;
  font-size: 32px;
  color: #36FFC6;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 5;
  font-family: 'RoobertPRO-Medium';
}

.home-parallax-intro .pre-title span.mt{
  margin-top: 8px;
}


.home-parallax-intro .pre-title span.sh{
  color: #6200EA;
  background: #FEFDFE;
  box-shadow: 3px -3px 0px 0px rgba(98, 0, 234,1);
}

.home-parallax-intro .pre-title span.sh::before{
  content: "";
  position: absolute;
  right: -3px;
  top: -3px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(76, 128, 215,1);
  border-radius: 10px;
  z-index: 0;
}

.home-parallax-intro .pre-title span.sh::after{
  content: "";
  position: absolute;
  right: -6px;
  top: -6px;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  box-shadow: 3px -3px 0px 0px rgba(54, 255, 198,1);
  border-radius: 10px;
  z-index: -1;
}


.home-parallax-intro .title{
  padding: 48px 0 0 0;

  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 110%;
  letter-spacing: -1.68px;
}

.home-parallax-intro .title span{
  display: block;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .home-parallax-intro{
    padding: 8.33vw 0;
  }

  .home-parallax-intro .pre-title span{
    line-height: 3.75vw;
    border: 0.1vw solid #6200EA;
    border-radius: 0.69vw;
    font-size: 2.22vw;
    padding: 0 1.04vw;
    margin: 0 0.69vw 0 0;
  }

  .home-parallax-intro .pre-title span.mt{
    margin-top: 0.56vw;
  }


  .home-parallax-intro .pre-title span.sh{
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(98, 0, 234,1);
  }

  .home-parallax-intro .pre-title span.sh::before{
    right: -0.21vw;
    top: -0.21vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(76, 128, 215,1);
    border-radius: 0.69vw;
  }

  .home-parallax-intro .pre-title span.sh::after{
    right: -0.42vw;
    top: -0.42vw;
    width: calc(100% + 0.21vw);
    height: calc(100% + 0.21vw);
    box-shadow: 0.21vw -0.21vw 0px 0px rgba(54, 255, 198,1);
    border-radius: 0.69vw;
  }


  .home-parallax-intro .title{
    padding: 3.33vw 0 0 0;
    font-size: 3.89vw;
  }

}


@media screen and (max-width: 959px) {

  .home-parallax-intro {
    padding: 65px 0;
  }

  .home-parallax-intro .title {
    padding: 36px 0 0 0;
    font-size: 40px;
  }

}


@media screen and (max-width: 767px) {

   .home-parallax-intro .title {
      font-size: 6.5vw;
      font-size: 7vw;
      padding: 9.74vw 0 0 0;
  }

  .home-parallax-intro .title br{
    display: none;
  }

  .home-parallax-intro .pre-title span {
    line-height: 12.31vw;
    font-size: 5.13vw;
  }

  .home-parallax-intro {
    padding: 19.23vw 0 0 0;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.home-parallax-tiles{
  height: 100vh;
  min-height: 1000px;
  position: relative;
}

.home-parallax-tiles .img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 256px;
  transition: all 2500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.home-parallax-tiles .img img{
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center bottom;
  transition: all 1500ms;
  z-index: 2;
  position: relative;
}

.home-parallax-tiles .img img.p{
  z-index: 1;
}

.home-parallax-tiles .img span{
  display: block;
  transition: all 50ms;
}


.home-parallax-tiles .img:not(.i1) img{
  width: 232px;
  max-height: 464px;
}

.home-parallax-tiles .img.i1{
  z-index: 10;
}

.home-parallax-tiles .img.i1.i1-2{
  z-index: 9;
  transform: translate(-50%, 50%);
  background: none !important;
}

.home-parallax-tiles .img.i1 img{
  max-height: 512px;
}

.home-parallax-tiles .img.i2 {
    margin: -265px 0 0 -562px;
}

.home-parallax-tiles .img.i3 {
    margin: -234px 0 0 -283px;
}

.home-parallax-tiles .img.i4{
    margin: -284px 0 0 308px;
}

.home-parallax-tiles .img.i5{
    margin: 52px 0 0 562px;
}

.home-parallax-tiles .img.i6{
    margin: 253px 0 0 -539px;
}

.home-parallax-tiles .img.i7{
    margin:283px 0 0 -259px;
}

.home-parallax-tiles .img.i8{
    margin: 229px 0 0 284px;
}



.home-parallax-tiles.init-state .img.i1.i1-2{
  transform: translate(-50%, -50%);
}



.home-parallax-tiles.init-state .img img{
  max-height: 232px;
  position: relative;
}

.home-parallax-tiles.init-state .img img:nth-child(2){
  transform: translate(0, -100%);
}

.home-parallax-tiles.init-state .img.i1 img{
  max-height: 256px;
}

.home-parallax-tiles.init-state .img.i2 {
    margin: 60px 0 0 -110px;
}

.home-parallax-tiles.init-state .img.i3 {
    margin: 102px 0 1px 144px;
}

.home-parallax-tiles.init-state .img.i4 ,
.home-parallax-tiles.init-state .img.i5 {
    margin: 32px 0 0 -21px;
}

.home-parallax-tiles.init-state .img.i6 {
    margin: 143px 0 0 -155px;
}


.home-parallax-tiles.init-state .img.i7 {
    margin: 51px 0 0 93px;
}

.home-parallax-tiles.init-state .img.i8 {
    margin: 173px 0 0 134px;
}


.home-parallax-tiles .img.i1.stay{
  position: fixed;
  background: #6200EA;
  border-radius: 24px;
  transition: all 700ms;
  height: 256px;
}


.home-parallax-tiles .img.i1.scale{
  background: #6200EA;
  margin-top: 65.8px;
  height: 658px;
  width: 100%;
  max-width: 309px;
}

.home-parallax-tiles .img.i1.stay::after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  z-index: 10;
  border: 5px solid #313243;
  border-radius: 24px;
  opacity: 0;
  transition: all 700ms;
}

.home-parallax-tiles .img.i1.stay img.p{
  transform: translate(0, -100%);
}

.home-parallax-tiles .img.i1.stay.bypass-stay::after{
  display: none !important;
}


.home-parallax-tiles .img.i1.stay.scale::after{
  opacity: 1;
}

.home-parallax-tiles .img.bypass-stay,
.home-parallax-tiles .img.i1.bypass-stay{
  position: absolute;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  background: none;
}

.home-parallax-tiles .img.i1.bypass-stay img.p{
  transform: translate(0, 100%);
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .home-parallax-tiles .img{
    max-width: 17.78vw;
  }

  .home-parallax-tiles .img:not(.i1) img{
    width: 16.11vw;
    max-height: 32.22vw;
  }

  .home-parallax-tiles .img.i1 img{
    max-height: 35.56vw;
  }

  .home-parallax-tiles .img.i2 {
      margin: -18.4vw 0 0 -39.03vw;
  }

  .home-parallax-tiles .img.i3 {
      margin: -16.25vw 0 0 -19.65vw;
  }

  .home-parallax-tiles .img.i4{
      margin: -19.72vw 0 0 21.39vw;
  }

  .home-parallax-tiles .img.i5{
      margin: 3.61vw 0 0 39.03vw;
  }

  .home-parallax-tiles .img.i6{
      margin: 17.57vw 0 0 -37.43vw;
  }

  .home-parallax-tiles .img.i7{
      margin:19.65vw 0 0 -17.99vw;
  }

  .home-parallax-tiles .img.i8{
      margin: 15.9vw 0 0 19.72vw;
  }

  .home-parallax-tiles.init-state .img img{
    max-height: 16.11vw;
  }


  .home-parallax-tiles.init-state .img.i1 img{
    max-height: 17.78vw;
  }

  .home-parallax-tiles.init-state .img.i2 {
      margin: 4.17vw 0 0 -7.64vw;
  }

  .home-parallax-tiles.init-state .img.i3 {
      margin: 7.08vw 0 0.07vw 10.0vw;
  }

  .home-parallax-tiles.init-state .img.i4 ,
  .home-parallax-tiles.init-state .img.i5 {
      margin: 2.22vw 0 0 -1.46vw;
  }

  .home-parallax-tiles.init-state .img.i6 {
      margin: 9.93vw 0 0 -10.76vw;
  }


  .home-parallax-tiles.init-state .img.i7 {
      margin: 3.54vw 0 0 6.46vw;
  }

  .home-parallax-tiles.init-state .img.i8 {
      margin: 12.01vw 0 0 9.31vw;
  }


  .home-parallax-tiles .img.i1.stay{
    border-radius: 1.67vw;
    height: 17.78vw;
  }


  .home-parallax-tiles .img.i1.scale{
    margin-top: 4.57vw;
    height: 45.69vw;
    max-width: 21.46vw;
  }

  .home-parallax-tiles .img.i1.stay::after{
    width: calc(100% - 0.69vw);
    height: calc(100% - 0.69vw);
    border-radius: 1.94vw;
  }

}



@media screen and (max-height: 900px) {
 
    
  .home-parallax-tiles .img.i1.scale{
    height: 533px;
    max-width: 250px;
  }
}



@media screen and (max-width: 959px) {

  .home-parallax-tiles .img.i1.stay {
    position: relative;
    background: none;
    border-radius: 0;
    transition: all 700ms;
    height: auto;
  }

  .home-parallax-tiles .img.i1 .mob-only{
    display: block !important;
  }

  .home-parallax-tiles .img.i1.i1-2{
    display: none !important;
  }


   .home-parallax-tiles{
    min-height: 10px;
    white-space: nowrap;
    overflow: auto;
    margin: 0 -15px 0 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 50px 0 80px 0;
    font-size: 0px;
    height: auto;
  }

  .home-parallax-tiles::-webkit-scrollbar {
    display: none;
  }
 
  .home-parallax-tiles .img.i1.stay,
  .home-parallax-tiles .img{
    position: relative !important;
    margin: 0px 10px 0 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    max-width: 17vw !important;
    display: inline-block !important;
    vertical-align: top;
  }

  .home-parallax-tiles .img img{
    max-height: 5000px !important;
    width: 100% !important;
  }

  .home-parallax-tiles .img.i1.stay,
  .home-parallax-tiles .img{
    max-width: 28vw !important;
  }

  .home-parallax-tiles .img.i1.stay, .home-parallax-tiles .img {
    margin: 0px 8px 0 0 !important;
    max-width: 30vw !important;
  }

  .home-parallax-tiles .img span{
    transform: translate(0, 0) !important;
  }


  .home-parallax-tiles .img.i4 span,
  .home-parallax-tiles .img.i5 span,
  .home-parallax-tiles .img.i8 span{
    display: block;
    display: flex;
    flex-direction: column-reverse;

  }

}





@media screen and (max-width: 767px) {



  .home-parallax-tiles .img.i1.stay, .home-parallax-tiles .img {
    margin: 0px 8px 0 0 !important;
    max-width: 47vw !important;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.gen-button-new{
  padding: 15px 24px;
  background: #6200EA;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: 'RoobertPRO-Medium';
  text-decoration: none;
  transition: all 300ms;
  border: 1px solid #6200EA;
  position: relative;
  white-space: nowrap;
}

@media screen and (min-width: 960px){
  .gen-button-new:hover{
    background: #fff;
    color: #6200EA;
  }
}


.gen-button-new::after{
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 12px;
  background: url("../images/icon-button-arrow-c2.svg") no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all 300ms;
}

@media screen and (min-width: 960px){
  .gen-button-new:hover::after{
    opacity: 1;
    right: 12px;
  }
}

.gen-button-new span{
  display: block;
  transition: transform 600ms;
}

@media screen and (min-width: 960px){
  .gen-button-new:hover span{
    transform: translate(-10px, 0);
  }
}


.gen-button-new.c2{
  background: #FFF;
  color: #6200EA;
}

@media screen and (min-width: 960px){
  .gen-button-new.c2:hover{
    background: #6200EA;
    color: #fff;
    border-color: #fff;
  }
}

.gen-button-new.c2::after{
  background-image: url("../images/icon-button-arrow.svg");
}



.gen-button-new.c3{
  background: none;
  color: #fff;
  border-color: #fff;
}

@media screen and (min-width: 960px){
  .gen-button-new.c3:hover{
    background: #fff;
    color: #6200EA;
    border-color: #ffffff;
  }
}


.gen-button-new.c4{
  background: none;
  color: #fff;
  border-color: #fff;
}

@media screen and (min-width: 960px){
  .gen-button-new.c4:hover{
    color: #fff;
  }
}

.gen-button-new.c4::after{
  background-image: url("../images/icon-button-arrow.svg");
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .gen-button-new{
    padding: 1.04vw 1.67vw;
    font-size: 1.11vw;
  }

  .gen-button-new::after{
    right: 1.67vw;
    width: 1.04vw;
    height: 0.83vw;
  }

  .gen-button-new:hover::after{
    right: 0.83vw;
  }
}

@media screen and (max-width: 959px) {


  .gen-button-new {
    padding: 12px 18px;
    font-size: 14px;
  }

}

@media screen and (max-width: 767px) {


  .page-index .gen-button-new{
    padding: 3.85vw 6.15vw;
    font-size: 3.85vw;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.main-title-marque{
  width: 100%;
  display: block;
}

.main-title-marque > div{
  display: inline-block;

  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
}

.bg-purple-dark .main-title-marque > div,
.bg-black .main-title-marque > div{
  color: #fff;
}

.main-title-marque .rotating-star{
  display: inline-block;
  vertical-align: middle;
  margin: 0 48px 6px 48px;
}

.main-title-marque .rotating-star img{
  /*animation: star-rotate 25s linear infinite ;*/
  width: 32px;
}

@keyframes star-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
   transform: rotate(359deg);
  }
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .main-title-marque > div{
    font-size: 3.89vw;
  }


  .main-title-marque .rotating-star{
    margin: 0 3.33vw 0.42vw 3.33vw;
  }

  .main-title-marque .rotating-star img{
     width: 2.22vw;
  }
}


@media screen and (max-width: 959px) {

  .main-title-marque > div{
    font-size: 40px;
  }

  .main-title-marque .rotating-star {
      display: inline-block;
      vertical-align: middle;
      margin: 0 14px 6px 38px;
  }

}

@media screen and (max-width: 767px) {

   .main-title-marque > div{
    font-size: 30px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.new-hero-parallax{
  padding: 105px 0 90px 0;
  max-width: 1440px;
  margin: 0 auto;
}

.new-hero-parallax .content{
  display: flex;
  justify-content: space-between;
  align-items: start;
  max-width: 1090px;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 120px 0;
  text-align: left;
}


.new-hero-parallax .content .pre-title{
  color: #6200EA;
  font-family: 'RoobertPRO-Medium';
  font-size: 21px;
  line-height: 100%;
  letter-spacing: -0.42px;
}

.new-hero-parallax .content .pre-title .title-rotating-star{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 5px 0;
}

.new-hero-parallax .content .pre-title .title-rotating-star img{
  width: 18px;
  display: block;
  animation: star-rotate 15s linear infinite ;
}

.new-hero-parallax .content .side{
  width: 100%;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
}

.new-hero-parallax .content .title{
  color: #131313;
  font-family: 'RoobertPRO-SemiBold';
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1.2px;
}

.new-hero-parallax .content .text{
 color: #131313;
  leading-trim: both;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.new-hero-parallax .photo{
  max-width: 1090px;
  margin: 0 auto;
  transition: all 1200ms;
  position: relative;
}

.new-hero-parallax .photo.active{
  max-width: 100%;
}

.new-hero-parallax .photo img{
  border-radius: 24px;
  display: block;
  width: 100%;
}

.new-hero-parallax .photo img.img-eyes{
  position: absolute;
  left: 0.5%;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.new-hero-parallax .photo.active img{
  border-radius: 0px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .new-hero-parallax{
    padding: 7.29vw 0 6.25vw 0;
    max-width: 100.0vw;
  }

  .new-hero-parallax .content{
    max-width: 75.69vw;
    padding: 0 0 8.33vw 0;
  }


  .new-hero-parallax .content .pre-title{
    font-size: 1.46vw;
  }

  .new-hero-parallax .content .pre-title .title-rotating-star{
    margin: 0 0.69vw 0.35vw 0;
  }

  .new-hero-parallax .content .pre-title .title-rotating-star img{
    width: 1.25vw;
  }

  .new-hero-parallax .content .side{
    max-width: 37.5vw;
    gap: 1.67vw;
  }

  .new-hero-parallax .content .title{
    font-size: 2.78vw;
  }

  .new-hero-parallax .content .text{
    font-size: 1.25vw;
  }

  .new-hero-parallax .photo{
    max-width: 75.69vw;
  }

  .new-hero-parallax .photo img{
    border-radius: 1.67vw;
  }
}


@media screen and (max-width: 959px) {

  .new-hero-parallax{
    padding-top: 50px;
  }

  .new-hero-parallax .content .side{
    width: 60%;
  }

  .new-hero-parallax .content .title{
    font-size: 34px;
  }

  .new-hero-parallax .content .text{
    font-size: 17px;
  }

  .new-hero-parallax .content .pre-title{
    font-size: 18px;
  }

  .new-hero-parallax .content{
    padding-bottom: 45px;
  }

  .new-hero-parallax .photo{
    margin: 0 -15px;
  }

  .new-hero-parallax .photo img{
    border-radius: 0px;
    width: calc(100vw);
  }

  .new-hero-parallax .content .pre-title img{
    max-width: 90%;
  }

}

@media screen and (max-width: 767px) {

  .new-hero-parallax{
    padding: 43px 0 50px 0;
  }

  .new-hero-parallax .content{
    flex-direction: column;
    gap: 34px;
    padding-bottom: 50px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .new-hero-parallax .content .side{
    width: 100%;
  }

  .new-hero-parallax .content .side br{
    display: none;
  }

  .new-hero-parallax .content .pre-title{
    font-size: 21px;
  }

  .new-hero-parallax .content .title{
    font-size: 30px;
  }

  .new-hero-parallax .content .text {
    font-size: 18px;
  }

  .new-hero-parallax .content .title br,
  .new-hero-parallax .content .text br{
    display: none;
  }

  .new-hero-parallax .photo{
    margin: 0px;
    width: 100%;
  }

  .new-hero-parallax .photo img{
    border-radius: 16px !important;
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.stripe-with-popup{
  padding: 80px 70px 80px 105px;
  position: relative;
  border-radius: 24px;
  background: #EBEDF2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  max-width: 1312px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.stripe-with-popup.white{
  background: #fff;
}

.stripe-with-popup .content{
  width: calc(100% - 430px);
  text-align: left;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 33px;
}


.stripe-with-popup .content .pre-title{
  font-family: 'RoobertPRO-Medium';
  color: #6200EA;
  font-size: 18px;
  font-style: normal;
  padding: 16px 15px;
  line-height: 100%;
  letter-spacing: -0.36px;
  border-radius: 10px;
border: 1.5px #6200EA;

}

.stripe-with-popup .content .title{
  color: #131313;
  font-family: 'RoobertPRO-SemiBold';
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -1.2px;
}

.stripe-with-popup .content .text{
  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.stripe-with-popup .content .text ul{
  margin: 0px;
}

.stripe-with-popup .photo{
  width: 430px;
}

.stripe-with-popup .photo img{
  display: block;
  border-radius: 24px;
  width: 100%;
}

.page-apple-pay .stripe-with-popup .photo img,
.page-cashback .stripe-with-popup .photo img{
  max-width: 297px;
  margin: 0 auto;
}

.stripe-with-popup .toggler{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.32px;
  line-height: 48px;
  padding: 0 60px 0 0;
  text-decoration: none;
  z-index: 11;
  transition: color 300ms;
}

.stripe-with-popup .toggler span{
  line-height: 48px;
}

.stripe-with-popup:not(.active) .toggler span{
  font-size: 0px;
}

.stripe-with-popup.active .toggler{
  color: #fff;
  font-size: 0px;
}

.stripe-with-popup.active .toggler span{
  font-size: 18px;
}


.stripe-with-popup .toggler::before,
.stripe-with-popup .toggler::after{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 48px;
  height: 48px;
  background: url("../images/icon-stripe-popup-more.svg") no-repeat center center;
  background-size: contain;
  transition: all 300ms;
}

.stripe-with-popup .toggler::after{
  background-image: url("../images/icon-stripe-popup-less.svg");
  opacity: 0;
  z-index: 2;
}

@media screen and (min-width: 960px){
  .stripe-with-popup .toggler:hover::before{
    transform: translate(0, -50%) rotate(14deg);
  }
}

.stripe-with-popup.active .toggler::after{
  opacity: 1;
}


.stripe-with-popup .pop{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;

  border-radius: 24px;
  background: rgba(98, 0, 234, 0.90);
  backdrop-filter: blur(10px);

  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: left;

  visibility: hidden;
  opacity: 0;
  transform: translate(0, 100%);
  transition: opacity 700ms;
}

.stripe-with-popup.active .pop{
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0%);
}

.stripe-with-popup .pop .pop-title{
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.63px;
  font-family: 'RoobertPRO-Bold';
  position: absolute;
  left: 0px;
  top:0px;
  padding: 40px 32px;
}

.stripe-with-popup .pop .pop-text{
  font-family: 'RoobertPRO-Bold';
  font-size: 21px;
  font-size: 19px;
  line-height: 140%; 
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 560px;
}

.stripe-with-popup .pop .pop-text span{
  font-size: 16px;
}

.stripe-with-popup .pop .pop-photo{
  width: 467px;
  margin: 0 0 0 100px;
}

.stripe-with-popup .pop .pop-photo img{
  display: block;
  width: 100%;
}

.stripe-with-popup .pop .pop-text span{
  font-family: 'RoobertPRO-Regular';
}


.stripe-with-popup .pop .pop-text ol,
.stripe-with-popup .pop .pop-text ul:not(.bull),
.stripe-with-popup .pop .pop-text li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.stripe-with-popup .pop .pop-text ul:not(.bull) li{
  font-size: 18px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left 10px;
  background-size: 27px auto;
  padding: 13px 0 13px 40px;
  list-style-type: none;
}

.stripe-with-popup .pop .pop-text ol,
.stripe-with-popup .pop .pop-text ul.bull{
  padding: 0 0 10px 10px;
  margin: 0px;
}

.stripe-with-popup .pop .pop-text ol{
  padding-left: 0px !important;
}

.stripe-with-popup .pop .pop-text ol li{
  list-style-type: decimal;
  margin: 0 0 0 15px;
}

.stripe-with-popup .pop .pop-text ul.bull li{
  list-style-type: disc;
  margin: 0 0 0 15px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
  .stripe-with-popup{
    padding: 5.56vw 4.87vw 5.56vw 7.30vw;
    border-radius: 1.67vw;
    gap: 1.39vw;
    max-width: 91.12vw;
  }

  .stripe-with-popup .content{
    width: calc(100% - 29.87vw);
    max-width: 37.50vw;
    gap: 2.30vw;
  }

  .stripe-with-popup .content .pre-title{
    font-size: 1.25vw;
    padding: 1.12vw 1.05vw;
    letter-spacing: -0.02vw;
    border-radius: 0.70vw;
    border: 0.11vw #6200EA;
  }

  .stripe-with-popup .content .title{
    font-size: 2.78vw;
    letter-spacing: -0.08vw;
  }

  .stripe-with-popup .content .text{
    font-size: 1.25vw;
    letter-spacing: -0.03vw;
  }

  .stripe-with-popup .photo{
    width: 29.87vw;
  }

  .stripe-with-popup .photo img{
    border-radius: 1.67vw;
  }

  .page-apple-pay .stripe-with-popup .photo img,
  .page-cashback .stripe-with-popup .photo img{
    max-width: 20.63vw;
  }

  .stripe-with-popup .toggler{
    bottom: 2.09vw;
    font-size: 1.12vw;
    letter-spacing: -0.02vw;
    line-height: 3.34vw;
    padding: 0 4.17vw 0 0;
  }

  .stripe-with-popup .toggler span{
    line-height: 3.34vw;
  }

  .stripe-with-popup.active .toggler span{
    font-size: 1.25vw;
  }

  .stripe-with-popup .toggler::before,
  .stripe-with-popup .toggler::after{
    width: 3.34vw;
    height: 3.34vw;
  }

  .stripe-with-popup .pop{
    border-radius: 1.67vw;
    backdrop-filter: blur(0.70vw);
  }

  .stripe-with-popup .pop .pop-title{
    font-size: 1.46vw;
    letter-spacing: -0.04vw;
    padding: 2.78vw 2.23vw;
  }

  .stripe-with-popup .pop .pop-text{
    font-size: 1.46vw;
    font-size: 1.32vw;
    letter-spacing: -0.02vw;
    max-width: 38.89vw;
  }

  .stripe-with-popup .pop .pop-text span{
    font-size: 1.12vw;
  }

  .stripe-with-popup .pop .pop-photo{
    width: 32.44vw;
    margin: 0 0 0 6.95vw;
  }

  .stripe-with-popup .pop .pop-text ul:not(.bull) li{
    font-size: 1.25vw;
    background: url("../images/icon-check.svg") no-repeat left 0.70vw;
    background-size: 1.88vw auto;
    padding: 0.91vw 0 0.91vw 2.78vw;
  }

  .stripe-with-popup .pop .pop-text ol,
  .stripe-with-popup .pop .pop-text ul.bull{
    padding: 0 0 0.70vw 0.70vw;
  }

  .stripe-with-popup .pop .pop-text ol li{
    margin: 0 0 0 1.05vw;
  }

  .stripe-with-popup .pop .pop-text ul.bull li{
    margin: 0 0 0 1.05vw;
  }
}


@media screen and (max-width: 959px) {

  .stripe-with-popup{
    padding: 50px 25px 80px 40px;
  }

  .stripe-with-popup .photo{
    width: 300px;
  }

  .stripe-with-popup .content{
    width: calc(100% - 280px);
  }

  .stripe-with-popup .content .title{
    font-size: 30px;
  }

  .stripe-with-popup .content .title br{
    display: none;
  }

  .stripe-with-popup .content .text{
    font-size: 17px;
  }

  .stripe-with-popup .toggler{
    bottom: 15px;
  }

  .stripe-with-popup .pop .pop-text ul:not(.bull) li{
    font-size: 15px;
  }

  .stripe-with-popup .pop .pop-title{
    font-size: 18px;
  }

  .stripe-with-popup .pop .pop-text{
    font-size: 15px;
    max-width: 340px;
  }


  .stripe-with-popup .pop .pop-photo{
    margin: 0 0 0 20px;
    width: 300px;
  }

}

@media screen and (max-width: 767px) {

  .stripe-with-popup{
    flex-direction: column;
    padding: 45px 25px 80px 25px;
    border-radius: 8px;
  }

  .stripe-with-popup .content,
  .stripe-with-popup .photo{
    width: 100%;
  }

  .stripe-with-popup .photo img{
    border-radius: 8px;
  }

  .stripe-with-popup .pop .pop-text {
    width: 100%;
    max-width: calc(100% - 40px);
  }

  .stripe-with-popup .content .title{
    font-size: 25px;
  }

  .stripe-with-popup .content .title br{
    display: none;
  }

  .stripe-with-popup .toggler{
    white-space: nowrap;
  }

  .stripe-with-popup .pop{
    flex-direction: column;
  }

  .stripe-with-popup .pop .pop-photo{
    margin: 30px auto 0 auto;
    width: 90%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.new-content-toggler{
  padding: 32px 50px;
  border-radius: 24px;
  border: 1px solid #fff;
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  transition: all 500ms;
}

@media screen and (min-width: 960px){
  .new-content-toggler:hover{
    max-width: 1312px;
    background: #fff;
  }
}

.new-content-toggler .hold{
  max-width: 1083px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.new-content-toggler .lnk{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  font-size: 0px;
  opacity: 0;
}

.new-content-toggler .title{
  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.72px;
}

.new-content-toggler .title img{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
   transition: all 500ms;

}

@media screen and (min-width: 960px){
  .new-content-toggler:hover .title img{
    filter: brightness(0%);
  }

  .new-content-toggler:hover .title{
    color: #000;
  }
}

.new-content-toggler .more{
  padding: 16px 24px;
  border: 1px solid #FFF;
  font-family: 'RoobertPRO-Bold';
  color: #FFF;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.48px;
  display: block;
  text-decoration: none;
  transition: all 300ms;
  position: relative;
}



@media screen and (min-width: 960px){
  .new-content-toggler:hover .more{
    border-color: #6200EA;
    color: #6200EA;
    padding-right: 45px;
  }
}

.new-content-toggler .more::after{
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 12px;
  background: url("../images/icon-button-arrow-c2.svg") no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all 300ms;
}


@media screen and (min-width: 960px){
  .new-content-toggler:hover .more::after{
    opacity: 1;
  }
}




@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .new-content-toggler{
    padding: 2.22vw 3.47vw;
    border-radius: 1.67vw;
    max-width: 82.29vw;
  }

  .new-content-toggler:hover{
    max-width: 91.11vw;
  }

  .new-content-toggler .hold{
    max-width: 75.21vw;
    gap: 1.39vw;
  }

  .new-content-toggler .title{
    font-size: 1.67vw;
  }

  .new-content-toggler .title img{
    margin: 0 0.69vw 0 0;
  }

  .new-content-toggler .more{
    padding: 1.11vw 1.67vw;
    font-size: 1.11vw;
  }

  .new-content-toggler:hover .more{
    padding-right: 3.12vw;
  }

  .new-content-toggler .more::after{
    right: 1.67vw;
    width: 1.04vw;
    height: 0.83vw;
  }



}


@media screen and (max-width: 959px) {


  .new-content-toggler{
    width: calc(100% - 30px);
    padding: 20px 25px;
  }

  .new-content-toggler .title{
    font-size: 20px;
    text-align: left;
  }

  .new-content-toggler .more{
    white-space: nowrap;
  }

}

@media screen and (max-width: 767px) {

  .new-content-toggler .hold{
    flex-direction: column;
  }

  .new-content-toggler .title img{
    display: block;
    margin: 0 auto 10px auto;
  }

  .new-content-toggler{
    border-radius: 8px;
    width: 100%;
  }

  .new-content-toggler .more{
    width: 100%;
  }

  .new-content-toggler .title {
    font-size: 24px;
    text-align: center;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.content-stripes{
  width: 100%;
}

.content-stripes .items{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 120px;
  max-width: 1090px;
  width: 100%;
  margin: 0 auto;
}


.content-stripes .items .item{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.content-stripes .items .item.str{
  align-items: stretch;

}

.content-stripes .items .item:nth-child(even){
  flex-direction: row-reverse;
}

.content-stripes.wide .items .item:nth-child(odd){
  flex-direction: row-reverse;
}

.content-stripes .items .item .item-photo{
  width: 428px;
}

.content-stripes .items .item .item-photo img{
  display: block;
  width: 100%;
  border-radius: 24px;
}


.content-stripes .items .item .item-content{
  width: calc(100% - 498px);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 32px;
  color: #fff;
  padding: 0 64px 0 48px;
}

.content-stripes .items .item .item-content.black{
  background: #131313;
  justify-content: center;
  border-radius: 24px;
}


.content-stripes.wide .items .item .item-content{
  padding-left: 0px;
}

.content-stripes .items .item .item-content .item-pre-title{
  font-family: 'RoobertPRO-Medium';
  color: #36FFC6;
  font-size: 18px;
  font-style: normal;
  padding: 16px 15px;
  line-height: 100%;
  letter-spacing: -0.36px;
  border-radius: 10px;
  border: 1.5px solid #36FFC6;
}

.content-stripes .items .item .item-content .item-pre-title.purple{
  background: #6200EA;
  border-color: #6200EA;
  color: #fff;
}

.content-stripes .items .item .item-content .item-pre-title.wh{
  border-color: #fff;
  color: #fff;
}

.content-stripes .items .item .item-content .item-title{
  color:#FFF;
  font-family: 'RoobertPRO-SemiBold';
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.96px;
}

.content-stripes .items .item .item-content .item-text{
  color:#FFF;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}


.content-stripes .items .item .item-content .item-text p{
  margin: 0px;
  padding: 0 0 20px 0;
}

.content-stripes .items .item .item-content .item-text p:last-child{
  padding: 0px;
}



.content-stripes .items .item .item-content .item-links{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.content-stripes .items .item .item-content .item-links.single-links{
  gap: 20px;
}

.content-stripes .items .item .item-content .item-links:not(.single-links) a{
  display: block;
  padding: 16px 24px;
  border: 1px solid #fff;

  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.15px;
  transition: all 300ms;
  text-decoration: none;
}

.content-stripes .items .item .item-content .item-links:not(.single-links) a:hover{
  background: #fff;
  color: #131313;
}

.content-stripes .items .item .item-content .item-links.single-links a{
  text-decoration: none;
  font-size: 16px;
  font-family: 'RoobertPRO-Medium';
  position: relative;
  display: block;
}

.content-stripes .items .item .item-content .item-links.single-links a::before{
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: calc(100% - 23px);
  height: 1px;
  background: #fff;
  opacity: 1;
  transition: all 300ms;
}

.content-stripes .items .item .item-content .item-links.single-links a::after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url("../images/icon-button-arrow.svg") no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all 300ms;
  margin: 0 0 -2px 8px;
}

@media screen and (min-width: 960px){
  .content-stripes .items .item .item-content .item-links.single-links a:hover::after,
  .content-stripes .items .item .item-content .item-links.single-links a:hover::before{
    opacity: 1;
  }
}


.content-stripes .items .item .item-content .item-text ul,
.content-stripes .items .item .item-content .item-text li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.content-stripes .items .item .item-content .item-text li{
  font-size: 18px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left 10px;
  background-size: 27px auto;
  padding: 10px 0 13px 40px;
  list-style-type: none;
}






@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .content-stripes .items{
    gap: 6.25vw;
    max-width: 56.77vw;
  }


  .content-stripes .items .item{
    gap: 0.83vw;
  }


  .content-stripes .items .item .item-photo{
    width: 22.29vw;
  }

  .content-stripes .items .item .item-photo img{
    border-radius: 1.25vw;
  }


  .content-stripes .items .item .item-content{
    width: calc(100% - 25.94vw);
    gap: 1.67vw;
    padding: 0 3.33vw 0 2.5vw;
  }

  .content-stripes .items .item .item-content .item-pre-title{
    font-size: 0.94vw;
    padding: 0.83vw 0.78vw;
    border-radius: 0.52vw;
  }

  .content-stripes .items .item .item-content .item-title{
    font-size: 1.67vw;
  }

  .content-stripes .items .item .item-content .item-text{
    font-size: 0.94vw;
  }


  .content-stripes .items .item .item-content .item-text p{
    padding: 0 0 1.04vw 0;
  }

  .content-stripes .items .item .item-content .item-links{
    gap: 0.42vw;
  }

  .content-stripes .items .item .item-content .item-links.single-links{
    gap: 1.04vw;
  }

  .content-stripes .items .item .item-content .item-links:not(.single-links) a{
    padding: 0.83vw 1.25vw;
    font-size: 0.78vw;
  }

  .content-stripes .items .item .item-content .item-links.single-links a{
    font-size: 0.83vw;
  }


  .content-stripes .items .item .item-content .item-links.single-links a::before{
    width: calc(100% - 1.6vw);
  }

  .content-stripes .items .item .item-content .item-links.single-links a::after{
    width: 1.11vw;
    height: 0.97vw;
    margin: 0 0 -0.14vw 0.56vw;
  }

  .content-stripes .items .item .item-content .item-text li{
    font-size: 1.25vw;
    background: url("../images/icon-check.svg") no-repeat left 0.69vw;
    background-size: 1.88vw auto;
    padding: 0.69vw 0 0.9vw 2.78vw;
  }

}


@media screen and (max-width: 959px) {


  .content-stripes .items .item{
    gap: 30px;
  }

  .content-stripes .items .item .item-photo{
    width: calc(40% - 8px);
  }

  .content-stripes .items .item .item-content{
    width: calc(50% - 8px);
  }

  .content-stripes .items .item .item-content .item-title{
    font-size: 30px;
  }

  .content-stripes .items .item .item-content .item-text,
  .content-stripes .items .item .item-content .item-text li,
  .content-stripes .items .item .item-content .item-text p{
    font-size: 17px;
  }

  .content-stripes .items .item .item-content .item-title br{
    display: none;
  }

  .content-stripes .items .item .item-content{
    padding: 0px;
  }

  .content-stripes .items .item .item-content .item-pre-title {
    padding: 13px 13px;
  }

  .content-stripes .items .item .item-content .item-links:not(.single-links) a {
    padding: 14px 10px;
    font-size: 14px;
  }

}

@media screen and (max-width: 767px) {

  .content-stripes .items{
    gap: 30px;
  }

  .content-stripes .items .item,
  .content-stripes .items .item:nth-child(even),
  .content-stripes.wide .items .item:nth-child(odd){
    flex-direction: column-reverse;
  }

  .content-stripes .items .item .item-photo,
  .content-stripes .items .item .item-content{
    width: 100%;
  }

  .content-stripes .items .item .item-content .item-title {
    font-size: 26px;
  }

  .content-stripes .items .item .item-content .item-title br{
    display: none;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.next-section{
  
  background: #6200EA;
  position: relative;
  border-top: 1px solid #fff;
  overflow: hidden;
}

.next-section .hold{
  max-width: 1440px;
  margin: 0 auto;
  padding: 147px 77px 0 77px; 
  display: flex;
  justify-content: flex-end;
  align-items: start;
  position: relative;
  height: 560px;
}

.next-section .content{
  width: 460px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  position: relative;
  z-index: 5;
}

.next-section .content .pre-title{
  color:  #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  line-height: 100%; 
  text-transform: uppercase;
}

.next-section .content .title{
  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 44px;
  line-height: 100%;
  letter-spacing: -1.32px;
}

.next-section .bg{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.next-section.active .bg{
  transform: rotate(-3.829deg) scale(1.2);
}

.next-section .bg img{
  position: absolute;
  left: 65px;
  top: 0px;
  width: 1000px;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 1;
  opacity: 0;
  transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.next-section.active .bg img{
  opacity: 1;
  transform: translate(0, -10%);
}

.next-section .mask{
  position: absolute;
  left: 0pc;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url("../images/next-section-mask.png") no-repeat center center;
  background-size: cover;
}

.next-section .gen-button-new,
.next-section .gen-button-new span,
.next-section .gen-button-new::after{
  transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


@media screen and (min-width: 960px){
  .next-section .gen-button-new:hover{
    border-radius: 12px;
  }
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
    
    

  .next-section .hold{
    max-width: 100.0vw;
    padding: 10.21vw 5.35vw 0 5.35vw; 
    height: 38.89vw;
  }

  .next-section .content{
    width: 31.94vw;
    gap: 1.67vw;
  }

  .next-section .content .pre-title{
    font-size: 1.11vw;
  }

  .next-section .content .title{
    font-size: 3.06vw;
  }

  .next-section .bg img{
    left: 4.51vw;
    width: 69.44vw;
  }

  .next-section .gen-button-new:hover{
    border-radius: 0.83vw;
  }
}


@media screen and (max-width: 959px) {

  .next-section{
    width: 100vw;
    margin: 0 -15px;
  }

  .next-section .content .title{
    font-size: 35px;
  }

  .next-section .content{
    width: 50%;
  }

  .next-section .bg{
    transform: rotate(-3.829deg) scale(1.2) translate(0%, 0);
  }


  .next-section .bg img{
    opacity: 0.2;
    transform: translate(0, -10%);
  }

  .next-section .hold{
    height: auto;
    padding: 175px 24px 40px 24px;
  }



}

@media screen and (max-width: 767px) {

  .next-section .content{
    width: 100%;
  }

  .next-section .content .title br{
    display: none;
  }

  .next-section .content .title{
    font-size: 32px;
  }


  .next-section .hold{
    background: url("../images/next-section-mob.png") no-repeat center top;
    min-height: 480px;
    flex-direction: column;
    justify-content: flex-end;
  }


  .next-section .bg{
    display: none;
  }

  .next-section .gen-button-new{
    font-size: 16px;
  }



}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.about-stripes{
  padding: 0 0 120px 0;
}

.about-stripes .items{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
}

.about-stripes .items .item{
  display: block;
  width: 100%;
  display: flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
}

.about-stripes .items .item:nth-child(even){
  flex-direction: row-reverse;
}

.about-stripes .items .item .item-content{
  width: calc(100% - 648px - 24px);
  border-radius: 24px;
  background: #C9CFD7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 40px;
  padding: 40px;
  text-align: left;
}

.about-stripes .items .item:nth-child(2) .item-content{
  background: #D1C1AE;
}

.about-stripes .items .item:nth-child(3) .item-content{
  background: #BBD18F;
}

.about-stripes .items .item .item-content .item-title{
  color:  #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.96px;
}

.about-stripes .items .item .item-content .item-text{
  color:  #131313;
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.about-stripes .items .item .item-photo{
  width: 648px;
}

.about-stripes .items .item .item-photo img{
  border-radius: 24px;
  width: 100%;
  display: block;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .about-stripes{
    padding: 0 0 8.33vw 0;
  }

  .about-stripes .items{
    gap: 1.67vw;
    max-width: 75.69vw;
  }

  .about-stripes .items .item{
    gap: 1.67vw;
  }

  .about-stripes .items .item .item-content{
    width: calc(100% - 45.0vw - 1.67vw);
    border-radius: 1.67vw;
    gap: 2.78vw;
    padding: 2.78vw;
  }


  .about-stripes .items .item .item-content .item-title{
    font-size: 2.22vw;
  }

  .about-stripes .items .item .item-content .item-text{
    font-size: 1.25vw;
  }

  .about-stripes .items .item .item-photo{
    width: 45.0vw;
  }

  .about-stripes .items .item .item-photo img{
    border-radius: 1.67vw;
  }
}


@media screen and (max-width: 959px) {



  .about-stripes .items .item .item-photo{
    width: calc(50% - 12px);
  }

  .about-stripes .items .item .item-content{
    width: calc(50% - 12px);
    gap: 24px;
  }

  .about-stripes .items .item .item-content .item-title{
    font-size: 26px;
  }

  .about-stripes .items .item .item-content .item-text{
    font-size: 16px;
  }


}

@media screen and (max-width: 767px) {

  .about-stripes .items .item,
  .about-stripes .items .item:nth-child(even){
    flex-direction: column;
  }

  .about-stripes .items .item .item-content,
  .about-stripes .items .item .item-photo{
    width: 100%;
  }

  .about-stripes .items .item .item-content{
    padding: 24px;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.hero-parallax-box{
  padding: 100px 0 0 0px;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 20px;
}

.hero-parallax-box .col{
  width: calc(50% - 10px);
}

.hero-parallax-box .pre-title{
  padding: 0 0 270px 180px;
  text-align: left;
  font-family: 'RoobertPRO-SemiBold';
  color: #6200EA;
  font-size: 88px;
  line-height: 100%;
  letter-spacing: -2.64px;
}


.hero-parallax-box .photo img{
  display: block;
  width: 100%;
  max-width: 600px;
  border-radius: 0px 16px 16px 0px;
}



.hero-parallax-box .title{
  color: #131313;
  font-family: 'RoobertPRO-SemiBold';
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1.2px;
  padding: 0 0 24px 0;
  text-align: left;
}

.hero-parallax-box .text{
  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
  text-align: left;
}

.hero-parallax-box .col.last{
  padding: 170px 0 0 0;
}

.hero-parallax-box .mob-photo{
  display: none;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .hero-parallax-box{
    padding: 6.94vw 0 0 0px;
    max-width: 100.0vw;
    gap: 1.39vw;
  }

  .hero-parallax-box .col{
    width: calc(50% - 0.69vw);
  }

  .hero-parallax-box .pre-title{
    padding: 0 0 18.75vw 12.5vw;
    font-size: 6.11vw;
  }


  .hero-parallax-box .photo img{
    max-width: 41.67vw;
    border-radius: 0px 1.11vw 1.11vw 0px;
  }



  .hero-parallax-box .title{
    font-size: 2.78vw;
    padding: 0 0 1.67vw 0;
  }

  .hero-parallax-box .text{
    font-size: 1.25vw;
  }

  .hero-parallax-box .col.last{
    padding: 11.81vw 0 0 0;
  }

}


@media screen and (max-width: 959px) {


  .hero-parallax-box{
    padding: 50px 0 0 0;
    width: 100vw;
    margin: 0 -15px;
  }

  .hero-parallax-box .pre-title{
    padding: 0 0 40px 20px;
    font-size: 50px;
    text-align: right;
  }

  .hero-parallax-box .title {
    font-size: 30px;
    padding: 0 15px 24px 0;
  }

  .hero-parallax-box .title br{
    display: none;
  }

  .hero-parallax-box .text{
    font-size: 17px;
  }

}

@media screen and (max-width: 767px) {

  .hero-parallax-box{
    flex-direction: column;
    padding: 20px 0 0 0;
    gap: 27px;
  }

  .hero-parallax-box .col{
    width: 100%;
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-parallax-box .pre-title{
    padding: 20px 0px 10px 0px;
    text-align: left;
    font-size: 40px;
  }

  .hero-parallax-box .col.first,
  .hero-parallax-box .col.last{
    padding: 0px 24px 0 24px;
  }

  .hero-parallax-box .col.first .photo{
    display: none;
  }

  .hero-parallax-box .col.last .title{
    padding: 0 0 24px 0;

  }

  .hero-parallax-box .text {
    font-size: 18px;
  }


  .hero-parallax-box .title br,
  .hero-parallax-box .text br{
    display: none;
  }

  .hero-parallax-box .mob-photo{
    display: block;
    padding: 20px 16px 0 16px;
  }

  .hero-parallax-box .mob-photo img{
    width: 100%;
    display: block;
    border-radius: 16px;
  }




}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.center-mob-content{
  width: 100%;
  max-width: 1090px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 0 auto;
  padding: 200px 0;
}

.bg-black .center-mob-content{
  color: #fff;
  padding: 0px;
}

.center-mob-content .content{
  padding: 80px 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 30px;
  width: 380px;
}

.center-mob-content .pre-title{
  font-family: 'RoobertPRO-Medium';
  color: #36FFC6;
  font-size: 18px;
  font-style: normal;
  padding: 16px 15px;
  line-height: 100%;
  letter-spacing: -0.36px;
  border-radius: 10px;
  border: 1.5px solid #36FFC6;
}


.center-mob-content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -1.2px;
  text-align: left;
  width: 100%;
}

.center-mob-content .text{
  width: 415px;
  padding: 0 0 50px 100px;
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.54px;
  text-align: left;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: start;
}


.center-mob-content .text p{
  margin: 0px;
  padding: 0 0 20px 0;
}

.center-mob-content .text p:last-child{
  padding: 0px;
}

.center-mob-content .mobile{
  width: 297px;
}

.center-mob-content .mobile img{
  display: block;
  width: 100%;
}




@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .center-mob-content{
    max-width: 75.69vw;
    padding: 13.89vw 0;
  }

  .center-mob-content .content{
    padding: 5.56vw 1.39vw 0 0;
    gap: 2.08vw;
    width: 26.39vw;
  }

  .center-mob-content .pre-title{
    font-size: 1.25vw;
    padding: 1.11vw 1.04vw;
    border-radius: 0.69vw;
  }

  .center-mob-content .title{
    font-size: 2.78vw;
  }

  .center-mob-content .text{
    width: 28.82vw;
    padding: 0 0 3.47vw 6.94vw;
    font-size: 1.25vw;
  }

  .center-mob-content .text p{
    padding: 0 0 1.39vw 0;
  }
  .center-mob-content .mobile{
    width: 20.62vw;
  }
}


@media screen and (max-width: 959px) {

  .center-mob-content{
    padding: 100px 0;
  }

  .center-mob-content .title{
    font-size: 28px;
  }

  .center-mob-content .text {
    padding: 0 0 50px 40px;
    font-size: 17px;
  }

  .center-mob-content .title br,
  .center-mob-content .text br{
    display: none;
  }

}

@media screen and (max-width: 767px) {


  .center-mob-content{
    flex-direction: column;
    gap: 20px;
  }

  .center-mob-content .mobile{
    order: 1;
    width: 140px;
    margin: 0 auto;
  }

  .center-mob-content .content{
    order: 2;
    padding: 0px;
    width: 100%;
  }

  .center-mob-content .text{
    order: 3;
    padding: 0px;
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.col-boxes{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
}

.col-boxes .col{
  width: 540px;
  min-height: 760px;
  position: relative;
}

.col-boxes .col.last{
  width: calc(100% - 20px - 540px);
}

.col-boxes.white .col.first{
  background: #fff;
  border-radius: 24px;
}

.col-boxes .col .bg img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  object-fit: cover;
  border-radius: 24px;
}


.col-boxes .col .content{
  position: relative;
  z-index: 2;
  padding: 40px 32px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  text-align: left;
}

.col-boxes .col .content .pre-title{

  padding: 16px 15px;
  border-radius: 10px;
  background: #6200EA;
  font-family: 'RoobertPRO-Medium';
  color: #EBEDF2;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.36px;
}


.col-boxes.white .col.last .content .pre-title{
  background: none;
  border: 1px solid #36FFC6;
  color: #36FFC6;
}

.col-boxes.white .col.last .content .title,
.col-boxes.white .col.last .content .text{
  color: #fff;
}

.col-boxes .col .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.96px;
}

.col-boxes .col .content .text{
  font-size: 17px;
  line-height: 140%;
  letter-spacing: -0.51px;
}



.col-boxes .col .content .text ul,
.col-boxes .col .content .text li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.col-boxes .col .content .text li{
  font-size: 18px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left 10px;
  background-size: 27px auto;
  padding: 10px 0 13px 40px;
  list-style-type: none;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .col-boxes{
    gap: 1.39vw;
    max-width: 91.11vw;
  }

  .col-boxes .col{
    width: 37.5vw;
    min-height: 52.78vw;
  }

  .col-boxes .col.last{
    width: calc(100% - 1.39vw - 37.5vw);
  }

  .col-boxes .col .bg img{
    border-radius: 1.67vw;
  }

  .col-boxes .col .content{
    padding: 2.78vw 2.22vw;
    gap: 1.67vw;
  }

  .col-boxes .col .content .pre-title{
    padding: 1.11vw 1.04vw;
    border-radius: 0.69vw;
    font-size: 1.25vw;
  }

  .col-boxes .col .content .title{
    font-size: 2.22vw;
  }

  .col-boxes .col .content .text{
    font-size: 1.18vw;
  }


  .col-boxes .col .content .text li{
    font-size: 0.94vw;
    background: url("../images/icon-check.svg") no-repeat left 0.52vw;
    background-size: 1.41vw auto;
    padding: 0.52vw 0 0.68vw 2.08vw;
  }
}


@media screen and (max-width: 959px) {

  .col-boxes{
    flex-direction: column;
    width: calc(100% - 100px);
  }

  .col-boxes .col,
  .col-boxes .col.last{
    width: 100%;
    /*min-height: 10px;*/
  }

}

@media screen and (max-width: 767px) {

 .col-boxes{
  width: 100%;
 }

 .col-boxes .col .content {
    padding: 40px 23px 20px 23px;
  }

  .col-boxes .col .content .pre-title {
    padding: 14px 15px;
    font-size: 15px;
  }

  .col-boxes .col .content .title{
    font-size: 28px;
  }

  .col-boxes .col .content .text,
  .col-boxes .col .content .text li,
  .col-boxes .col .content .text p{
    font-size: 15px;
  }

  .col-boxes .col .content .text br{
    display: none;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.content-steps{
    max-width: 1312px;
    margin: 0 auto;
    width: 100%;
    padding: 40px 0 0 0;
}

.content-steps .title{
  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1.68px;
  padding: 0 110px 128px 110px;
  text-align: left;
}

.content-steps .title.ptop{
  padding-top: 128px;
}

.content-steps .items{
  white-space: nowrap;
  font-size: 0px;
}

.content-steps .items .item{
  display: inline-flex;
  vertical-align: top;
  padding: 40px 32px 0 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  border-radius: 24px;
  background: #EBEDF2;
  width: 537px;
  min-height: 759px;
  margin: 0 16px 0 0;
  font-size: 21px;
  white-space: normal;
  overflow: hidden;
}


.page-pro-spots .content-steps .items .item{
  min-height: 680px;
}


.content-steps .items .item .item-content{
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
}

.content-steps .items .item .item-content .item-pre-title{
  padding: 16px 15px;
  border-radius: 10px;
  background: #6200EA;
  font-family: 'RoobertPRO-Medium';
  color: #FFF;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.36px;
}

.content-steps .items .item .item-content .item-title{
  font-family: 'RoobertPRO-Bold';
  font-size: 21px;
  line-height: 130%; 
  letter-spacing: -0.63px;
}

.page-pro-spots .content-steps .items .item .item-content .item-title{
  color: #6200EA;
}

.content-steps .items .item .item-content .item-title img{
  display: inline-block;
  vertical-align: middle;
}

.content-steps .items .item .item-bg img{
  display: block;
  width: 100%;
}

.content-steps .slick-list{
  overflow: visible;
}


.content-steps .slick-prev, 
.content-steps .slick-next{
  width: 40px;
  height: 40px;
  background: url("../images/icon-new-prev-black.svg") no-repeat center center;
  background-size: contain;
}

.content-steps .slick-prev{
  left: 20px;
}

.content-steps .slick-next{
  background-image: url("../images/icon-new-next-black.svg");
  right: 20px;
}

.content-steps .slick-prev.slick-disabled, 
.content-steps .slick-next.slick-disabled {
    display: block !important;
    opacity: 0.2;
    cursor: default;
}


.bg-purple-dark .content-steps .slick-prev{
  background-image: url("../images/icon-new-prev-purple.svg");
}

.bg-purple-dark .content-steps .slick-next{
  background-image: url("../images/icon-new-next-purple.svg");
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .content-steps{
      max-width: 91.11vw;
      padding: 2.78vw 0 0 0;
  }

  .content-steps .title{
    font-size: 3.89vw;
    padding: 0 7.64vw 11.11vw 7.64vw;
  }


  .content-steps .items .item{
    padding: 2.78vw 2.22vw 0 2.22vw;

    border-radius: 1.67vw;
    width: 37.29vw;
    min-height: 52.71vw;
    margin: 0 1.11vw 0 0;
    font-size: 1.46vw;
  }

  .page-pro-spots .content-steps .items .item{
    min-height: 47.22vw;
  }


  .content-steps .items .item .item-content{
    gap: 1.67vw;
  }

  .content-steps .items .item .item-content .item-pre-title{
    padding: 1.11vw 1.04vw;
    border-radius: 0.69vw;
    font-size: 1.25vw;
  }

  .content-steps .items .item .item-content .item-title{
    font-size: 1.46vw;
  }

  .content-steps .slick-prev, 
  .content-steps .slick-next{
    width: 2.78vw;
    height: 2.78vw;
  }

  .content-steps .slick-prev{
    left: 1.39vw;
  }

  .content-steps .slick-next{
    right: 1.39vw;
  }
}


@media screen and (max-width: 959px) {

  .content-steps .title {
    font-size: 43px;
    padding: 0 20px 64px 20px;
  }

  .content-steps .title.ptop{
    padding-top: 64px;
  }

  .content-steps .items .item .item-bg img{
    height: 45vw;
    object-fit: cover;
    object-position: center bottom;
  }

  .content-steps .items .item,
  .page-pro-spots .content-steps .items .item{
    min-height: 670px;
  }

  .content-steps .title br{
    display: none;
  }

  

}

@media screen and (max-width: 767px) {

  .content-steps{
    padding: 0px;
  }

  .content-steps .title{
    font-size: 30px;
    padding: 0 0 20px 0;
  }

  .content-steps .title.ptop{
    padding-top: 20px;
  }

  .content-steps .items .item,
  .page-pro-spots .content-steps .items .item{
    width: 80vw;
    gap: 20px;
    height: auto;
    min-height: 500px;
    padding: 35px 24px 0 24px;
  }

  .content-steps .items .item .item-content .item-pre-title {
    padding: 12px 15px;
    font-size: 16px;
  }

  .content-steps .items .item .item-content{
    gap: 18px;
  }

  .content-steps .items .item .item-content .item-title{
    font-size: 19px;
  }



}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.popup-content{
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  
  padding: 100px 80px;
}

.popup-content > .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 72px;
  line-height: 100%;
  letter-spacing: -2.16px;
  text-align: left;
  padding: 0 0 20px 0;
}


.popup-content .row{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.popup-content .row .content{
  width: calc(50% - 10px);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 36px;
}


.popup-content .row .content .text{
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.popup-content .row .content .more{
  display: block;
  font-size: 24px;
  font-family: 'RoobertPRO-Bold';
  line-height: 110%;
  letter-spacing: -0.72px;
  text-decoration: none;
}

.popup-content .row .content .more::after{
  content: "";
  background: url("../images/icon-pop-content-more.svg") no-repeat center center;
  background-size: contain;
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 16px;
}

.popup-content .row .photo{
  width: calc(50% - 10px);
  text-align: center;
}

.popup-content .row .photo img{
  width: 316px;
  margin: 0 auto;
  display: block;
}


.popup-content .pop{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;

  border-radius: 24px;
  background: rgba(235, 237, 242, 0.90);
  backdrop-filter: blur(10px);

  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: left;

  visibility: hidden;
  opacity: 0;
  transform: translate(0, 100%);
  transition: opacity 700ms;
}


.popup-content.active .pop{
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0%);
}



.popup-content .pop .top-title{
  font-size: 21px;
  line-height: 130%;
  color: #6200EA;
  letter-spacing: -0.63px;
  font-family: 'RoobertPRO-Bold';
  position: absolute;
  left: 0px;
  top:0px;
  padding: 40px 32px;
}

.popup-content .pop .content{
  width: 660px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 34px;
  color: #131313;
}

.popup-content .pop .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 21px;
  line-height: 130%; 
  letter-spacing: -0.63px;
}

.popup-content .pop .content .text{
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}



.popup-content .pop .close{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.32px;
  line-height: 48px;
  padding: 0 60px 0 0;
  text-decoration: none;
  z-index: 11;
  transition: color 300ms;
}



.popup-content .pop .close::before{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 48px;
  height: 48px;
  background: url("../images/icon-stripe-popup-less.svg") no-repeat center center;
  background-size: contain;
  transition: all 300ms;
}






@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .popup-content{
    max-width: 98.61vw;
    padding: 6.94vw 5.56vw;
  }

  .popup-content > .title{
    font-size: 5.0vw;
    padding: 0 0 1.39vw 0;
  }

  .popup-content .row{
    gap: 1.39vw;
  }

  .popup-content .row .content{
    width: calc(50% - 0.69vw);
    gap: 2.5vw;
  }

  .popup-content .row .content .text{
    font-size: 1.25vw;
  }

  .popup-content .row .content .more{
    font-size: 1.67vw;
  }

  .popup-content .row .content .more::after{
    width: 3.33vw;
    height: 3.33vw;
    margin: 0 0 0 1.11vw;
  }

  .popup-content .row .photo{
    width: calc(50% - 0.69vw);
  }

  .popup-content .row .photo img{
    width: 21.94vw;
  }

  .popup-content .pop{
    border-radius: 1.67vw;
  }

  .popup-content .pop .top-title{
    font-size: 1.46vw;
    padding: 2.78vw 2.22vw;
  }

  .popup-content .pop .content{
    width: 45.83vw;
    gap: 2.36vw;
  }

  .popup-content .pop .content .title{
    font-size: 1.46vw;
  }

  .popup-content .pop .content .text{
    font-size: 1.25vw;
  }

  .popup-content .pop .close{
    bottom: 2.08vw;
    font-size: 1.11vw;
    line-height: 3.33vw;
    padding: 0 4.17vw 0 0;
  }

  .popup-content .pop .close::before{
    width: 3.33vw;
    height: 3.33vw;
  }
}


@media screen and (max-width: 959px) {

  .popup-content{
    padding: 100px 10px;
  }

  .popup-content > .title{
    font-size: 42px;
  }


  .popup-content .row .photo img{
    width: 240px;
  }

  .popup-content .pop .content .title{
    font-size: 20px;
  }

  .popup-content .pop .content .text{
    font-size: 17px;
  }

}

@media screen and (max-width: 767px) {

  .popup-content{
    padding: 32px 0;
  }

  .popup-content > .title{
    font-size: 28px;
  }

  .popup-content .row{
    flex-direction: column;
  }

  .popup-content .row .content{
    width: 100%;
  }

  .popup-content .row .content .more{
    font-size: 20px;
  }

  .popup-content .pop .content{
    width: 100%;
    padding: 0 20px;
  }

  .popup-content .row .photo{
    width: 140px;
  }

  .popup-content .row .photo img{
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.single-center-content{
  padding: 30px 0 120px 0;
}

.single-center-content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
  padding: 0 0 54px 0;
}

.single-center-content .title span{
  color: #6200EA;
}

.single-center-content .row{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 64px;
}

.single-center-content .row .photo{
  width: 428px;
}

.single-center-content .row .photo img{
  display: block;
  width: 100%;
  border-radius: 24px;
}

.single-center-content .row .content{
  width: 534px;
  text-align: left;
}

.single-center-content .row .content .text{

  font-size: 18px;
  font-family: 'RoobertPRO-Bold';
  line-height: 140%;
  letter-spacing: -0.54px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .single-center-content{
    padding: 2.08vw 0 8.33vw 0;
  }

  .single-center-content .title{
    font-size: 3.89vw;
    padding: 0 0 3.75vw 0;
  }

  .single-center-content .row{
    gap: 4.44vw;
  }

  .single-center-content .row .photo{
    width: 29.72vw;
  }

  .single-center-content .row .photo img{
    border-radius: 1.67vw;
  }

  .single-center-content .row .content{
    width: 37.08vw;
  }

  .single-center-content .row .content .text{
    font-size: 1.25vw;
  }

}


@media screen and (max-width: 959px) {

  .single-center-content{
    padding: 0 0 80px 0;
  }

  .single-center-content .title{
    font-size: 40px;
  }

}

@media screen and (max-width: 767px) {


  .single-center-content .title{
    font-size: 30px;
  }

  .single-center-content .row{
    flex-direction: column;
  }

  .single-center-content .row .photo{
    width: 100%;
  }

  .single-center-content .row .content{
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.payboxes{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
}


.payboxes .col{
  width: 760px;
  min-height: 760px;
  position: relative;
   border-radius: 24px;
   padding: 40px 30px;
}

.payboxes .col.last{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.payboxes .col.last{
  width: calc(100% - 20px - 760px);
  background: #fff;
}

.payboxes.black .col.last{
  background: #000;
}

.payboxes .col .bg img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  object-fit: cover;
  border-radius: 24px;
}

.payboxes .col.first{
  background: #6200EA;
}


.payboxes .col .content{
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  text-align: left;
}

.payboxes .col.last .content{
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 54px;
  text-align: left;
}

.payboxes .col .content .pre-title{

  padding: 12px 15px;
  border-radius: 10px;
  
  border-radius: 10px;
  border: 1.5px solid #fff;

  font-family: 'RoobertPRO-Medium';
  color: #fff;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.36px;
}

.payboxes .col .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.96px;
  color: #fff;
}


.payboxes .col .content .text{
  color: #131313;
  font-family: 'RoobertPRO-Bold';
  font-size: 45px;
  line-height: 110%;
  letter-spacing: -1.44px;
}

.payboxes.black .col .content .text{
  color: #fff;
}

.payboxes .col .links{
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 10px;
}


.payboxes .col .list ul,
.payboxes .col .list li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.payboxes .col .list li{
  font-size: 18px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left 10px;
  background-size: 27px auto;
  padding: 10px 0 13px 40px;
  list-style-type: none;
  color: #fff;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .payboxes{
    gap: 1.39vw;
    max-width: 91.11vw;
  }


  .payboxes .col{
    width: 52.78vw;
    min-height: 52.78vw;
     border-radius: 1.67vw;
     padding: 2.78vw 2.08vw;
  }


  .payboxes .col.last{
    width: calc(100% - 1.39vw - 52.78vw);
  }

  .payboxes .col .bg img{
    border-radius: 1.67vw;
  }


  .payboxes .col .content{
    gap: 1.67vw;
  }

  .payboxes .col.last .content{
    gap: 3.75vw;
  }

  .payboxes .col .content .pre-title{
    padding: 0.83vw 1.04vw;
    border-radius: 0.69vw;
    font-size: 1.25vw;
  }

  .payboxes .col .content .title{
    font-size: 1.67vw;
  }

  .payboxes .col .content .text{
    font-size: 3.12vw
  }


  .payboxes .col .list li{
    font-size: 1.25vw;
    background: url("../images/icon-check.svg") no-repeat left 0.69vw;
    background-size: 1.88vw auto;
    padding: 0.69vw 0 0.9vw 2.78vw;
  }


}


@media screen and (max-width: 959px) {


  .payboxes{
    flex-direction: column;
    width: calc(100% - 100px);
    width: 100%;
  }

  .payboxes .col,
  .payboxes .col.last{
    width: 100%;
  }


  .payboxes .col .content .text {
    font-size: 32px;
  }

}

@media screen and (max-width: 767px) {

  .payboxes .col .content .title br{
    display: none;
  }

  .payboxes .col .content .title{
    font-size: 22px;
  }

  .payboxes .col .list li{
    font-size: 15px;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.how-to-videos{
  text-align: center;
  width: 100%;
}

.how-to-videos .items{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.how-to-videos .item{
  display: block;
  position: relative;
  width: 316px;
}

.page-pro-spots .how-to-videos .item{
  width: 427px;
}

.how-to-videos .item img{
  display: block;
  width: 100%;
}


.apple-pay-symbols{
  color: #fff;
  text-align: center;
  width: 100%;
}

.apple-pay-symbols .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
  padding: 0 0 54px 0;
}

.apple-pay-symbols img{
  display: block;
  width: 216px;
  margin: 0 auto;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .how-to-videos .items{
    gap: 1.11vw;
  }

  .how-to-videos .item{
    width: 21.94vw;
  }

  .page-pro-spots .how-to-videos .item{
    width: 29.65vw;
  }

  .apple-pay-symbols .title{
    font-size: 3.89vw;
    padding: 0 0 3.75vw 0;
  }

  .apple-pay-symbols img{
    width: 15.0vw;
  }
}



@media screen and (max-width: 959px) {


  .apple-pay-symbols .title{
    font-size: 40px;
  }

}


@media screen and (max-width: 767px) {

  .how-to-videos{
    overflow: auto;
    margin: 0 -15px 0 0;
    width: calc(100% + 15px);
    ms-overflow-style: none;
    scrollbar-width: none; 
  }

  .how-to-videos::-webkit-scrollbar {
    display: none;
  }

  .how-to-videos .items{
    width: 670px;
    
  }

  .how-to-videos .item{
    width: 200px;
  }

  .apple-pay-symbols .title{
    font-size: 30px;
  }

  .apple-pay-symbols .title br{
    display: none;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.single-stripe{
  padding: 120px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}

.single-stripe .content{
  text-align: left;
  width: 593px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 40px;
}

.single-stripe .content .pre-title{
  padding: 13px 15px;
  border-radius: 10px;
  background: #6200EA;
  color:  #FFF;
  font-family: 'RoobertPRO-Medium';
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.36px;
}

.single-stripe .content .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -1.2px;
}

.single-stripe .content .text{
  
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}


.single-stripe .content .text ul,
.single-stripe .content .text li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.single-stripe .content .text li{
  font-size: 18px;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  background: url("../images/icon-check.svg") no-repeat left 10px;
  background-size: 27px auto;
  padding: 10px 0 13px 40px;
  list-style-type: none;
}

.single-stripe .photo{
  width: 428px;
}

.single-stripe .photo img{
  display: block;
  width: 100%;
  border-radius: 24px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .single-stripe{
    padding: 8.33vw 0;
    gap: 4.86vw;
  }

  .single-stripe .content{
    width: 41.18vw;
    gap: 2.78vw;
  }

  .single-stripe .content .pre-title{
    padding: 0.9vw 1.04vw;
    border-radius: 0.69vw;
    font-size: 1.25vw;
  }

  .single-stripe .content .title{
    font-size: 2.78vw;
  }

  .single-stripe .content .text{
    font-size: 1.25vw;
  }



  .single-stripe .content .text li{
    font-size: 1.25vw;
    background: url("../images/icon-check.svg") no-repeat left 0.69vw;
    background-size: 1.88vw auto;
    padding: 0.69vw 0 0.9vw 2.78vw;
  }

  .single-stripe .photo{
    width: 29.72vw;
  }

  .single-stripe .photo img{
    border-radius: 1.67vw;
  }

}



@media screen and (max-width: 959px) {


}


@media screen and (max-width: 767px) {

  .single-stripe{
    flex-direction: column;
    padding: 35px 0;
  }

  .single-stripe .content{
    width: 100%;
  }

  .single-stripe .content .title{
    font-size: 30px;
  }

  .single-stripe .content .text,
  .single-stripe .content .text p,
  .single-stripe .content .text li{
    font-size: 16px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.center-steps{
  padding: 20px 0 0 0;
}

.center-steps .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
  padding: 0 0 40px 0;
}

.center-steps .title span{
  color: #6200EA;
}


.center-steps .text{
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.51px;
  padding: 0 0 55px 0;
}


.center-steps .items{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
}

.center-steps .items .item{
  width: 426px;
  border-radius: 24px;
  background: #EBEDF2;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  align-items: start;
}

.center-steps .items .item .item-content{
  padding: 40px 32px 0 32px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
}

.center-steps .items .item .item-content .item-step{
  padding: 13px 15px;
  border-radius: 10px;
  background: #6200EA;
  color: #FFF;
  font-size: 18px;
  font-family: 'RoobertPRO-Medium';
  line-height: 100%;
  letter-spacing: -0.36px;
}

.center-steps .items .item .item-content .item-title{
  font-family: 'RoobertPRO-Bold';
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.63px;
}

.center-steps .items .item .item-content .item-text{
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.51px;

}

.center-steps .items .item .item-content .item-text a{
  font-family: 'RoobertPRO-Bold';
}


.center-steps .items .item .item-photo img{
  display: block;
  width: 100%;
  border-radius: 0 0 24px 24px  ;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .center-steps{
    padding: 1.39vw 0 0 0;
  }

  .center-steps .title{
    font-size: 3.89vw;
    padding: 0 0 2.78vw 0;
  }

  .center-steps .text{
    font-size: 1.18vw;
    padding: 0 0 3.82vw 0;
  }


  .center-steps .items{
    gap: 1.11vw;
  }

  .center-steps .items .item{
    width: 29.58vw;
    border-radius: 1.67vw;
    gap: 1.39vw;
  }

  .center-steps .items .item .item-content{
    padding: 2.78vw 2.22vw 0 2.22vw;
    gap: 1.67vw;
  }

  .center-steps .items .item .item-content .item-step{
    padding: 0.9vw 1.04vw;
    border-radius: 0.69vw;
    font-size: 1.25vw;
  }

  .center-steps .items .item .item-content .item-title{
    font-size: 1.46vw;
  }

  .center-steps .items .item .item-content .item-text{
    font-size: 1.18vw;

  }


  .center-steps .items .item .item-photo img{
    border-radius: 0 0 1.67vw 1.67vw  ;
  }

}



@media screen and (max-width: 959px) {


  .center-steps{
    padding-top: 0px;
  }
  .center-steps .title{
    font-size: 40px;
  }

  .center-steps .items .item .item-content {
    padding: 30px 18px 0 18px;
    gap: 24px;
  }

  .center-steps .items .item .item-content .item-title{
    font-size: 18px;
  }

  .center-steps .items .item .item-content .item-text{
    font-size: 15px;
  }

}


@media screen and (max-width: 767px) {

  .center-steps .title{
    font-size: 30px;
  }

  .center-steps .title br{
    display: none;
  }

  .center-steps .items{
    flex-direction: column;
  }

  .center-steps .items .item{
    width: 100%;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */







.offer-steps {
    max-width: 1090px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
}

.offer-steps .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
  width: 400px;
}



.offer-steps .items{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  gap: 8px;
  width: 650px;
}

.offer-steps .items .item{
    border-radius: 8px;
    background: #EBEDF2;
    padding: 24px;
    text-align: left;
    display: flex;
    justify-content: flex-start;  
    gap: 16px;
    align-items: center;
    width: 100%;

}


.offer-steps .items .item .item-num{
  width: 32px;
  height: 32px;
  text-align: center;
  border: 1px solid #6200EA;
  border-radius: 50%;
  color: #6200EA;
  font-size: 16px;
  line-height: 30px;
}

.offer-steps .items .item .item-title{
  font-size: 18px;
  line-height: 130%; 
  letter-spacing: -0.36px;
  width: calc(100% - 48px);
}

.offer-steps .items .item .item-title a{
  font-family: 'RoobertPRO-Bold';
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .offer-steps {
      max-width: 75.69vw;
      gap: 2.78vw;
  }

  .offer-steps .title{
    font-size: 3.89vw;
    width: 27.78vw;
  }



  .offer-steps .items{
    gap: 0.56vw;
    width: 45.14vw;
  }

  .offer-steps .items .item{
      border-radius: 0.56vw;
      padding: 1.67vw;
      gap: 1.11vw;

  }


  .offer-steps .items .item .item-num{
    width: 2.22vw;
    height: 2.22vw;
    font-size: 1.11vw;
    line-height: 2.08vw;
  }

  .offer-steps .items .item .item-title{
    font-size: 1.25vw;
    width: calc(100% - 3.33vw);
  }


}



@media screen and (max-width: 959px) {


  .offer-steps{
    flex-direction: column;
    padding: 35px 0 0 0;
  }

  .offer-steps .title{
    width: 100%;
    font-size: 35px;
  }

  .offer-steps .title br{
    display: none;
  }

  .offer-steps .items{
    width: 100%;
  }

}


@media screen and (max-width: 767px) {

  .offer-steps .title{
    font-size: 32px;
  }


  .offer-steps .items .item{
    padding: 14px;
  }

  .offer-steps .items .item .item-title{
    width: calc(100% - 40px);
    font-size: 15px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.cashback-prosfora{
  padding: 110px 0 0 0;
  max-width: 1440px;
  margin: 0 auto;
}

.cashback-prosfora .top{
  max-width: 1090px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  margin: 0 auto;
  padding: 0 0 120px 0;
}

.cashback-prosfora .top .col{
  width: calc(50% - 10px);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 32px;
}


.cashback-prosfora .top .col.last{
  justify-content: flex-start;
}

.cashback-prosfora .top .offer-logo img{
  height: 40px;
  height: 57px;
}

.cashback-prosfora .top .offer-logo.wide img{
  height: auto;
  width: 345px;
}

.cashback-prosfora .top .offer-logo.min img{
  height: 40px;
}


.cashback-prosfora .top .col .date{
    color: #6200EA;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
}

.cashback-prosfora .top .col .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1.2px;
  margin: 0px;
  padding: 0px;
}

.cashback-prosfora .top .col .text,
.cashback-prosfora .top .col .text h2{
  font-size: 17px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.cashback-prosfora .top .col .text h2{
  padding: 0 0 20px 0;
}

.cashback-prosfora .top .col .text a{
  /*font-family: 'RoobertPRO-Bold';*/
}

.cashback-prosfora .top .col .text ul,
.cashback-prosfora .top .col .text li{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.cashback-prosfora .top .col .text li{
  padding: 0 0 0 25px;
  position: relative;
}

.cashback-prosfora .top .col .text li::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
}

.cashback-prosfora .top .share-text{
  font-size: 0px;
}

.cashback-prosfora .top .share-text a{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  font-size: 0px;
  background: url("../images/icon-cashback-share-fb.svg") no-repeat center center;
  background-size: contain;
  margin: 0 16px 0 0;
}

.cashback-prosfora .top .share-text a.share-tw{
  background-image: url("../images/icon-cashback-share-tw.svg");
}

.cashback-prosfora .top .share-text a.share-eml{
  background-image: url("../images/icon-cashback-share-eml.svg");
  margin: 0px;
}



.cashback-prosfora .offer-photo{
  max-width: 1090px;
  margin: 0 auto;
  transition: all 1200ms;
}

.cashback-prosfora .offer-photo.active{
  max-width: 100%;
}

.cashback-prosfora .offer-photo img{
  border-radius: 24px;
  display: block;
  width: 100%;
}

.cashback-prosfora .offer-photo.active img{
  border-radius: 0px;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .cashback-prosfora{
    padding: 7.64vw 0 0 0;
    max-width: 100.0vw;
  }

  .cashback-prosfora .top{
    max-width: 75.69vw;
    gap: 1.39vw;
    padding: 0 0 8.33vw 0;
  }

  .cashback-prosfora .top .col{
    width: calc(50% - 0.69vw);
    gap: 2.22vw;
  }


  .cashback-prosfora .top .offer-logo img{
    height: 3.9vw;
  }

  .cashback-prosfora .top .offer-logo.wide img{
    height: auto;
    width: 23.96vw;
  }

   .cashback-prosfora .top .offer-logo.min img{
    height: 2.78vw;
  }

  .cashback-prosfora .top .col .date{
      font-size: 1.11vw;
  }

  .cashback-prosfora .top .col .title{
    font-size: 2.78vw;
  }

  .cashback-prosfora .top .col .text,
  .cashback-prosfora .top .col .text h2{
    font-size: 1.25vw;
  }

  .cashback-prosfora .top .share-text a{
    width: 1.67vw;
    height: 1.67vw;
    margin: 0 1.11vw 0 0;
  }

  .cashback-prosfora .offer-photo{
    max-width: 75.69vw;
  }

  .cashback-prosfora .offer-photo img{
    border-radius: 1.67vw;
  }

}



@media screen and (max-width: 959px) {


  .cashback-prosfora .top{
    flex-direction: column-reverse;
    position: relative;
    padding-bottom: 45px;
  }

  .cashback-prosfora .top .col.last{
    width: 100%;
  }

  .cashback-prosfora .top .offer-logo{
    position: absolute;
    left: 0px;
    top: 45px;
  }

  .cashback-prosfora .top .offer-logo img{
    max-height: 40px;
    object-fit: contain;
  }

  .cashback-prosfora{
    padding: 60px 0 0 0;
  }

  .cashback-prosfora .top .col .title{
    padding-top: 70px;
  }


  .page-synergy-inner .spacer-120{
    display: none;
  }


}


@media screen and (max-width: 767px) {

  .cashback-prosfora .top .col .title{
    font-size: 34px;
  }

  .page-cashback-prosfores-euroleague-final-four-2025 .cashback-prosfora .top .col .title{
    font-size: 31px;
  }

  .cashback-prosfora .top .col .title br{
    display: none;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.previous-offers{
  padding: 100px 0;
}

.previous-offers .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1.68px;
  padding: 0 0 120px 0;
}

.previous-offers .title span{
  color: #6200EA;
}


.previous-offers .items{
  width: 100%;
  max-width: 1313px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 64px 32px;
  padding: 0 0 50px 0;
}


.previous-offers .items .item{
  width: calc(411px - 22px);
  text-align: left;
}


.previous-offers .items .item .item-photo{
  position: relative;
}

.previous-offers .items .item .item-photo > img{
  display: block;
  width: 100%;
  border-radius: 16px;
  height: 200px;
  object-fit: cover;
}

.previous-offers .items .item .item-logo{
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 160px;
  padding: 0px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.previous-offers .items .item .item-logo img{
  display: block;
  width: 100%;
  border-radius: 8px;
}

.previous-offers .items .item .item-logo.gen-min {
    padding: 18px 10px;
    width: 280px;
}

.previous-offers .items .item .item-logo.gen-min2 {
    padding: 14px 7px;
    width: 213px;
}

.previous-offers .items .item .item-logo.p2{
  padding: 5px 15px;
  width: 150px;
}

.previous-offers .items .item .item-content{
  padding: 32px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 16px;
}

.previous-offers .items .item .item-content .item-date{
  color: #6200EA;
  font-size: 16px;
  line-height: 100%;
}

.previous-offers .items .item .item-content .item-title{
  font-size: 21px;
  font-family: 'RoobertPRO-Bold';
  line-height: 120%;
  letter-spacing: -0.63px;
  margin: 0px;
  padding: 0px;
}






@media screen and (min-width: 960px) and (max-width: 1439px)  {


    
  .previous-offers{
    padding: 6.94vw 0;
  }

  .previous-offers .title{
    font-size: 3.89vw;
    padding: 0 0 8.33vw 0;
  }

  .previous-offers .items{
    max-width: 91.18vw;
    gap: 4.44vw 2.22vw;
    padding: 0 0 3.47vw 0;
  }


  .previous-offers .items .item{
    width: calc(28.54vw - 1.53vw);
  }


  .previous-offers .items .item .item-photo > img{
    border-radius: 1.11vw;
    height: 13.89vw;
  }

  .previous-offers .items .item .item-logo{
    right: 0.49vw;
    bottom: 0.49vw;
    width: 11.11vw;
    padding: 0.35vw 0.69vw;
    border-radius: 0.56vw;
  }

  .previous-offers .items .item .item-logo.p2{
    padding: 0.35vw 1.05vw;
    width: 10.42vw;
  }

  .previous-offers .items .item .item-logo img{
    border-radius: 0.56vw;
  }

  .previous-offers .items .item .item-logo.gen-min{
    padding: 1.25vw 0.70vw;
    width: 19.45vw;
  }

  .previous-offers .items .item .item-logo.gen-min2{
    padding: 0.98vw 0.49vw;
    width: 14.80vw;
  }

  .previous-offers .items .item .item-content{
    padding: 2.22vw 0 0 0;
    gap: 1.11vw;
  }

  .previous-offers .items .item .item-content .item-date{
    font-size: 1.11vw;
  }

  .previous-offers .items .item .item-content .item-title{
    font-size: 1.46vw;
  }

}



@media screen and (max-width: 959px) {


  .previous-offers{
    padding: 50px 0 100px 0;
  }

  .previous-offers .title {
    font-size: 45px;
    padding: 0 0 60px 0;
  }

  .previous-offers .items {
    gap: 46px 24px;
    padding: 0 0 50px 0;
  }

  .previous-offers .items .item {
    width: calc(50% - 16px);
    text-align: left;
  }

  .previous-offers .items .item .item-logo{
    width: 100px;
  }

  .previous-offers .items .item .item-photo img{
    border-radius: 12px;
  }

}


@media screen and (max-width: 767px) {

  .previous-offers .items .item{
    width: 100%;
  }

  .previous-offers .title {
    font-size: 35px;
    padding: 0 0 40px 0;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */




.new-offers-list{
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
}

.new-offers-list .items{
  font-size: 0px;
  white-space: nowrap;

}

.new-offers-list .items .item{
  display: inline-flex;
  vertical-align: top;
  width: 777px;
  height: 328px;
  height: 360px;
  border-radius: 24px;
  background:  #FFF;
  padding: 24px 32px;
  gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px 0 0;
  white-space: normal;
  font-size: 16px;
}

.new-offers-list .items .item .item-content{
  width: calc(65% - 16px);
  display: flex;
  justify-content: flex-start;
  align-items: start;
  flex-direction: column;
  gap: 24px;
  text-align: left;
}

.new-offers-list .items .item .item-logo{
  width: calc(35% - 16px);
}

.new-offers-list .items .item .item-logo.max{
  width: 60%;
}

.new-offers-list .items .item .item-logo img{
  max-width: 100%;
  width: 245px;
  width: 190px;
  max-height: 120px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.new-offers-list .items .item .item-logo img.m1{
  width: auto;
  max-height: 162px;
}

.new-offers-list .items .item .item-logo img.m2{
  width: 335px;
  height: 121px;
}

.new-offers-list .items .item .item-logo img.m3{
  width: 247px;
  height: 210px;
  max-height: 210px;
}

.new-offers-list .items .item .item-title{
  color: #131313;
  font-size: 32px;
  font-style: normal;
  font-family: 'RoobertPRO-Bold';
  line-height: 110%;
  letter-spacing: -0.96px;
}

.new-offers-list .items .item .item-text{
  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.new-offers-list .items .item .item-content a{
  text-decoration: none;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  text-decoration: underline;
}

.new-offers-list .slick-list{
  overflow: visible;
}



.new-offers-list .slick-prev, 
.new-offers-list .slick-next{
  width: 40px;
  height: 40px;
  background: url("../images/icon-new-prev-purple.svg") no-repeat center center;
  background-size: contain;
}

.new-offers-list .slick-prev{
  left: -20px;
}

.new-offers-list .slick-next{
  background-image: url("../images/icon-new-next-purple.svg");
  right: -20px;
}

.new-offers-list .slick-prev.slick-disabled, 
.new-offers-list .slick-next.slick-disabled {
    display: block !important;
    opacity: 0.2;
    cursor: default;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .new-offers-list{
    max-width: 68.33vw;
  }


  .new-offers-list .items .item{
    width: 40.47vw;
    height: 17.08vw;
    height: 25.0vw;
    border-radius: 1.25vw;
    padding: 1.25vw 1.67vw;
    gap: 1.67vw;
    margin: 0 0.83vw 0 0;
    font-size: 0.83vw;
  }

  .new-offers-list .items .item .item-content{
    width: calc(50% - 0.83vw);
    gap: 1.67vw;
  }

  .new-offers-list .items .item .item-logo{
    width: calc(50% - 0.83vw);
  }

  .new-offers-list .items .item .item-logo img{
    width: 12.76vw;
    width: 13.19vw;
    max-height: 8.33vw;
  }

  .new-offers-list .items .item .item-logo img.m1{
    width: auto;
    max-height: 11.25vw;
  }

  .new-offers-list .items .item .item-title{
    font-size: 1.67vw;
  }

  .new-offers-list .items .item .item-text{
    font-size: 0.94vw;
  }

  .new-offers-list .items .item .item-content a{
    font-size: 0.83vw;
  }


  .new-offers-list .slick-prev, 
  .new-offers-list .slick-next{
    width: 2.78vw;
    height: 2.78vw;
  }

  .new-offers-list .slick-prev{
    left: -1.39vw;
  }

  .new-offers-list .slick-next{
    background-image: url("../images/icon-new-next-black.svg");
    right: -1.39vw;
  }


}



@media screen and (max-width: 959px) {


  .new-offers-list .items .item{
    width: 600px;
  }

  .new-offers-list .items .item .item-title{
    font-size: 30px;
  }

  .new-offers-list .items .item .item-text{
    font-size: 16px;
  }

  .new-offers-list .items .item .item-logo img{
    width: 200px;
  }


}


@media screen and (max-width: 767px) {

  .new-offers-list .items .item{
    width: 80vw;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: start;
    gap: 12px;
    height: 450px;
  }

  .new-offers-list .items .item .item-content{
    width: 100%;
    gap: 12px;
  }

  .new-offers-list .items .item .item-photo{
    width: 100%;
  }

  .new-offers-list .items .item .item-title {
    font-size: 26px;
  }

  .new-offers-list .items .item .item-logo{
    width: 100%;
  }

  .new-offers-list .items .item .item-logo img {
    width: 157px;
    height: 75px;
    object-fit: contain;
  }

  .new-offers-list .items .item .item-logo img.m3 {
    width: 100%;
    height: auto;
    max-height: 3210px;
}

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.stripe-title-text{
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
}

.stripe-title-text .row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
}

.stripe-title-text .row .col{
  width: calc(48% - 20px);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
}

.stripe-title-text .row .col.last{
  width: calc(52% - 20px);
}

.stripe-title-text .row .col .title{
  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1.2px;
}

.stripe-title-text .row .col .text{
  color: #FFF;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.54px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .stripe-title-text{
    max-width: 75.69vw;
  }

  .stripe-title-text .row{
    gap: 1.39vw;
  }

  .stripe-title-text .row .col{
    width: calc(48% - 20px);
    gap: 1.67vw;
  }

  .stripe-title-text .row .col.last{
    width: calc(52% - 1.39vw);
  }

  .stripe-title-text .row .col .title{
    font-size: 2.78vw;
  }

  .stripe-title-text .row .col .text{
    font-size: 1.25vw;
  }

}



@media screen and (max-width: 959px) {


}


@media screen and (max-width: 767px) {

  .stripe-title-text .row{
    flex-direction: column;
  }

  .stripe-title-text .row .col,
  .stripe-title-text .row .col.last{
    width: 100%;
  }

  .stripe-title-text .row .col .title{
    font-size: 34px;
  }

  .stripe-title-text .row .col .text{
    font-size: 15px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.cashback-offers{
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
}

.cashback-offers .items{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}

.cashback-offers .items.min{
  max-width: 980px;
  margin: 0 auto;
}


.cashback-offers .items .item{
  
  flex: 1;
  transition: all 500ms;
}

.cashback-offers .items .item.active{
  width: 537px;
  flex: 2;
}

.cashback-offers .items .item .item-photo{
  position: relative;
}

.cashback-offers .items .item .item-photo::after{
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 80px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  opacity: 0.7;
  z-index: 1;
}

.cashback-offers .items .item .item-photo img{
  height: 496px;
  border-radius: 24px;
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: left top;
}

.cashback-offers .items .item .item-photo .item-type{
  position: absolute;
  padding: 12px 15px;
  border-radius: 0px 16px;
  background: #E7FDF7;
  bottom: 18px;
  left: 20px;
  font-family: 'RoobertPRO-Medium';
  color: #6200EA;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.28px;
  transition: all 500ms;
  z-index: 2;
}

.cashback-offers .items .item.active .item-photo .item-type{
  bottom: 50px;
}

.cashback-offers .items .item .item-photo .item-timeline{
  position: absolute;
  bottom: 25px;
  left: 20px;
  width: calc(100% - 40px);
  background: rgba(217, 217, 217, 0.4);
  height: 2px;
  border-radius: 2px;
  opacity: 0;
  transition: all 500ms;
  z-index: 4;
}

.cashback-offers .items .item.active .item-photo .item-timeline{
  opacity: 1;
}

.cashback-offers .items.single .item .item-photo .item-timeline{
  display: none;
}

.cashback-offers .items .item .item-photo .item-timeline span{
  position: absolute;
  left: 0pc;
  top: 0px;
  height: 100%;
  width: 0%;
  background: #D9D9D9;
  border-radius: 2px;
}


.cashback-offers .items .item .item-content{
  color: #fff;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 24px;
  padding: 24px 0 0 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 100ms;
  max-height: 0px;
  overflow: hidden;
}

.cashback-offers .items .item.active .item-content{
  visibility: visible;
  opacity: 1;
  max-height: 1000px;
  transition: opacity 500ms;
  transition-delay: 0.5s;
}

.cashback-offers .items .item .item-content .item-title{
  font-size: 27px;
  font-family: 'RoobertPRO-Bold';
  line-height: 110%;
  letter-spacing: -0.81px;
}

.cashback-offers .items .item .item-content .item-text{
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.54px;
}


.cashback-offers .single-offer{
  max-width: 1090px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.cashback-offers .single-offer .photo{
  width: calc(50% - 10px);
}

.cashback-offers .single-offer .photo img{
  display: block;
  width: 100%;
  border-radius: 24px;
}

.cashback-offers .single-offer .content{
  width: calc(50% - 10px);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 0 50px;
  gap: 40px;
  color: #fff;
}

.cashback-offers .single-offer .content .title{
  font-family: 'RoobertPRO-Medium';
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.96px;
}

.cashback-offers .single-offer .content .text{
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}


.cashback-offers .single-offer.sec{
  margin: 64px auto 0 auto;
  flex-direction: row-reverse;
}


.cashback-offers .no-offer{
  border-radius: 16px;
  border: 2px solid #36FFC6;

  text-align: center;
  padding: 44px 30px;
  margin: 0 auto;

  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 27px;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.81px;
  padding: 0px !important;
  border: 0px !important; 
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {



  .cashback-offers{
    max-width: 91.11vw;
  }

  .cashback-offers .items{
    gap: 1.39vw;
  }

  .cashback-offers .items.min{
    max-width: 68.06vw;
  }

  .cashback-offers .items .item.active{
    width: 37.29vw;
  }

  .cashback-offers .items .item .item-photo img{
    height: 34.44vw;
    border-radius: 1.67vw;
  }

  .cashback-offers .items .item .item-photo .item-type{
    padding: 0.83vw 1.04vw;
    border-radius: 0px 1.11vw;
    bottom: 1.25vw;
    font-size: 0.97vw;
  }

  .cashback-offers .items .item.active .item-photo .item-type{
    bottom: 3.47vw;
  }

  .cashback-offers .items .item .item-photo .item-timeline{
    bottom: 1.74vw;
    left: 1.39vw;
    width: calc(100% - 2.78vw);
    height: 0.14vw;
    border-radius: 0.14vw;
  }


  .cashback-offers .items .item .item-photo .item-timeline span{
    border-radius: 0.14vw;
  }


  .cashback-offers .items .item .item-content{
    gap: 1.67vw;
    padding: 1.67vw 0 0 0;
  }


  .cashback-offers .items .item .item-content .item-title{
    font-size: 1.88vw;
  }

  .cashback-offers .items .item .item-content .item-text{
    font-size: 1.25vw;
  }



  .cashback-offers .single-offer{
    max-width: 75.69vw;
    gap: 1.39vw;
  }

  .cashback-offers .single-offer .photo{
    width: calc(50% - 0.69vw);
  }

  .cashback-offers .single-offer .photo img{
    border-radius: 1.67vw;
  }

  .cashback-offers .single-offer .content{
    width: calc(50% - 0.69vw);
    padding: 0 3.47vw;
    gap: 2.78vw;
  }

  .cashback-offers .single-offer .content .title{
    font-size: 2.22vw;
  }

  .cashback-offers .single-offer .content .text{
    font-size: 1.25vw;
  }


  .cashback-offers .no-offer{
    border-radius: 1.11vw;
    border: 0.14vw solid #36FFC6;
    padding: 3.06vw 2.08vw;
    font-size: 1.88vw;
  }

}



@media screen and (max-width: 959px) {

   .cashback-offers .items{
      flex-wrap: wrap;
    }

    .cashback-offers .items .item,
    .cashback-offers .items .item.active{
       width: calc(50% - 10px);
       flex: auto;
    }

    .cashback-offers .items .item .item-photo img{
      height: auto;
      width: 100%;
      border-radius: 12px;
    }

    .cashback-offers .items .item .item-content {
      visibility: visible;
      opacity: 1;
      max-height: 1000px;
      transition: opacity 500ms;
      transition-delay: 0.5s;
  }

  .cashback-offers .items .item.active .item-photo .item-timeline{
    display: none;
  }

  .cashback-offers .items .item.active .item-photo .item-type {
    bottom: 18px;
  }


  .cashback-offers .single-offer .content{
    padding: 0px;
  }

  .cashback-offers .no-offer {
    font-size: 24px;
  }


}


@media screen and (max-width: 767px) {

  .cashback-offers .items .item, .cashback-offers .items .item.active{
    width: 100%;
  }

  .cashback-offers .single-offer,
  .cashback-offers .single-offer.sec{
    flex-direction: column;
  }

  .cashback-offers .single-offer.sec{
    margin-top: 24px;
  }

  .cashback-offers .single-offer .content{
    gap: 24px;
  }

  .cashback-offers .single-offer .photo{
    width: 100%;
  }

  .cashback-offers .single-offer .photo img{
    border-radius: 16px;
  }


  .cashback-offers .single-offer .content{
    width: 100%;
  }

  .cashback-offers .no-offer {
    padding: 30px 20px;
    font-size: 20px;
  }

  .cashback-offers .items .item .item-photo::after{
    border-radius: 12px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.sticky-bar{
  position: fixed;
  width: 100%;
  max-width: 1312px;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 100%);
  padding: 17px 24px;
  border-radius: 8px;
  background: rgba(98, 0, 234, 0.80);
  backdrop-filter: blur(14px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  z-index: 10;
  opacity: 0;
  transition: opacity 300ms;
}

.sticky-bar.active{
  position: fixed;
  bottom: 20px;
  transform: translate(-50%, 0);
  opacity: 1;
  transition: all 300ms;
}

.sticky-bar.stay{
  position: absolute;
  bottom: auto;
  transform: translate(-50%, calc(-100% - 20px)) ;
}

.sticky-bar .title{
  color: #FFF;
  font-size: 29px;
  font-family: 'RoobertPRO-Bold';
  line-height: 100%;
  letter-spacing: -0.87px;
}


.sticky-bar .cta{
  display: block;

  color: #FFF;
  font-family: 'RoobertPRO-Bold';
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.48px;
  text-decoration: none;
  transition: all 200ms;
}

.sticky-bar:hover .cta{
  padding: 0 22px 0 0;
  text-decoration: underline;
}

.sticky-bar .cta::after{
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 12px;
  background: url("../images/icon-button-arrow.svg") no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all 300ms;
}

.sticky-bar:hover .cta::after{
  opacity: 1;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .sticky-bar{
    max-width: 91.11vw;
    padding: 1.18vw 1.67vw;
    border-radius: 0.56vw;
    gap: 1.39vw;
  }

  .sticky-bar{
    bottom: 1.39vw;
  }

  .sticky-bar.stay{
    transform: translate(-50%, calc(-100% - 1.39vw)) ;
  }

  .sticky-bar .title{
    font-size: 2.01vw;
  }


  .sticky-bar .cta{
    font-size: 1.11vw;
  }

  .sticky-bar:hover .cta{
    padding: 0 1.53vw 0 0;
  }

  .sticky-bar .cta::after{
    right: 1.67vw;
    width: 1.04vw;
    height: 0.83vw;
  }


}



@media screen and (max-width: 959px) {

  .sticky-bar{
    width: calc(100vw - 30px);
  }

}


@media screen and (max-width: 767px) {

  .sticky-bar{
    padding: 10px 18px;
  }

  .sticky-bar .title{
    font-size: 20px;
  }

  .sticky-bar .cta{
    font-size: 15px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



.sticky-menu{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);

  border-radius: 96px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(14px);
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  z-index: 20;
  transition: all 300ms;
}

.sticky-menu.active{
  position: fixed;
  top: 90px;
}

.sticky-menu.active.stay{
  top: 0px;
  transform: translate(-50%, -100%);
}

.sticky-menu a,
.sticky-menu button{
  display: block;
  padding: 0 16px;
  border-radius: 96px;
  /*background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(14px);*/
  text-decoration: none;
  line-height: 45px;

  color: #131313;
  font-family: 'RoobertPRO-Medium';
  font-size: 18px;
  letter-spacing: -0.36px;
  transition: all 200ms;
  white-space: nowrap;
  border: 0px;
  cursor: pointer;
  background: none;
}

.sticky-menu a.active,
.sticky-menu a:hover,
.sticky-menu button.active,
.sticky-menu button:hover{
  background: #6200EA;
  color: #fff;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

  .sticky-menu{
    padding: 0.56vw;
    gap: 0.56vw;
  }

  .sticky-menu.active{
    top: 6.25vw;
  }


  .sticky-menu a,
  .sticky-menu button{
    padding: 0 1.11vw;
    line-height: 3.12vw;
    font-size: 1.25vw;
  }


}



@media screen and (max-width: 959px) {

  .sticky-menu a,
  .sticky-menu button{
    font-size: 16px;
  }

}


@media screen and (max-width: 767px) {

  .sticky-menu{
    border-radius: 12px;
  }

  .sticky-menu a,
  .sticky-menu button {
    font-size: 14px;
    max-width: 2000px;
    white-space: normal;
    line-height: 135%;
    width: 109px;
    padding: 10px 5px;
    border-radius: 12px;
  }


}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.sticky-back{
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0%);

  padding: 0px 24px 0px 16px;
  border-radius: 32px;
  background: #EBEDF2;

  color: #131313;
  font-family: 'RoobertPRO-Medium';
  font-size: 18px;
  line-height: 56px;
  letter-spacing: -0.36px;
  text-decoration: none;
  transition: all 300ms;
  z-index: 20;
  display: block;
}

.sticky-back::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url("../images/icon-back.svg") no-repeat center center;
  background-size: contain;
  margin: 0 8px 2px 0;
  transition: all 300ms;
}

@media screen and (min-width: 960px) {
  .sticky-back:hover{
    background: #6200EA;
    color: #fff;
  }

  .sticky-back:hover::before{
    filter: brightness(0) invert(1);
  }
}

.sticky-back.stay{
  position: absolute;
  bottom: auto;
}

.page-pro-spots .sticky-back.stay{
  transform: translate(-50%, -125%);
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .sticky-back{
    bottom: 2.08vw;
    padding: 0px 1.67vw 0px 1.11vw;
    border-radius: 2.22vw;
    font-size: 1.25vw;
    line-height: 3.89vw;
  }

  .sticky-back::before{
    width: 1.67vw;
    height: 1.67vw;
    margin: 0 0.56vw 0.14vw 0;
  }

  .sticky-back:hover::before{
    transform: translate(-0.35vw, 0);
  }


}



@media screen and (max-width: 959px) {


}


@media screen and (max-width: 767px) {

  .sticky-back{
    width: 90%;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

.cachback-offer-content-stripe{
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  text-align: left;
  color: #131313;
}


.cachback-offer-content-stripe .col.last{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
}

.cachback-offer-content-stripe .title{
  font-size: 32px;
  font-style: normal;
  font-family: 'RoobertPRO-SemiBold';
  line-height: 110%; 
  letter-spacing: -0.96px;
}

.cachback-offer-content-stripe .text{
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.cachback-offer-content-stripe .text p{
  margin: 0px;
  padding: 0px;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .cachback-offer-content-stripe{
    max-width: 75.69vw;
    gap: 1.39vw;
  }


  .cachback-offer-content-stripe .col.last{
    gap: 1.39vw;
  }

  .cachback-offer-content-stripe .title{
    font-size: 2.22vw;
  }

  .cachback-offer-content-stripe .text{
    font-size: 1.25vw;
  }

}


@media screen and (max-width: 959px) {

  .cachback-offer-content-stripe{
    padding: 50px 0 0 0;
    gap: 40px;
  }

  .cachback-offer-content-stripe .col{
    width: calc(50% - 20px);
  }

  .cachback-offer-content-stripe .text{
    font-size: 15px;
  }

  .cachback-offer-content-stripe br{
    display: none;
  }

  .cachback-offer-content-stripe .title{
    font-size: 26px;
  }

}


@media screen and (max-width: 767px) {

  .cachback-offer-content-stripe{
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
  }

  .cachback-offer-content-stripe .col{
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


.lg-germanos,
.lg-visa-turkish{
  position: relative;
}

.lg-germanos::before,
.lg-visa-turkish::before{
  content: "";
  position: absolute;
  left: 12px;
  top: 12px;
  width: 150px;
  height: 57px;
  background:#fff url("../images/cashback/logo-germanos2.svg") no-repeat center center;
  background-size: contain;
  border-radius: 12px;
  z-index: 10;
}

.lg-visa-turkish::before{
  width: 169px;
  background-image: url("../images/cashback/logo-visa-turkish-airlines2.svg");
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */







.offer-steps-new {
    max-width: 1090px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
}

.offer-steps-new .title{
  font-family: 'RoobertPRO-Bold';
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.68px;
  width: 400px;
}



.offer-steps-new .text{
  width: 650px;
  line-height: 140%;

  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;
}

.offer-steps-new .text ul,
.offer-steps-new .text ol,
.offer-steps-new .text li{
  margin: 0px;
  padding: 0px;

  color: #131313;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.54px;

}

.offer-steps-new .text ul,
.offer-steps-new .text ol{
  padding: 0 0 20px 15px;
}

.offer-steps-new .text a{
  text-decoration: underline;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .offer-steps-new {
      max-width: 75.69vw;
      gap: 2.78vw;
  }

  .offer-steps-new .title{
    font-size: 2.22vw;
    width: 27.78vw;
  }



  .offer-steps-new .text{
    width: 45.14vw;
    font-size: 1.25vw;
  }

  .offer-steps-new .text ul,
  .offer-steps-new .text ol,
  .offer-steps-new .text li{
    font-size: 1.25vw;

  }

  .offer-steps-new .text ul,
  .offer-steps-new .text ol{
    padding: 0 0 1.39vw 1.04vw;
  }


}



@media screen and (max-width: 959px) {


  .offer-steps-new{
    flex-direction: column;
    padding: 35px 0;
  }

  .offer-steps-new .title{
    width: 100%;
    font-size: 35px;
  }

  .offer-steps-new .title br{
    display: none;
  }

  .offer-steps-new .text{
    width: 100%;
  }

}


@media screen and (max-width: 767px) {

  .offer-steps-new .title{
    font-size: 32px;
  }


  .offer-steps-new .text{
    font-size: 15px;
  }

  .offer-steps-new .text ul,
  .offer-steps-new .text ol,
  .offer-steps-new .text li{
   font-size: 15px;

  }


}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */