/*-------------FONTS---------------*/
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../fonts/open-sans-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../fonts/open-sans-v18-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/open-sans-v18-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v18-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v18-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v18-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v18-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v18-latin-800.eot"); /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url("../fonts/open-sans-v18-latin-800.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v18-latin-800.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v18-latin-800.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v18-latin-800.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v18-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Poppins-Light.eot");
  src: local("Poppins Light"), local("Poppins-Light"),
    url("../fonts/Poppins/Poppins/Poppins-Light.woff") format("woff"),
    url("../fonts/Poppins/Poppins/Poppins-Light.ttf") format("truetype"),
    url("../fonts/Poppins/Poppins/Poppins-Light.svg") format("svg");
}

/* poppins-400 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Poppins-Regular.eot");
  src: local("Poppins Light"), local("Poppins-Light"),
    url("../fonts/Poppins/Poppins/Poppins-Regular.ttf") format("truetype");
}

/* poppins-500 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Poppins/Poppins/Poppins-Medium.eot");
  src: local("Poppins Medium"), local("Poppins-Medium"),
    url("../fonts/Poppins/Poppins/Poppins-Medium.woff") format("woff"),
    url("../fonts/Poppins/Poppins/Poppins-Medium.ttf") format("truetype"),
    url("../fonts/Poppins/Poppins/Poppins-Medium.svg") format("svg");
}

/* poppins-600 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Poppins/Poppins/Poppins-SemiBold.eot");
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"),
    url("../fonts/Poppins/Poppins/Poppins-SemiBold.woff") format("woff"),
    url("../fonts/Poppins/Poppins/Poppins-SemiBold.ttf") format("truetype"),
    url("../fonts/Poppins/Poppins/Poppins-SemiBold.svg") format("svg");
}

/* poppins-700 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Poppins/Poppins/Poppins-Bold.eot");
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.woff") format("woff"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.ttf") format("truetype"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.svg") format("svg");
}

/* poppins-800 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Poppins/Poppins/Poppins-Bold.eot");
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.woff") format("woff"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.ttf") format("truetype"),
    url("../fonts/Poppins/Poppins/Poppins-Bold.svg") format("svg");
}

/*----------MAIN STYLES------------*/

