/*-------------FONTS---------------*/
/*-------------FONTS---------------*/
/* open-sans-regular - latin */
/* Montserrat Regular - latin */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

  /*----------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: "Montserrat";
    font-weight: 600;
    size: 0.833vw;
    line-height: 1.250vw;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  p {
    font-family: "Montserrat";
    color: #242424;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  li {
    font-family: "Montserrat";
    color: #383838;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  h1,
  h2,
  h3 {
    color: #242424;
    font-family: "Montserrat";
    font-weight: 800;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  label {
    font-family: "Montserrat";
    font-weight: 600;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  button {
    color: #ffffff;
    text-decoration: none;
    font-family: "Montserrat";
    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:  hsl(255, 95%, 61%);
    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:#5425e0;
  }
  
  .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: "Montserrat";
    font-weight: 600;
    font-size: 0.95vw;
    line-height: 1vw;
  }
  
  .planPrice1 {
    font-family: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    font-weight: 600;
    font-size: 0.85vw;
    line-height: 1vw;
  }
  
  .planMainPrice1 {
    font-family: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    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: "Montserrat";
    font-size: 0.83vw;
  }
  
  .formMessage::placeholder {
    color: #b6b6b6;
    font-family: "Montserrat";
    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;
  }
  
  
  
  .pointerDesk {
    position: absolute;
    width: 2.9vw;
    z-index: 1;
    margin-top: 3vw;
    margin-left: 7.25vw;
  }
  
 
  
  .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: 1vw;
    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: 5.6vw;
  }
  
  .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:  hsl(255, 95%, 61%);;
  background: #ffffff;
  margin-top: 2vw;
  transition: 0.2s all ease-in-out;
  }
  
  .footerButton:hover {
    color: #ffffff;
    background: hsl(255, 95%, 61%);
  }
  
  .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: 5vw;
      }
  
      .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: "Montserrat";
      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: "Montserrat";
      font-size: 3.6vw;
    }
  
    .formMessage::placeholder {
      font-family: "Montserrat";
      font-size: 3.6vw;
    }
  
    .formMessage {
      font-family: "Montserrat";
      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;
      }
    
    
      
    
      .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: 70vw;
        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: 100vw;
      }
    
      .footerCopItem {
        margin-top: 15vw;
        color: #ffffff;
        font-size: 3vw;
        line-height: 20vw;
      }
    
      .footerPrivacy {
        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;
    }
  }