html,
body {
  background-color: #edeff7;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

a {
  color: #242424;
  text-decoration: none;
  font-family: "Poppins";
  font-weight: 600;
  size: 0.833vw;
  line-height: 1.250vw;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

p {
  font-family: "Open Sans";
  color: #242424;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

li {
  font-family: "Open Sans";
  color: #383838;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

h1,
h2,
h3 {
  color: #242424;
  font-family: "Poppins";
  font-weight: 800;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

label {
  font-family: "Poppins";
  font-weight: 600;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

button {
  color: #ffffff;
  text-decoration: none;
  font-family: "Poppins";
  font-weight: 600;
  size: 0.833vw;
  line-height: 1.250vw;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

.contentWrapper {
  max-width: 68vw;
  margin: 0 auto;
}

.itemHidden {
  visibility: hidden;
}

/*--------HEADER---------------*/

.mainHeaderContentWrapperHero{
  width: 100vw;
  background-image: url('../images/headerNewHeroIllustration.svg');
  background-size: cover;
  height: 58.906vw;
  position: relative;
  z-index: 5;
  margin-bottom: -11.417vw;
}

.headerBrockenImg{
  width: 3.5vw;
  height: 3.5vw;
  background-image: url('../images/heroHeaderBrockenImg.png');
  background-size: cover;
  position: absolute;
  left: 51.3vw;
  top: 44.2vw;
}

.header {
  display: flex;
  justify-content: space-between;
  padding-top: 3vw;
  margin-bottom: 12.240vw;
}

.headerLogo {
  width: 12vw;
}

.navList {
  display: flex;
  align-items: center;
  display: auto;
  margin-top: 0.5vw;
}

.navLink {
  font-weight: 600;
  font-size: 0.87vw;
  line-height: 1.2vw;
}

.navLinkWhite{
  color: white;
}

.navItem {
  margin-right: 2vw;
}

.navItem:last-child {
  margin-right: 0vw;
  margin-top: -0.95vw;
}

@media screen and (min-width: 1023px) {
  .navLink:hover ~ .selectDot {
    opacity: 1;
  }
}

.contactButton {
  padding: 0.65vw 1.2vw;
  padding-left: 1.3vw;
  background: #ef0a5f;
  border-radius: 2.500vw;
  border: 0;
  transition: 0.1s all ease-in-out;
  font-weight: 500;
  font-size: 0.85vw;
  line-height: 1.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buttonPlane {
  width: 1.1vw;
  margin-left: 0.4vw;
  margin-top: -0.1vw;
}

.contactButton:hover {
  background-color: #cc084f;
}

.headerDot {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
}

.selectDot {
  border: 0px #ef0a5f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 0.49vw;
  height: 0.49vw;
  margin: 0 auto;
  margin-top: 0.4vw;
  opacity: 0;
}

.mobileBars {
  display: none;
}

.MobileMenuHidden {
  display: none;
}

/*---------INTRO----------*/
.introGrid {
  display: flex;
  justify-content: space-between;
  width: 69vw;
}

.introImage {
  display: block;
  width: 25vw;
}

.introIllustrationMobile {
  display: none;
}

.introIlusttration {
  margin-top: -6vw;
  width: 50vw;
  margin-left: -20vw;
}

/*-----------INTRO ANIMATION ITEMS-----------*/

.message1 {
  position: absolute;
  left: 58.9%;
  width: 20vw;
  margin-top: -3vw;
  filter: drop-shadow(0vw 1vw 1vw rgba(183, 187, 228, 0.4));
}

.message2 {
  position: absolute;
  left: 50.2%;
  width: 22vw;
  margin-top: 5.5vw;
  filter: drop-shadow(0vw 1vw 1vw rgba(183, 187, 228, 0.4));
}

.transparentClass {
  opacity: 0;
}

.MessageFullText1 {
  image-rendering: pixelated;
  position: absolute;
  width: 9.5vw;
  left: 63.8%;
  margin-top: -1.2vw;
}

.MessageFullText2 {
  image-rendering: optimizeQuality;
  position: absolute;
  width: 9.7vw;
  left: 56.55%;
  margin-top: 8.2vw;
}

/*-------------------------------------------*/

.introText {
  padding-top: 1.4vw;
}

.introTextHi {
  font-stretch: ultra-condensed;
  font-size: 2.1vw;
  line-height: 2.1vw;
  color: white;
  font-weight: 600;
}

.waveHand {
  width: 2vw;
  padding-bottom: 0.6vw;
  margin-right: 0.5vw;
}

.introTextBetcare {
  font-stretch: ultra-condensed;
  font-size: 4.688vw;
  line-height: 7.031vw;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
  margin-bottom: 0.521vw;
}

.introTextPar {
  color: #928BA3;
  font-stretch: ultra-condensed;
  font-weight: 600;
  font-size: 1.042vw;
  line-height: 165%;
  width: 21.875vw;
  margin-left: 0.2vw;
  margin-bottom: 2.396vw;
}

.introContactButton{
  padding: 0.625vw 2.240vw;
}

.introIlusttrationMobile {
  display: none;
  width: auto;
  height: 100%;
}

/*---------MAIN SECTION----------*/
main {
  background-image: url("../images/backgroundWave1.svg");
  width: 100%;
  background-size: cover;
  padding-top: 12.979vw;
  position: relative;
  z-index: 4;
}

.bottomSection {
  background-image: url("../images/bottomBg.svg");
  width: 100%;
  background-size: cover;
  padding-top: 12vw;
  margin-top: 10vw;
}
/*---------SERVICES SECTION------*/
.servicesAncor {
  display: inline-block;
  position: absolute;
  margin-top: 5vw;
}

@media screen and (max-width: 1023px) {
  .servicesAncor {
    position: absolute;
    margin-top: 25vw;
  }
}

.servicesHeader {
  font-size: 2.2vw;
  line-height: 3vw;
  margin-left: 2vw;
  margin-top: -5.7vw;
  font-weight: 800;
}

.servicesWrapper {
  padding-top: 13vw;
  margin-top: -4vw;
}

.servicesGrid {
  width: 69vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.servicesImg {
  display: auto;
}

.servicesImgMobile {
  display: none;
}

.serviceBg {
  position: absolute;
  z-index: 1;
  width: 31.5vw;
  image-rendering: optimizeQuality;
}

.servicesImgHeader {
  position: relative;
  z-index: 1;
  width: 21vw;
  font-size: 2.1vw;
  line-height: 3.2vw;
  color: #ffffff;
  margin-top: 4vw;
  margin-left: 4.1vw;
  font-weight: 800;
  letter-spacing: 0.05vw;
}

.servicesImgText {
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 0.83vw;
  line-height: 165%;
  width: 23vw;
  margin-top: 5.9vw;
  margin-left: 4.1vw;
  -webkit-transform: scaleY(1.025);
  transform: scaleY(1.025);
}

.servicesSquare {
  position: absolute;
  margin-left: 26.8vw;
  margin-top: 3.7vw;
  z-index: 2;
  width: 3vw;
}

.servicesSquare2 {
  position: absolute;
  margin-left: -0.1vw;
  margin-top: 22.5vw;
  z-index: 2;
  width: 1.2vw;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
  backface-visibility: hidden;
  image-rendering: optimizeQuality;
}

.servicesPlus {
  position: absolute;
  z-index: 4;
  margin-left: 1.7vw;
  margin-top: 11.7vw;
  z-index: 2;
  width: 1.4vw;
}

.servicesBehind {
  position: absolute;
  margin-top: 18.5vw;
  z-index: 0;
  width: 3.5vw;
}

.servicesBehindShown {
  margin-left: -1.85vw;
}

@media screen and (max-width: 1240px) {
  .servicesImg {
    margin-top: 5%;
  }
}

/*-------Services sub Grid-------*/

.servGridItemIcon {
  width: 3vw;
}

.servicesSubGrid {
  margin-top: 3.5vw;
  display: grid;
  grid-template-columns: 18.2vw 18vw;
  grid-template-rows: 33% 33% 33%;
}

.servGridItem {
  margin: 1vw 0px 1.5vw 2vw;
}

.servGridItemHeader {
  margin: 0.8vw 0vw 0.3vw 0vw;
  font-size: 1vw;
  line-height: 2vw;
  font-weight: 800;
}

.servGridItemText {
  color: #474747;
  width: 15.2vw;
  font-size: 0.85vw;
  line-height: 165%;
}

/*-------Numbers Section----*/
.numbersSection {
  margin-top: 11vw;
}

.numbersAncor {
  position: absolute;
  margin-top: 5vw;
}

@media screen and (max-width: 1023px) {
  .numbersAncor {
    position: absolute;
    margin-top: 240vw;
  }
}

.numbersTriangle {
  position: relative;
  width: 4.7vw;
}

.numberTriangleWrapper {
  position: absolute;
  z-index: 1;
  margin-top: 3vw;
  margin-left: -1.17vw;
  display: block;
  width: auto;
  height: 4.3vw;
  overflow: hidden;
}

.numberBackground {
  display: auto;
  margin-top: -5vw;
  max-width: 73.5vw;
  margin-left: -2vw;
  max-height: 23vw;
  position: absolute;
}

.numberBackgroundMobile {
  display: none;
}

.numberSectionGrid {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  width: 51vw;
  padding-left: 1vw;
  padding-top: 0.5vw;
}

.numberItem {
  width: 10vw;
  color: #ffffff;
}

.num3Item {
  margin-top: -1.45vw;
}

.numberItemHeader {
  color: #ffffff;
  font-weight: 600;
  font-size: 3.3vw;
  line-height: 5.8vw;
}

.numberItemText {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.05vw;
  line-height: 1.5vw;
}

/*---------STEPS SECTION--------*/

.steps {
  margin-top: 11.15vw;
  text-align: center;
}

.stepsBr {
  display: none;
}

.stepsHeader {
  font-size: 2.2vw;
  line-height: 3vw;
}

.stepsImageWrapper {
  text-align: center;
  margin: 0 auto;
  width: 46.5vw;
  margin-top: 3.6vw;
}

.stepsLoadBack {
  display: auto;
  width: 46.5vw;
}

.stepsLoadActive {
  display: auto;
  width: 46.5vw;
}

.stepsLoadActiveWrapper {
  overflow: hidden;
  margin-top: -1.2vw;
}

.stepsLoaderUnactive {
  width: 0vw;
}

.stepsStarWrapper {
  text-align: right;
  width: 46.5vw;
}

.starEmojiStarMobile {
  display: none;
}

.stepsLoadMobile {
  display: none;
}

.stepsLoadWrapperMobile {
  display: none;
}

.starEmojiStar {
  position: absolute;
  width: 2vw;
  margin-left: -1vw;
  margin-top: -1.65vw;
}

.starEmojiWrapper {
  margin-top: 0vw;
  overflow: visible;
}

@media screen and (max-width: 1450px) {
  .stepsLoadActive {
    margin-top: -0.2vw;
  }
}

@media screen and (max-width: 1250px) {
  .stepsLoadActive {
    margin-top: -0.7vw;
  }
  .starEmojiStar {
    margin-top: -2.1vw;
  }
}

.stepsGrid {
  display: flex;
  justify-content: space-between;
  margin-top: 1.7vw;
  margin-left: 0vw;
}

.stepsItemNum {
  font-weight: 600;
  color: #d3d8e5;
  font-size: 1.5vw;
  line-height: 95%;
}

.stepsItemHead {
  color: #000000;
  font-size: 1vw;
  line-height: 1.5vw;
  margin: 0.8vw;
}

.stepsItem {
  width: 21.8vw;
  font-size: 0.85vw;
  line-height: 1.35vw;
  margin-bottom: 11vw;
  color: #494949;
}

/*------SPECIAL OFFER SECTION-----*/
.specialOfferSection {
  margin-top: 4.5vw;
  margin-left: -2vw;
  margin-bottom: 14.5vw;
}

.specialOfferImgMobile {
  display: none;
}

.specialOfferImg {
  position: absolute;
  width: 73vw;
}

.specOffContent {
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  width: 37vw;
  padding-top: 8.5vw;
  margin-left: 8.3vw;
}

.specOffHeader {
  color: #ffffff;
  z-index: 3;
  font-weight: 600;
  position: relative;
  font-size: 2.3vw;
  line-height: 3.3vw;
  width: 17vw;
}

.specOffText {
  color: #ffffff;
  position: relative;
  font-weight: 500;
  font-size: 1vw;
  line-height: 1.55vw;
  width: 19.7vw;
}
/*----Animated Items Specail Offer------*/
.specOfferRect1 {
  position: absolute;
  margin-left: 24.6vw;
  margin-top: 0.2vw;
  width: 1.1vw;
  transform: rotate(4deg);
  image-rendering: optimizeQuality;
  -webkit-backface-visibility: hidden;
}

.specOfferRectRed {
  position: absolute;
  z-index: 1;
  margin-left: 19.7vw;
  margin-top: 1.5vw;
  width: 1.85vw;
}

.specOfferPlus1 {
  position: absolute;
  z-index: 1;
  margin-left: 41.5vw;
  margin-top: 4.6vw;
  width: 1.35vw;
  -webkit-backface-visibility: hidden;
}

.specOfferPlus2 {
  position: absolute;
  z-index: 1;
  margin-left: 7.5vw;
  margin-top: 21vw;
  width: 1.25vw;
  -webkit-backface-visibility: hidden;
}

.specOfferRectBlue2 {
  image-rendering: optimizeQuality;
  position: absolute;
  z-index: 1;
  margin-left: 11.5vw;
  margin-top: 25.15vw;
  width: 1.4vw;
  transform: rotate(4deg);
  image-rendering: optimizeQuality;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 1023px) {
  .specOfferRectRed {
    display: none;
  }

  .specOfferPlus2 {
    display: none;
  }

  .specOfferRectBlue2 {
    display: none;
  }
}

/*-------Special Plan-------*/
.specialPlan {
  margin-top: -20.95vw;
  margin-left: 47.1vw;
  position: absolute;
  height: 25.4vw;
  background-color: #ffffff;
  border-radius: 21px;
  width: 17.5vw;
  text-align: center;
  padding-top: 3.3vw;
  transition: 0.1s all;
  cursor: pointer;
}

.specialPlan:hover button {
  background-color: #ef0a5f;
  color: #ffffff;
}

.rocketEmj {
  position: absolute;
  width: 2.2vw;
  margin-top: -4.25vw;
  margin-left: -0.85vw;
}

.planTickets1 {
  font-size: 0.95vw;
  line-height: 1vw;
  margin-bottom: 1.3vw;
}

.planTickets2 {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.95vw;
  line-height: 1vw;
}

.planPrice1 {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1vw;
  line-height: 1.2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5vw;
}

.priceEuro {
  font-weight: 600;
  font-size: 1.1vw;
}

.planPrice2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 2vw;
  line-height: 2vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
  margin-right: 0.3vw;
}

.planExtraPrice {
  color: #ef0a5f;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 1vw;
  margin-bottom: 0.9vw;
}

.planLang1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.2vw;
  line-height: 2vw;
  margin-bottom: 1.4vw;
}

.planLang2 {
  font-family: "Open Sans";
  margin-left: 0.3vw;
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 1vw;
}

.planParagraph {
  color: #424242;
  font-weight: 400;
  margin-left: 2.8vw;
  text-align: left;
  font-size: 0.9vw;
  line-height: 2vw;
}

.planYesVector {
  width: 0.8vw;
  margin-right: 0.6vw;
  margin-top: -0.3vw;
}

.planParSpan {
  color: #242424;
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 1.65vw;
}

.planButton {
  margin-top: 2vw;
  border: 0.15vw solid #ef0a5f;
  box-sizing: border-box;
  border-radius: 52px;
  background-color: #ffffff;
  color: #ef0a5f;
  transition: 0.1s all ease-in-out;
  font-weight: 600;
  font-size: 0.87vw;
  line-height: 1.2vw;
  width: 10vw;
  height: 2.7vw;
}

.planButton:hover {
  background-color: #ef0a5f;
  color: #ffffff;
}

/*-------PRICING PLANS SECTION-------*/

.pricingPlanSection {
  width: 69vw;
  height: 36vw;
}

.pricingAncor {
  position: absolute;
  margin-top: -6.5vw;
}

@media screen and (max-width: 1023px) {
  .pricingAncor {
    position: absolute;
    margin-top: 4vw;
  }
}

.pricingPlanHead {
  text-align: center;
  font-size: 2.2vw;
  line-height: 3vw;
  margin-bottom: 1.3vw;
}

.pricingPlanHeadText {
  text-align: center;
  font-weight: 600;
  font-size: 0.95vw;
  line-height: 1.3vw;
}

.plansContainer {
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  display: flex;
  justify-content: space-between;
  margin-top: 4.7vw;
}

.plan {
  height: 26.4vw;
  background-color: #ffffff;
  border-radius: 21px;
  width: 16.3vw;
  text-align: center;
  padding-top: 2.7vw;
  transition: 0.25s all;
  border: 0vw;
  margin-right: 0vw;
  margin-left: 0vw;
}

/* .plan:hover {
  margin-left: -0.25vw;
  margin-right: -0.25vw;
  margin-top: -0.25vw;
  border: 0.25vw solid #ef0a5f;
}

.plan:last-child:hover {
  border: 0vw solid #ef0a5f;
  margin-top: -0.6vw;
  margin-bottom: -0.3vw;
  margin-right: -0.3vw;
  margin-left: 0vw;
} */

/*.plan:hover ~ .pricingPlanSection {
  width: 100vw;
}

.plan:hover {
  padding-top: 3.1vw;
  padding-bottom: 0.4vw;
  padding-right: 0.4vw;
  padding-left: 0.4vw;
  margin-top: -0.4vw;
  margin-bottom: -0.4vw;
  margin-right: -0.4vw;
  margin-left: -0.4vw;
}*/

/*---Content of plan------*/
.planMainTickets1 {
  font-size: 0.85vw;
  line-height: 1vw;
  margin-bottom: 1.1vw;
}

.planMainTickets2 {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.85vw;
  line-height: 1vw;
}

.planMainPrice1 {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 1.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.35vw;
}

.priceMainEuro {
  font-weight: 600;
  font-size: 1.1vw;
}

.planMainPrice2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1.85vw;
  line-height: 2vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
  margin-right: 0.3vw;
}

.planMainExtraPrice {
  color: #ef0a5f;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.65vw;
  line-height: 1vw;
  margin-bottom: 0.5vw;
}

.planMainLang1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.1vw;
  line-height: 2vw;
  margin-bottom: 1.8vw;
}

.planMainLang2 {
  font-family: "Open Sans";
  margin-left: 0.3vw;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1vw;
}

.planMainParagraph {
  margin-bottom: 0.8vw;
  margin-left: 2.7vw;
  text-align: left;
  font-size: 0.8vw;
  line-height: 0.8vw;
}

.planMainParagraphDisabled {
  margin-bottom: 0.8vw;
  margin-left: 2.7vw;
  text-align: left;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #c8c8c8;
  text-decoration: line-through;
}

.planMainYesVector {
  margin-right: 0.6vw;
  width: 0.7vw;
}

.planMainParSpan {
  font-size: 0.8vw;
  font-weight: 600;
}

.planButtonMain {
  margin-top: 1.85vw;
  border: 0.15vw solid #ef0a5f;
  box-sizing: border-box;
  border-radius: 52px;
  background-color: #ffffff;
  color: #ef0a5f;
  transition: 0.1s all ease-in-out;
  font-weight: 600;
  font-size: 0.87vw;
  line-height: 1.2vw;
  width: 9.2vw;
  height: 2.5vw;
}

.planButtonMain:hover {
  background-color: #ef0a5f;
  color: #ffffff;
}

/*-----------------------*/

.planInfImg {
  width: 1vw;
}

.planMainYesVectorCustom {
  margin-right: 0.6vw;
  width: 0.75vw;
}

.planButtonCustom {
  margin-top: 2vw;
  background-color: #ef0a5f;
  color: #ffffff;
}

.planButtonCustom:hover {
  background-color: #cc084f;
  border-color: #cc084f;
}

.planCustomParagraph {
  line-height: 0.85vw;
}

.customPlanNotActive {
  transition: 0.25s all ease-in-out;
  height: 26.4vw;
  background-color: #ffffff;
  border-radius: 21px;
  width: 16.3vw;
  text-align: center;
  padding-top: 2.7vw;
  transition: 0.25s all;
  border: 0vw;
  margin-right: auto;
  margin-left: auto;
}

.customPlanWrapperNotActive {
  transition: 0.25s all ease-in-out;
  border-radius: 23px;
  padding-top: 0vw;
  padding-right: 0vw;
  padding-left: 0vw;
  height: 29.1vw;
  width: 15vw;
  background: linear-gradient(
    92.13deg,
    #f2095e 0.48%,
    #b91b77 40.38%,
    #4b2d7c 96.24%
  );
}

.customPlanWrapper {
  transition: 0.25s all ease-in-out;
  border-radius: 23px;
  padding-top: 0.815vw;
  padding-bottom: 0.76vw;
  padding-right: 0.22vw;
  padding-left: 0.2vw;
  margin-top: -0.6vw;
  height: 29.35vw;
  width: 17.3vw;
  background: linear-gradient(
    92.13deg,
    #f2095e 0.48%,
    #b91b77 40.38%,
    #4b2d7c 96.24%
  );
}

.customPlan {
  transition: 0.25s all ease-in-out;
  padding-top: 3.3vw;
  padding-bottom: 0.8vw;
  padding-right: 0.5vw;
  padding-left: 0.5vw;
  margin-top: -0.6vw;
  margin-bottom: -0.3vw;
  margin-right: auto;
  margin-left: auto;
}

/*@media screen and (max-width: 1450) {
  .customPlanWrapper {
    padding-left: 0.6vw;
  }
}

/*.customPlan:hover {
  padding-top: 3.7vw;
  padding-bottom: 1.2vw;
  padding-right: 0.7vw;
  padding-left: 0.7vw;
  margin-top: -1vw;
  margin-bottom: -0.7vw;
  margin-right: -0.7vw;
  margin-left: -0.7vw;
}*/

/*-------CLIENTS SECTION----------*/

.clientsHeading {
  text-align: center;
  font-size: 2.2vw;
  line-height: 3vw;
  margin-bottom: 1vw;
}

.clientsSliderRightArrow {
  height: 2vw;
  transform: scale(-1, 1);
  margin-top: 1.5vw;
  cursor: pointer;
  transition: 0.1s all ease-in-out;
}

.clientsSliderLeftArrow {
  height: 2vw;
  margin-top: 1.5vw;
  cursor: pointer;
  transition: 0.1s all ease-in-out;
}

.clientsSliderLeftArrow:hover {
  transform: scale(1.3);
}

.clientsSliderRightArrow:hover{
  transform: scale(-1.3, 1.3);
}

.clientsSliderWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.3vw;
}

.clientsList {
  margin: 0 auto;
  margin-top: 1vw;
  height: 6vw;
  font-weight: 600;
}

.clientListInnerRowWrapper{
  display: flex;
  justify-content: space-between;
  width: 55vw;
}

.clientListInnerRowWrapper2{
  display: flex;
  justify-content: space-between;
  width: 29.167vw;
  margin: 0 auto;
}

.hiddenClientList {
  display: none;
}

.clientLogo {
  margin: 1.5vw 2vw;
  height: auto;
  display: flex;
  align-items: center;
}

.clientLogoImg {
  width: 12.5vw;
  height: auto;
}

.xfun-image{
  height: 3.5vw;
  width:  3.5vw;
}

.thin-images{
  width: 10vw;
}

.client-image-text{
  font-size: 2.2vw;
  line-height: 3vw;
  margin-bottom: 0vw;
  margin-left: 1vw;
}

.clientDotActive {
  content: url("../images/redDot.svg");
  transition: 0.2s all ease-in-out;
  -webkit-width: 0.91vw;
  -webkit-height: 0.91vw;
  width: 0.91vw;
  height: 0.91vw;
  margin: 0.56vw;
}

.clientDot {
  transition: 0.2s all ease-in-out;
  width: 0.7vw;
  height: 0.7vw;
  content: url("../images/grayDot.svg");
  margin: 0.6vw;
  margin-top: 0.7vw;
  cursor: pointer;
}

.clientSliderDotsWrapper {
  width: 5vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.clientListRowMobile{
  display: none;
}

/*---------WHY US SECTION----------*/

.whyUsHeader {
  font-size: 2.1vw;
  line-height: 3vw;
  text-align: center;
  margin-top: 122px;
}

.whyUsAncor {
  position: absolute;
  margin-top: -2vw;
}

.whyUsGrid {
  margin-top: 3vw;
  display: flex;
  justify-content: space-between;
}

.whyUsItemLogo {
  width: 2.5vw;
}

.whyUsItemHeader {
  margin: 1.25vw;
  font-size: 1vw;
  line-height: 1.3vw;
  color: #000000;
}

.whyUsItem {
  text-align: center;
  max-width: 16vw;
  font-size: 0.83vw;
  line-height: 1.35vw;
  color: #494949;
}
.whyUsSliderRightArrow,
.whyUsSliderLeftArrow {
  display: none;
}

/*------------FORM SECTION---------*/

.formAncor {
  position: absolute;
  margin-top: -1vw;
}

.formInput {
  margin-top: 0.5vw;
  background: #ffffff;
  border-radius: 52px;
  border: 0px;
  width: 15vw;
  height: 2.5vw;
  padding-left: 1.2vw;
  margin-bottom: 1vw;
  margin-right: 1vw;
  font-size: 0.83vw;
}

.formInput::placeholder {
  color: #b6b6b6;
  font-size: 0.83vw;
}

.formInput:focus {
  box-shadow: -6px 6px 15px rgba(183, 187, 228, 0.5);
}

.formSection {
  position: relative;
  height: 33vw;
  margin-top: 3vw;
  margin-left: -2.5vw;
}

.formBackground {
  position: absolute;
  width: 71.5vw;
  height: auto;
}

.formText {
  position: relative;
  margin-left: 8.5vw;
  max-width: 16vw;
  padding-top: 5.7vw;
}

.formTextHeader {
  font-size: 2.2vw;
  line-height: 3.3vw;
  margin-bottom: 0.9vw;
}

.formTextPar {
  font-weight: 600;
  font-size: 0.93vw;
  line-height: 1.6vw;
  -webkit-transform: scaleY(1.025);
  transform: scaleY(1.025);
}

.formLabel {
  font-size: 0.65vw;
  line-height: 1vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

.form {
  position: absolute;
  margin-top: -11vw;
  margin-left: 31.3vw;
}

.phoneLabel {
  margin-left: 12.8vw;
}

.phoneLabelMobile {
  display: none;
}

.formMessage {
  margin-top: 0.5vw;
  width: 31.7vw;
  height: 5.3vw;
  border-radius: 19px;
  border: 0px;
  padding: 20px;
  padding-top: 1vw;
  resize: none;
  font-family: "Open Sans";
  font-size: 0.83vw;
}

.formMessage::placeholder {
  color: #b6b6b6;
  font-family: "Open Sans";
  font-size: 0.83vw;
}

.formContactButton {
  margin-top: 1vw;
  font-weight: 600;
}

.formButtonPlane {
  width: 1.2vw;
  margin-left: 0.5vw;
  margin-top: 0vw;
}

/*----------FOOTER----------*/
footer {
  margin-top: -4vw;
  padding-top: 11vw;
  background-color: #242424;
}

.footerAddress1 {
  color: #B0AFCC;
  font-size: 0.65vw;
  line-height: 1vw;
  font-weight: 300;
}

.mobileCopy {
  display: none;
}

.footerAddress2 {
  color: #a7a7a7;
  font-size: 0.65vw;
  line-height: 1vw;
  font-weight: 300;
}

.footerAddressPar {
  text-align: left;
  margin-bottom: 1vw;
}

.footerAddressPar:last-child {
  margin-bottom: 0vw;
}

.footerMobileMap {
  display: none;
}

.pointerDesk {
  position: absolute;
  width: 2.9vw;
  z-index: 1;
  margin-top: 3vw;
  margin-left: 7.25vw;
}

/*.footerMap {
  border: 0;
  margin-top: 2vw;
  margin-bottom: 0.9vw;
  width: 16.5vw;
  height: 7vw;
  filter: grayscale(100%) invert(85%);
}*/

/* Set the size of the div element that contains the map */
#map {
  margin-top: 2vw;
  margin-bottom: 0.9vw;
  width: 16.5vw;
  height: 7vw;
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
  display: none;
}
.gmnoprint div {
  background: none !important;
}

.gm-style > div:nth-child(7) {
  display: none;
}

.gm-style > div:nth-child(3) {
  display: none;
}

.gm-style > div:nth-child(12) {
  display: none;
}

.footerLogo {
  margin-left: -4.5vw;
  width: 12vw;
}

.footerGrid {
  width: 65.9vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footerHeader {
  color: #e6e6e6;
  font-size: 1.4vw;
  line-height: 2vw;
  margin-bottom: 2.6vw;
  margin-top: -1.3vw;
  font-weight: 500;
}

.footerLinksLogos {
  color: #b1b1b1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -1.7vw;
}

.footerLinkH {
  margin-bottom: 1vw;
}

.footerLink {
  font-weight: 300;
  font-size: 0.87vw;
  line-height: 1.3vw;
  color: #edeff7;
}

.footerLink:hover {
  text-decoration: underline;
}

.footerItems {
  text-align: center;
}

.footerItems3 {
  margin-top: 3.32vw;
}

.mailLink {
  width: 1.667vw;
  height: 1.667vw;
}

.facebookLink {
  width: 1.667vw;
  height: 1.667vw;
}

.linkedinLink {
  width: 1.667vw;
  height: 1.667vw;
}

.footerButton {
  width: 8vw;
  height: 2.7vw;
  background: #ffffff;
  border-radius: 48px;
  border: 0px;
  font-weight: 600;
  font-size: 0.87vw;
  line-height: 1.3vw;
  color: #ef0a5f;
  background: #ffffff;
  margin-top: 2vw;
  transition: 0.2s all ease-in-out;
}

.footerButton:hover {
  color: #ffffff;
  background: #ef0a5f;
}

.footerSeparator {
  margin-top: 3vw;
  background-color: #464646;
  color: #464646;
  height: 0.08vw;
}

.footerCopyright {
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerCopItem {
  color: #c8c8c8;
  font-weight: normal;
  margin-right: 3vw;
  font-size: 0.6vw;
  line-height: 2vw;
  margin-bottom: 0.2vw;
}

.footerLinksDiv {
  margin-top: -3.1vw;
  width: 20vw;
  display: flex;
  justify-content: space-between;
}

.copyright{
  font-size: 80%;
  line-height: 150%;
  vertical-align: top;
}

.copyright-big{
  font-size: 40%;
  line-height: 150%;
  font-weight: 500;
  margin-left: 0.5%;
  vertical-align: top;
}
/*-----------------------------------------------------/
/------------------------MOBILE-----------------------*/
@media screen and (max-width: 1023px) {
  .contentWrapper {
    max-width: 100vw;
    padding-left: 5vw;
  }

  .bottomSection {
    background-image: url("../images/mobileBottomBg.svg");
    width: 100%;
    background-size: cover;
    padding-top: 12vw;
    margin-top: 30vw;
  }
  /*-------HEADER MOBILE-----------*/
  .mainHeaderContentWrapperHero{
    width: 100vw;
    background-image: url('../images/headerNewHeroIllustrationMobile.svg');
    background-size: cover;
    height: 225vw;
    position: relative;
    z-index: 6;
    margin-bottom: -10.417vw;
  }
  
  .headerBrockenImg{
    width: 6.944vw;
    height: 6.944vw;
    position: absolute;
    background-image: url('../images/brokenHeaderImgMobile.png');
    background-size: cover;
    left: 19.933vw;
    top: 206.111vw;
  }
  
  .header {
    display: flex;
    justify-content: space-between;
    padding-top: 9vw;
    margin-bottom: 23.889vw;
  }

  .contactButton {
    font-weight: 600;
    font-size: 3.889vw;
    line-height: 5.833vw;
    letter-spacing: 0.03em;
    padding: 3.889vw 11.806vw;
    border-radius: 13.333vw;
  }

  .headerLogo {
    width: 35vw;
  }

  .navList {
    display: none;
  }

  .mobileBars {
    cursor: pointer;
    margin-right: 3vw;
    margin-top: 1vw;
    width: 6vw;
    height: auto;
    display: block;
    transition: 0.2s all;
  }

  .selectDot {
    width: 2vw;
    height: 2vw;
    margin-top: 1vw;
  }
  /*-----------MOBILE OBJECTS-------*/
  .mobileCloseBackground{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 2;
  }

  .mobileMenuDiv {
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 3;
    top: 0%;
    right: 0%;
    width: 69.5vw;
    background-color: #ffffff;
    transition: 0.2s all;
    height: 120vw;
    max-height: 90vh;
  }

  .mobileMenuDivFlex {
    display: flex;
  }

  .MobileMenuClose {
    cursor: pointer;
    position: fixed;
    top: 7.5vw;
    right: 6vw;
    width: 5vw;
  }

  .navListMobile {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 5vw;
    height: 70vw;
    max-height: 50vh;
  }

  .navItem {
    margin-bottom: 5vw;
  }

  .navLink {
    font-size: 3.75vw;
    line-height: 6vw;
  }

  .mobileHeaderButton {
    margin-top: 9vw;
    width: 45vw;
    height: 10vw;
    font-size: 3vw;
    padding: 1.2vw;
  }

  .mobileHeaderPlane {
    width: 4vw;
    margin-left: 1vw;
  }

  @media screen and (min-width: 700px) {
    .navItem {
      margin-bottom: 3vw;
    }

    .mobileHeaderButton {
      margin-top: 2vw;
    }
  }
  /*--------INTRO MOBILE----------*/

  /*-----------INTRO ANIMATION ITEMS-----------*/

  .message1 {
    position: absolute;
    left: 28.9%;
    width: 50vw;
    margin-top: 23vw;
    filter: drop-shadow(0vw 1vw 1vw rgba(183, 187, 228, 0.4));
  }

  .message2 {
    position: absolute;
    left: 3.9%;
    width: 57.6vw;
    margin-top: 43vw;
    filter: drop-shadow(0vw 1vw 1vw rgba(183, 187, 228, 0.4));
  }

  .transparentClass {
    opacity: 0;
  }

  .MessageFullText1 {
    image-rendering: pixelated;
    position: absolute;
    width: 22.5vw;
    left: 41.9%;
    margin-top: 27.5vw;
  }

  .MessageFullText2 {
    image-rendering: optimizeQuality;
    position: absolute;
    width: 24vw;
    left: 21%;
    margin-top: 50vw;
  }

  /*-------------------------------------------*/

  .introGrid {
    flex-direction: column;
  }

  .introImage {
    margin-left: -12vw;
    text-align: center;
  }

  .introText {
    padding-top: 7vw;
  }

  .introTextHi {
    font-size: 6vw;
    line-height: 12vw;
  }

  .waveHand {
    width: 4.5vw;
    padding-bottom: 1.25vw;
    margin-right: 1vw;
  }

  .introTextBetcare {
    font-size: 12vw;
    line-height: 13vw;
    margin-bottom: 4.5vw;
  }

  .introTextPar {
    -webkit-transform: scaleY(1.05);
    transform: scaleY(1.05);
    font-size: 4.2vw;
    line-height: 6.6vw;
    width: 89vw;
    margin-bottom: 8.333vw;
  }

  .introIlusttration {
    display: none;
  }

  .introIllustrationMobile {
    margin-left: 8vw;
    display: block;
    width: 95vw;
    margin-top: 7vw;
  }

  /*-------SERVICES MOBILE---------*/

  main {
    background-image: url("../images/mobileMainBg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -13.9vw;
  }

  .servicesGrid {
    justify-content: center;
    flex-direction: column;
  }

  .servicesImg {
    display: none;
  }

  .servicesImgMobile {
    width: 90.1vw;
    display: block;
    height: 160vw;
    margin: 0 auto;
    margin-top: 18vw;
    text-align: center;
  }

  .serviceBgMobile {
    position: relative;
    width: 100%;
    height: auto;
  }

  .servicesSquareMobile {
    position: absolute;
    margin-top: 17vw;
    right: 2vw;
    width: 8vw;
    image-rendering: optimizeQuality;
  }

  .servicesPlusMobile {
    position: absolute;
    z-index: 1;
    width: 4vw;
    margin-top: 10vw;
    right: 20vw;
  }

  .servicesImgHeaderMobile {
    font-size: 6.7vw;
    width: 60vw;
    text-align: left;
    line-height: 9.5vw;
    margin-top: -156vw;
    color: #ffffff;
    right: 24.7vw;
    position: absolute;
  }

  .servicesImgTextMobile {
    position: absolute;
    width: 74vw;
    font-weight: 600;
    font-size: 3.8vw;
    line-height: 165%;
    text-align: left;
    margin-top: -115vw;
    left: 14.5vw;
  }

  /*----------Services Sub Grid MOBILE--------*/
  .servicesOurServices {
    text-align: center;
    width: 100vw;
    margin-left: -5vw;
    margin-top: 23vw;
  }

  .servicesHeader {
    font-size: 10vw;
    line-height: 6vw;
    margin-top: 10vw;
    margin-bottom: 13vw;
    margin-left: -0.3vw;
  }

  .servicesSubGrid {
    margin-top: 5vw;
    margin-left: 0px;
    display: flex;
    flex-direction: column;
  }

  .servGridItemIcon {
    width: 11vw;
  }

  .servGridItem {
    margin-left: 0px;
    margin-top: 5vw;
  }

  .servGridItemHeader {
    font-size: 4.5vw;
    line-height: 16vw;
  }

  .servGridItemText {
    width: 90vw;
    margin: 0 auto;
    font-size: 3.9vw;
    line-height: 165%;
    margin-bottom: 6vw;
  }
  /*----------Numbers Section MOBILE--------*/

  .numbersSection {
    text-align: center;
    margin-top: 19vw;
    margin-left: -4.5vw;
    margin-bottom: 55vw;
  }

  .numberBackground {
    display: none;
  }

  .numberBackgroundMobile {
    display: block;
    margin: 0 auto;
    width: 85vw;
    height: auto;
  }

  .numberTriangleWrapper {
    height: 15vw;
    margin-left: 20vw;
  }

  .numbersTriangle {
    width: 15vw;
  }

  .numberSectionGrid {
    flex-direction: column;
    margin-top: -170vw;
  }

  .numberItem {
    margin-top: 12vw;
    margin-right: 0px;
    width: 90vw;
  }

  .numberItem:first-child {
    margin-top: 0vw;
  }

  .num3Item {
    margin-top: 12vw;
  }

  .numberItemHeader {
    font-size: 12vw;
    line-height: 20vw;
  }

  .numberItemText {
    font-size: 4vw;
    line-height: 6vw;
    font-weight: 500;
    width: 55vw;
    margin: 0 auto;
  }

  /*----------Steps Section MOBILE--------*/
  .stepsHeader {
    font-size: 8.5vw;
    line-height: 9vw;
    margin-bottom: 16vw;
    margin-left: -5vw;
  }

  .stepsBr {
    display: block;
  }

  .starEmojiStar {
    display: none;
  }

  .steps {
    margin-top: 29vw;
    padding-bottom: 20vw;
  }

  .stepsLoad,
  .stepsLoadActive,
  .stepsLoadBack {
    display: none;
  }

  .stepsGrid {
    flex-direction: column;
    text-align: left;
    margin-top: 0.5vw;
    margin-left: 13vw;
  }

  .stepsItemNum {
    font-size: 5vw;
    line-height: 95%;
    margin-bottom: 5vw;
  }

  .stepsItemHead {
    font-size: 4vw;
    line-height: 9vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
  }

  .stepsItem {
    width: 77vw;
    margin-right: 0px;
    margin-bottom: 17.3vw;
  }

  .stepsItem2 {
    margin-top: 0.2vw;
  }

  .stepsItem3 {
    margin-top: -2.25vw;
  }

  .stepsFirstItem {
    margin-bottom: 15.3vw;
  }

  .stepsItemTex {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  /*----------MOBILE STEPS ANIMATION-------*/

  .stepsLoadMobile {
    left: 7.5vw;
    margin-top: 1vw;
    display: block;
    position: absolute;
    margin-left: 0vw;
    height: 141vw;
    width: auto;
  }

  .stelpActiveMobileLoader {
    position: absolute;
    display: block;
    position: absolute;
    height: 141vw;
    width: 3.8vw;
    margin-left: -0.25vw;
  }

  .starEmojiStarMobile {
    display: block;
    position: absolute;
    width: 7.5vw;
    left: 5.5vw;
  }

  .stepsLoadWrapperMobile {
    overflow: hidden;
    left: 7.5vw;
    margin-top: 1vw;
    display: block;
    position: absolute;
    margin-left: 0vw;
    width: 7.5vw;
  }

  .stepsLoadWrapperMobileUnactive {
    height: 0vw;
  }
  .stepsLoadWrapperMobileActive {
    height: 141vw;
  }

  .starEmojiMobileUnactive {
    margin-top: 0vw;
  }

  .starEmojiMobileActive {
    margin-top: 136vw;
  }

  /*--------OFFER SECTION MOBILE-----------*/

  .specialOfferImgMobile {
    display: block;
  }

  .specialOfferImg {
    display: none;
  }

  .specialOfferSection {
    height: 100%;
    margin-bottom: 13vw;
    margin-top: 20vw;
  }

  .specialOfferImgMobile {
    width: 100vw;
    height: auto;
    padding-left: 2.5vw;
    margin: 0 auto;
  }

  .specOffContent {
    position: absolute;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    margin-top: -270vw;
    padding-left: 17vw;
    width: 70vw;
  }

  .specOffHeader {
    position: relative;
    font-size: 8vw;
    line-height: 12vw;
    width: 69vw;
  }

  .specOffText {
    margin-top: 10vw;
    font-size: 3.6vw;
    line-height: 165%;
    width: 68vw;
    font-weight: 600;
  }

  .specOfferRect1 {
    margin-left: 33vw;
    margin-top: 2vw;
    width: 4.2vw;
    transform: rotate(4deg);
    image-rendering: optimizeQuality;
    border: 0 solid black;
    -webkit-backface-visibility: hidden;
  }

  .specOfferPlus1 {
    margin-left: 79vw;
    margin-top: 16vw;
    width: 6vw;
  }
  /*--------OFFER SPECIAL PLAN SECTION MOBILE-----------*/
  .specialPlan {
    margin-top: -160vw;
    margin-left: 9.5vw;
    position: absolute;
    width: 76vw;
    height: 110vw;
    max-width: 80vw;
    padding-top: 13vw;
    padding-bottom: 25px;
  }

  .rocketEmj {
    width: 10vw;
    position: absolute;
    margin-top: -17vw;
    margin-left: -5vw;
  }

  .planTickets1 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 6vw;
  }

  .planTickets2 {
    font-size: 3.6vw;
    line-height: 6vw;
  }

  .planPrice1 {
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 3vw;
  }

  .priceEuro {
    font-weight: 600;
    font-size: 5vw;
  }

  .planPrice2 {
    font-size: 8vw;
    line-height: 10vw;
    margin: 0 1.5vw;
  }

  .planExtraPrice {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 4vw;
  }

  .planLang1 {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 8vw;
  }

  .planLang2 {
    font-size: 4vw;
    line-height: 6vw;
    margin-left: 2vw;
  }

  .planParagraph {
    margin-bottom: 2vw;
    margin-left: 4.5vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .planYesVector {
    margin-right: 7vw;
    margin-left: 4vw;
    width: 4vw;
    height: auto;
  }

  .planParSpan {
    font-size: 4vw;
    line-height: 6vw;
  }

  .planButton {
    margin-top: 12vw;
    border: 2px solid #ef0a5f;
    width: 54vw;
    height: 12vw;
    background-color: #ef0a5f;
    color: #ffffff;
  }

  .planButton:hover {
    background-color: #ffffff;
    color: #ef0a5f;
  }

  .specPlanButtonText {
    font-size: 4vw;
    line-height: 5vw;
  }

  /*-------PRICING PLANS SECTION MOBILE-------*/

  .pricingPlanSection {
    margin-top: 20vw;
    height: auto;
  }

  .pricingPlanHead {
    font-size: 8vw;
    line-height: 9vw;
    margin-bottom: 7vw;
    margin-left: -5vw;
    width: 100vw;
  }

  .pricingPlanHeadText {
    font-size: 3.8vw;
    line-height: 6vw;
    margin: 0 auto;
    width: 90vw;
    margin-bottom: 12vw;
  }

  .plansContainer {
    flex-direction: column;
    margin-top: 5vw;
    margin-left: 0vw;
  }

  .plan {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0 auto;
    height: 100%;
    border-radius: 8vw;
    width: 89.5vw;
    text-align: center;
    padding-top: 14vw;
    margin-bottom: 5vw;
    margin-left: -0.25vw;
    margin-right: auto;
    transition: 0s all;
  }
/* 
  .plan:hover {
    margin-left: -0.25vw;
    margin-right: -0.25vw;
    margin-top: -0.25vw;
    border: 0.7vw solid #ef0a5f;
  } */

  .customPlanWrapper {
    border-radius: 8.6vw;
    padding-top: 1.2vw;
    padding-bottom: 0.85vw;
    padding-right: 0.1vw;
    padding-left: 0.1vw;
    margin-top: -0.55vw;
    margin-left: -0.75vw;
    height: 139.7vw;
    width: 91vw;
  }

  .customPlan {
    padding-top: 10vw;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: -0.35vw;
    margin-bottom: 4.65vw;
    margin-left: auto;
    margin-right: auto;
    height: 130vw;
  }

  .plan:last-child:hover {
    margin-top: -0.35vw;
    margin-bottom: 4.65vw;
    margin-left: auto;
    margin-right: auto;
  }

  .planMainYesVectorCustom {
    margin-right: 4vw;
    margin-left: 4vw;
    width: 3.5vw;
    height: auto;
  }

  .planInfImg {
    width: 5vw;
  }
  /*-------Pricing plan content Mobile-----*/

  .planMainTickets1 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 3vw;
  }

  .planMainTickets2 {
    font-size: 4vw;
    line-height: 6vw;
  }

  .planMainPrice1 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 3vw;
  }

  .priceMainEuro {
    font-weight: 600;
    font-size: 5vw;
    line-height: 6vw;
  }

  .planMainPrice2 {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 7vw;
    line-height: 8vw;
    margin-top: 1vw;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }

  .planMainExtraPrice {
    font-size: 3vw;
    line-height: 5vw;
    margin-bottom: 3vw;
  }

  .planMainLang1 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 9vw;
  }

  .planMainLang2 {
    margin-left: 1vw;
    font-size: 4vw;
    line-height: 6vw;
    margin-top: -0.3vw;
  }

  .planMainParagraph {
    margin-bottom: 1.75vw;
    margin-left: 10vw;
    font-size: 3.75vw;
    line-height: 6vw;
  }

  .planMainParagraphDisabled {
    margin-bottom: 1.75vw;
    margin-left: 10vw;
    font-size: 3.75vw;
    line-height: 6vw;
    color: #c8c8c8;
    text-decoration: line-through;
  }

  .planMainYesVector {
    margin-right: 4vw;
    margin-left: 4vw;
    width: 3.5vw;
    height: auto;
  }

  .planMainParSpan {
    font-size: 4vw;
    line-height: 6vw;
  }

  .planButtonMain {
    box-sizing: border-box;
    border-radius: 52px;
    margin-top: 15vw;
    border: 0.65vw solid #ef0a5f;
    width: 50vw;
    height: 12vw;
    background-color: #ffffff;
    color: #ef0a5f;
    transition: 0.1s all ease-in-out;
    margin-bottom: 15vw;
  }

  .planButtonMain:hover {
    background-color: #ef0a5f;
    color: #ffffff;
  }

  .planButtonCustom {
    background-color: #ef0a5f;
    color: #ffffff;
  }

  /*-------CLIENTS SECTION MOBILE----------*/

  .clientsHeading {
    text-align: center;
    margin-top: 15vw;
    font-size: 9vw;
    line-height: 10vw;
    margin-bottom: 5vw;
  }

  .clientsSection{
    padding-right: 5vw;
  }

  .clientsSliderRightArrow {
    height: 5vw;
    margin-top: 60vw;
    margin-left: -5.8vw;
  }

  .clientsSliderLeftArrow {
    height: 5vw;
    margin-top: 60vw;
  }

  .clientsSliderRightArrow:hover,
  .clientsSliderLeftArrow:hover {
    height: 5vw;
  }
  .clientsList {
    width: 100%;
    height: auto;
  }

  .clientListRowMobile{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 83vw;
  }

  .clientListInnerRowWrapper{
    display: none;
  }
  
  .clientListInnerRowWrapper2{
    display: none;
  }
  
  .hiddenClientList {
    display: none;
  }

  .clientLogo {
    margin: 2vw;
    margin-bottom: 5vw;
  }

  .ClientLogo3 {
    margin-left: 0vw;
  }

  .clientLogoImg {
    width: 35vw;
    max-height: 11.111vw;
  }

  .xfun-image{
    height: 10vw;
    width:  10vw;
  }

  .client-image-text{
    font-size: 7vw;
    line-height: 7vw;
    margin-bottom: 0vw;
    margin-left: 2vw;
  }

  .premierLogoMob{
    height: 6vw;
  }

  .thin-images{
    width: 20vw;
  }

  .clientSliderDotsWrapper {
    margin: 0 auto;
    width: 15vw;
    margin-top: -5vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 5.278vw;
  }

  .clientDotActive {
    content: url("../images/redDot.svg");
    transition: 0.2s all ease-in-out;
    -webkit-width: 2.47vw;
    -webkit-height: 2.47vw;
    width: 2.47vw;
    height: 2.47vw;
  }

  .clientDot {
    transition: 0.2s all ease-in-out;
    width: 2vw;
    height: 2vw;
    content: url("../images/grayDot.svg");
    cursor: pointer;
  }

  /*---------WHY US SECTION MOBILE----------*/

  .whyUsSection {
    height: 100vw;
    margin-top: 25vw;
    padding-right: 5vw;
  }

  .whyUsHeader {
    font-size: 8vw;
    line-height: 14vw;
    margin-top: 20vw;
  }

  .whyUsHide {
    display: none;
  }

  .whyUsGrid {
    margin-top: 10vw;
    justify-content: center;
  }

  .whyUsItemLogo {
    width: 15vw;
    height: auto;
  }

  .whyUsItem {
    text-align: center;
    max-width: 95vw;
    height: 50vw;
  }

  .whyUsItemHeader {
    margin: 4vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .whyUsItemText {
    font-size: 3.9vw;
    line-height: 6vw;
  }

  .whyUsSliderDotsWrapper {
    display: flex;
    justify-content: space-around;
    width: 20vw;
  }

  .whyUsSlider {
    margin-top: 14.5vw;
    display: flex;
    justify-content: space-between;
  }

  .whyUsDotActive {
    content: url("../images/redDot.svg");
    transition: 0.2s all ease-in-out;
    -webkit-width: 2.4vw;
    -webkit-height: 2.4vw;
    width: 2.47vw;
    height: 2.47vw;
    margin-top: 1vw;
  }

  .whyUsDot {
    transition: 0.2s all ease-in-out;
    width: 2vw;
    height: 2vw;
    content: url("../images/grayDot.svg");
    margin-top: 1.1vw;
    cursor: pointer;
  }

  .whyUsDot:hover {
    background-color: #b8bcc7;
  }

  .whyUsSliderLeftArrow {
    display: block;
    height: 5vw;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
  }

  .whyUsSliderRightArrow {
    display: block;
    height: 5vw;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    transform: scale(-1, 1);
  }

  /*------------FORM SECTION MOBILE---------*/
  .formAncor {
    position: absolute;
    margin-top: 23vw;
  }

  .formSection {
    height: 303vw;
  }

  .formWrapper {
    background-image: url("../images/mobileFormBg.svg");
    background-size: 100% auto;
    margin-top: 15vw;
    flex-direction: column;
    width: 120vw;
    margin-left: -10vw;
    height: 303vw;
  }

  .formBackground {
    display: none;
  }

  .formText {
    padding-top: 30vw;
    max-width: 85vw;
    margin-left: 12vw;
  }

  .formTextHeader {
    font-size: 9vw;
    line-height: 10vw;
  }

  .formTextPar {
    font-size: 4.8vw;
    line-height: 165%;
    margin-top: 6vw;
    margin-bottom: 10vw;
  }
  .form {
    margin-top: 5vw;
    margin-left: 12vw;
  }

  .formInput {
    display: block;
    margin-bottom: 5vw;
    margin-top: 3vw;
    background: #ffffff;
    border-radius: 52px;
    border: 0px;
    width: 84vw;
    height: 12vw;
    padding-left: 6vw;
    font-size: 3.6vw;
  }

  .formInput::placeholder {
    font-family: "Open Sans";
    font-size: 3.6vw;
  }

  .formMessage::placeholder {
    font-family: "Open Sans";
    font-size: 3.6vw;
  }

  .formMessage {
    font-family: "Open Sans";
    margin-top: 3vw;
    width: 80vw;
    height: 30vw;
    border-radius: 21px;
    padding: 3vw;
    padding-left: 6vw;
    font-size: 3.6vw;
  }

  .formMessageDiv {
    margin-top: -5vw;
    margin-bottom: 9vw;
  }

  .formLabel {
    font-size: 3.7vw;
    line-height: 5vw;
    margin-top: 3vw;
    margin-left: 3vw;
  }

  .phoneLabel {
    display: none;
  }

  .emailBr {
    display: none;
  }
  .phoneLabelMobile {
    display: block;
  }

  .formContactButton {
    box-sizing: border-box;
    border-radius: 52px;
    border: 0.5vw solid #ef0a5f;
    width: 50vw;
    height: 12vw;
    background-color: #ef0a5f;
    color: #ffffff;
    transition: 0.1s all ease-in-out;
    transition: 0s width;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .formButtonPlane {
    width: 5vw;
    margin-left: 2vw;
    margin-top: -0.5vw;
  }

  /*----------FOOTER MOBILE----------*/

  footer {
    padding-top: 25vw;
    background-color: #242424;
  }

  .footerLogo {
    width: 40vw;
    margin-bottom: 3vw;
  }

  .footerMobileMap {
    margin-top: 13vw;
    display: block;
  }

  #map2 {
    margin-top: 2vw;
    margin-bottom: 0.9vw;
    width: 85vw;
    height: 35vw;
  }

  .footerDeskMap {
    display: none;
  }

  .footerHeader {
    color: #ffffff;
    font-size: 4.3vw;
    line-height: 5vw;
    margin-bottom: 4vw;
  }

  .footerGrid {
    width: 90vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .footerLink {
    font-size: 3.5vw;
    line-height: 10vw;
    color: #edeff7;
  }

  .footerLinksDiv {
    margin-top: 13vw;
    width: 50vw;
    display: flex;
    justify-content: space-between;
  }

  .footerLinks {
    margin-top: 13vw;
    width: 40vw;
    max-width: 300px;
  }

  .footerItems3 {
    margin-top: 7.5vw;
  }

  .footerLinksLogos {
    margin-top: 12vw;
    margin-bottom: 4vw;
  }

  .mailLink {
    width: 7vw;
    height: auto;
  }

  .facebookLink {
    margin-left: 4vw;
    margin-right: 4vw;
    width: 7vw;
    height: auto;
  }

  .linkedinLink {
    width: 7vw;
    height: auto;
  }

  .footerButton {
    width: 40vw;
    max-width: 300px;
    height: 10vw;
    max-height: 60px;
    font-size: 3vw;
    padding-top: 0.425vw;
  }

  .footerAddress1 {
    font-size: 3vw;
    line-height: 5vw;
  }

  .mobileAddress1 {
    margin-top: 5vw;
  }

  .mobileAddress2 {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .footerAddress2 {
    font-size: 3vw;
    line-height: 5vw;
    color: #dadada;
  }

  .footerSeparator {
    background-color: #777777;
    color: #777777;
    margin-top: 3vw;
    height: 0.2vw;
    width: 90vw;
  }

  .footerCopItem {
    margin-top: 15vw;
    color: #ffffff;
    font-size: 3vw;
    line-height: 20vw;
  }

  .footerPrivacy {
    margin-left: 0vw;
  }

  .footerCookies {
    margin-left: 0vw;
  }

  .mobileCopy {
    display: block;
    text-align: center;
    margin-top: 7vw;
    color: #c8c8c8;
    margin-left: 5vw;
  }

  .deskCopy {
    display: none;
  }

  .copyright{
    font-size: 80%;
    line-height: 100%;
    vertical-align: top;
  }
  
  .copyright-big{
    font-size: 40%;
    line-height: 50%;
    font-weight: 500;
    margin-left: 0.5%;
    vertical-align: top;
  }
}

/*------------ANIMATIONS---------------*/

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes wave {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(16deg);
  }
  20% {
    transform: rotate(-16deg);
  }
  30% {
    transform: rotate(18deg);
  }
  40% {
    transform: rotate(-18deg);
  }
  50% {
    transform: rotate(16deg);
  }
  60% {
    transform: rotate(-16deg);
  }
  70% {
    transform: rotate(16deg);
  }
  80% {
    transform: rotate(-16deg);
  }
  90% {
    transform: rotate(12deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes slide {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -1.85vw;
  }
}
/*message1*/
@keyframes mobileShown {
  0% {
    opacity: 0;
    transform: scale(0.1);
    margin-top: 28.9vw;
  }

  75% {
    opacity: 1;
    transform: scale(1.1);
    margin-top: 22.15vw;
  }

  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: 23vw;
  }
}

@keyframes shown {
  0% {
    opacity: 0;
    transform: scale(0.1);
    margin-top: -0.4vw;
  }

  75% {
    opacity: 1;
    transform: scale(1.1);
    margin-top: -3.3vw;
  }

  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: -3vw;
  }
}

@keyframes shown2 {
  0% {
    opacity: 0;
    transform: scale(0.1);
    margin-top: 9vw;
    left: 51.5%;
  }

  75% {
    opacity: 1;
    transform: scale(1.1);
    margin-top: 5.1vw;
    left: 50%;
  }

  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: 5.5vw;
    left: 50.2%;
  }
}

@keyframes mobileShown2 {
  0% {
    opacity: 0;
    transform: scale(0.1);
    margin-top: 52.5vw;
    left: 6.9%;
  }

  75% {
    opacity: 1;
    transform: scale(1.1);
    margin-top: 42vw;
    left: 3.4%;
  }

  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: 43vw;
    left: 3.9%;
  }
}

@keyframes showText {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    transform: scale(0.1);
    border: 0vw solid black;
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    border: 0vw solid black;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    border: 0vw solid black;
  }
}

@keyframes raise {
  0% {
    margin-top: 90px;
  }

  100% {
    margin-top: 0px;
  }
}

@keyframes loadDesk {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes loadStar {
  0% {
    margin-top: -1.65vw;
  }

  55% {
    margin-top: -1.65vw;
  }

  75% {
    margin-top: -2.3vw;
  }

  100% {
    margin-top: -1.65vw;
  }
}

@keyframes loadStarLowRes {
  0% {
    margin-top: -2.1vw;
  }

  55% {
    margin-top: -2.1vw;
  }

  75% {
    margin-top: -2.75vw;
  }

  100% {
    margin-top: -2.1vw;
  }
}

@keyframes loadStarMobile {
  0% {
    margin-top: 0vw;
  }

  100% {
    margin-top: 81vw;
  }
}

@keyframes planBorder {
  0% {
    border: 0px;
  }

  100% {
    border: 3px solid #ef0a5f;
  }
}

@keyframes loaderStepsMobile {
  0% {
    height: 0vw;
  }
  100% {
    height: 141vw;
  }
}

@keyframes loaderStarMobile {
  0% {
    margin-top: 0vw;
  }
  100% {
    margin-top: 136vw;
  }
}

@keyframes buttonGradient {
  0% {
    background: #ff3366;
  }
  100% {
    background: #4b2d7c;
  }
}

.gradientButtonClass {
  background: #4b2d7c;
  border: 0vw solid #4b2d7c;
  animation: buttonGradient 1s 1;
  width: 13vw;
}

@media screen and (max-width: 1023px) {
  .gradientButtonClass {
    width: 60vw;
  }
}

.gradientButtonClass:hover {
  background: #4b2d7c;
}

.rotateAnimationClass {
  animation: rotate 2s 1;
}

.waveAnimationClass {
  animation: wave 3s 3.6s 1;
  transform-origin: right bottom;
}

.slideAnimationClass {
  animation: slide 1.5s 1;
}

.show1AnimationClass {
  animation: shown 0.8s 1;
}

.showAnimationClass2 {
  animation: shown2 0.8s 1;
}

.showIntroTextAnimationClass {
  animation: showText 0.75s 1s 1;
}

.showIntroTextAnimationClass2 {
  animation: showText 0.75s 1;
}

.raiseAnimationClass {
  animation: raise 1s;
}

.loadDeskAnimationClass {
  animation: loadDesk 2s;
}

.loadStarAnimationClass {
  animation: loadStar 2s;
}

.loadMobileStepsLoader {
  animation: loaderStepsMobile 2.5s 1;
}

.loadMobileStar {
  animation: loaderStarMobile 2.5s 1;
}

@media screen and (max-width: 1250px) {
  .loadStarAnimationClass {
    animation: loadStarLowRes 2s;
  }
}

@media screen and (max-width: 1023px) {
  .show1AnimationClass {
    animation: mobileShown 0.8s 1;
  }

  .showAnimationClass2 {
    animation: mobileShown2 0.8s 1;
  }
}