@charset "utf-8";


@import url("https://use.typekit.net/cmw8cpt.css");

html,body{
    margin:0px;
    padding:0px;
    background: #ffffff;
}


::-webkit-input-placeholder { 
  color: #fff;
  opacity:1;
}
::-moz-placeholder { 
  color: #fff;
  opacity:1;
}
:-ms-input-placeholder { 
  color: #fff;
  opacity:1;
}
:-moz-placeholder { 
  color: #fff;
  opacity:1;
}



.gs-page .gs-mob{
    display:none;
}

.gs-page .gs-clear{
    clear:both;
}

.gs-page *{
  line-height:normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.gs-page{
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  color:#282828;
  font-size:17px;
  text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    position:relative;
    overflow:hidden;
  margin:0px auto 0 auto;
  position:relative;
  text-align: center;
}


.gs-page strong{
  font-weight: 700;  
}

.gs-page a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  text-decoration: none;
} 


.gs-page img.gs-img-4mob{
  display: none !important;
}

@media screen and (max-width: 959px) {
  .gs-page{
    padding: 0px;
  }
}

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


  .gs-page img.gs-img-4desk{
    display: none !important;
  }
  .gs-page img.gs-img-4mob{
    display: block !important;
  }


  .gs-scroll-content{
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .gs-scroll-content::-webkit-scrollbar {
    display: none;
  }


}


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


.gs-hero{
    background: #093A91 url("../images/bg-new-hero.png") no-repeat center top;
    background-size: 1440px auto;
    color: #fff;
    position: relative;
    padding: 0 0 34px 0;
}


.gs-hero .gs-new-top-content{
    position: relative;
    z-index: 2;
    height:670px;
}

.gs-hero .gs-new-top-content img{
    display: block;
    width: 100%;
}

.gs-hero .gs-new-top-content .gs-logo {
    position: absolute;
    left: 50%;
    top: 92px;
    transform: translate(-50%, 0);
    width: 427px;
    margin: 0 0 0 63px;
    z-index: 5;
}

.gs-hero .gs-new-top-content .gs-symbol{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    z-index: 1;
    opacity: 0;

    transition: all 1300ms cubic-bezier(0.425, 0.140, 0.410, 1.335); 
    transition-timing-function: cubic-bezier(0.425, 0.140, 0.410, 1.335); 

}

.gs-hero .gs-new-top-content.gs-active .gs-symbol{
    top: 0px;
    transform: translate(-50%, -0%) scale(1) !important;
    opacity: 1;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s1 {
    width: 77px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s2 {
    width: 87px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s3 {
    width: 52px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s4 {
    width: 111px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s5 {
    width: 26px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s6 {
    width: 96px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s7 {
    width: 385px;
    margin: 194px 0 0 -442px;
    top: 0px;
    transform: translate(-50%, -0%) scale(0.8);
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s8 {
    width: 120px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s9 {
    width: 49px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s10 {
    width: 42px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s11 {
    width: 151px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s12 {
    width: 119px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s13 {
    width: 211px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s14 {
    width: 31px;
}

.gs-hero .gs-new-top-content .gs-symbol.gs-s15 {
    width: 120px;
}




.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s1 {
    margin: 47px 0 0 -589px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s2 {
    margin: 44px 0 0 -298px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s3 {
    margin: 26px 0 0 -86px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s4 {
    margin: 44px 0 0 386px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s5 {
    margin: 81px 0 0 556px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s6 {
    margin: 133px 0 0 603px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s7 {
    margin: 154px 0 0 -442px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s8 {
    margin: 470px 0 0 -550px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s9 {
    margin: 415px 0 0 -300px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s10 {
    margin: 532px 0 0 -352px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s11 {
    margin: 485px 0 0 -148px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s12 {
    margin: 491px 0 0 157px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s13 {
    margin: 247px 0 0 378px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s14 {
    margin: 516px 0 0 342px;
}

.gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s15 {
    margin: 482px 0 0 548px;
}


.gs-hero .gs-bottom-content{
    padding: 32px 24px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    align-content: center;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(237, 237, 237, 0.20);
    max-width: 1363px;
    min-height: 600px;

}

.gs-hero .gs-bottom-content .gs-title{
   color: #FFF;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.36px;
}

.gs-hero .gs-bottom-content .gs-text{
   color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: -0.24px;
    padding: 82px 0 44px 0;
}

.gs-hero .gs-bottom-content .gs-start{
    padding: 12px 24px;
    border-radius: 4px;
    border: 1px solid #F3F0E8;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    transition: all 200ms;


    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; 
    letter-spacing: -0.16px;
    text-transform: uppercase;
}

.gs-hero .gs-bottom-content .gs-start:hover{
    background: #fff;
    color: #000;
}

.gs-hero .gs-bottom-content .gs-register{
    color: #fff;
    font-size: 16px;
    line-height: 140%; 
    letter-spacing: -0.42px;
    padding: 16px 0 0 0;
}

.gs-hero .gs-bottom-content .gs-register a{
    text-decoration: underline;
    color: #F3F0E8;
    font-weight: 600;
}


.gs-hero .gs-download{
    margin: 120px 0 0 0;
    border-top: 1px solid #F3F5FA;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 32px 0 0 0;
}

.gs-hero-form .gs-step.gs-s3{
    width: 100%;
    padding-right: 80px;
}

.gs-hero .gs-download .gs-download-links{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    font-size: 0px;
}


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

.gs-sticky{
    position: fixed;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%,100%);
    z-index: 999;
    width: 100%;
    max-width: 1000px;
    border-radius: 8px;
    background: rgba(0, 67, 131, 0.85);
    backdrop-filter: blur(14px);
    padding: 12px 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    transition: all 800ms;
}


.gs-sticky:not(.gs-inactive).gs-active{
    transform: translate(-50%,0);
    bottom: 20px;
}

.gs-sticky .gs-title{
    color: #F3F0E8;
    font-size: 21px;
    line-height: 140%;
    letter-spacing: -0.42px;
}

.gs-sticky > a{
    padding: 14px 30px;
    border-radius: 60px;
    border: 1px solid #F3F0E8;
    display: block;

    color: #F3F0E8;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    transition: all 200ms;
    text-decoration: none;
}

.gs-sticky > a:hover{
    background: #fff;
    color: rgba(0, 67, 131, 1);
}


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

    .gs-hero{
      background-size: 100.00vw auto;
      padding: 0 0 2.37vw 0;
    }

    .gs-hero .gs-new-top-content{
      height:46.53vw;
    }

    .gs-hero .gs-new-top-content .gs-logo{
      top: 6.39vw;
      width: 29.66vw;
      margin: 0 0 0 4.38vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol{
      width: 0.70vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s1{
      width: 5.35vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s2{
      width: 6.05vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s3{
      width: 3.62vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s4{
      width: 7.71vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s5{
      width: 1.81vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s6{
      width: 6.67vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s7{
      width: 26.74vw;
      margin: 13.48vw 0 0 -30.69vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s8{
      width: 8.34vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s9{
      width: 3.41vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s10{
      width: 2.92vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s11{
      width: 10.49vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s12{
      width: 8.27vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s13{
      width: 14.66vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s14{
      width: 2.16vw;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s15{
      width: 8.34vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s1{
      margin: 3.27vw 0 0 -40.90vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s2{
      margin: 3.06vw 0 0 -20.69vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s3{
      margin: 1.81vw 0 0 -5.97vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s4{
      margin: 3.06vw 0 0 26.81vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s5{
      margin: 5.63vw 0 0 38.62vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s6{
      margin: 9.24vw 0 0 41.88vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s7{
      margin: 10.70vw 0 0 -30.69vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s8{
      margin: 32.64vw 0 0 -38.19vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s9{
      margin: 28.82vw 0 0 -20.83vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s10{
      margin: 36.95vw 0 0 -24.44vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s11{
      margin: 33.69vw 0 0 -10.27vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s12{
      margin: 34.10vw 0 0 10.91vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s13{
      margin: 17.16vw 0 0 26.25vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s14{
      margin: 35.84vw 0 0 23.75vw;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s15{
      margin: 33.48vw 0 0 38.06vw;
    }
}


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

    .gs-hero .gs-bottom-content{
      padding: 2.23vw 1.67vw;
      border-radius: 0.70vw;
      border: 0.07vw solid #FFF;
      max-width: 94.66vw;
      min-height: 41.67vw;
    }

    .gs-hero .gs-bottom-content .gs-title{
      font-size: 2.50vw;
      letter-spacing: -0.02vw;
    }

    .gs-hero .gs-bottom-content .gs-text{
      font-size: 1.67vw;
      letter-spacing: -0.01vw;
      padding: 5.70vw 0 3.06vw 0;
    }

    .gs-hero .gs-bottom-content .gs-start{
      padding: 0.84vw 1.67vw;
      border-radius: 0.28vw;
      border: 0.07vw solid #F3F0E8;
      font-size: 0.84vw;
      letter-spacing: -0.01vw;
      font-size: 1.12vw;
      letter-spacing: -0.01vw;
    }

    .gs-hero .gs-bottom-content .gs-register{
      font-size: 1.12vw;
      letter-spacing: -0.02vw;
      padding: 1.12vw 0 0 0;
    }

    .gs-hero .gs-download{
      margin: 8.34vw 0 0 0;
      border-top: 0.07vw solid #F3F5FA;
      gap: 1.39vw;
      padding: 2.23vw 0 0 0;
    }

    .gs-hero-form .gs-step.gs-s3{
      padding-right: 5.56vw;
    }

    .gs-hero .gs-download .gs-download-links{
      gap: 0.70vw;
    }

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

    .gs-sticky{
      max-width: 69.45vw;
      border-radius: 0.56vw;
      backdrop-filter: blur(0.98vw);
      padding: 0.84vw 1.67vw;
      gap: 1.39vw;
    }

    .gs-sticky:not(.gs-inactive).gs-active{
      bottom: 1.39vw;
    }

    .gs-sticky .gs-title{
      font-size: 1.46vw;
      letter-spacing: -0.02vw;
    }

    .gs-sticky > a{
      padding: 0.98vw 2.09vw;
      border-radius: 4.17vw;
      border: 0.07vw solid #F3F0E8;
      font-size: 0.84vw;
      line-height: 0.91vw;
      letter-spacing: -0.01vw;
    }
}


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

    .gs-hero .gs-bottom-content .gs-title{
        font-size: 26px;
    }

    .gs-hero .gs-bottom-content{
        width: calc(100% - 40px);
        min-height: 450px;
    }

    .gs-hero .gs-bottom-content .gs-text {
        padding: 50px 0 30px 0;
    }

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


    .gs-hero .gs-new-top-content .gs-logo {
        top: 92px;
        width: 287px;
        margin: 0 0 0 17px;
    }



    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s1 {
        margin: 38px 0 0 -171px;
    }
    .gs-hero .gs-new-top-content .gs-symbol.gs-s1 {
        width: 92px;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s2 {
        margin: 44px 0 0 13px;
    }
    .gs-hero .gs-new-top-content .gs-symbol.gs-s2 {
        width: 67px;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s3 {
        width: 39px;
    }
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s3 {
        margin: 26px 0 0 174px;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s4 {
        width: 93px;
    }
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s4 {
        margin: 319px 0 0 173px;
        display: none;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s6 {
        width: 84px;
    }
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s6 {
        margin: 535px 0 0 144px;
        display: none;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s7 {
        margin: 381px 0 0 -10px;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s7 {
        width: 294px;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s8 {
        width: 120px;
        display: none;
    }
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s8 {
        margin: 565px 0 0 -164px;
    }

    .gs-hero .gs-new-top-content .gs-symbol.gs-s9 {
        width: 38px;
    }
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s9 {
        margin: 480px 0 0 168px;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s11 {
    margin: 553px 0 0 -150px;
    width: 100px;
}
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s12 {
    margin: 289px 0 0 149px;
    width: 93px;
}
    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s14 {
        margin: 363px 0 0 -186px;
    }

    .gs-hero .gs-new-top-content.gs-active .gs-symbol.gs-s13 {
        margin: 532px 0 0 113px;
        width: 117px;
    }


}

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

.gs-hero-form{
    border-radius: 20px;
    max-width: 1306px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    padding: 32px 24px;
    font-size: 0px;
    transition: all 700ms;

    border-radius: 20px;
    border: 1px solid #F3F5FA;

    display: none;
    position: relative;
    z-index: 3;

    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(237, 237, 237, 0.20);

}



.gs-hero-form .gs-step{
    font-size: 15px;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    padding: 0 0px 0 0;
    vertical-align: middle;
    -ms-transform: translate(10%, -0%);
    -webkit-transform: translate(10%, -0%);
    transform: translate(10%, -0%);
    opacity: 0;
    transition: all 700ms;
    display: none;
    min-height: 300px;
}

.gs-hero-form .gs-step.gs-visible{
    display: inline-block;
    opacity: 0;
    -ms-transform: translate(10%, -0%);
    -webkit-transform: translate(10%, -0%);
    transform: translate(10%, -0%);
}

.gs-hero-form .gs-step.gs-active{
    display: inline-block;
    -ms-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    opacity: 1;
}

.gs-hero-form .gs-step.gs-hide{
    -ms-transform: translate(-10%, -0%);
    -webkit-transform: translate(-10%, -0%);
    transform: translate(-10%, -0%);
    opacity: 0;
}



.gs-hero-form .gs-step.gs-active{
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
}

.gs-hero-form .gs-step .gs-content{
    margin: 0 auto;
}

.gs-hero-form .gs-step.gs-s3 .gs-content,
.gs-hero-form .gs-step.gs-s3 .gs-download{
    width: 100%;
}

.gs-hero-form .gs-step.gs-s1{
   justify-content: center;
}

.gs-hero-form .gs-step.gs-s1 .gs-content{
    text-align: center;
}

.gs-hero-form .gs-step .gs-title{
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.36px;
    padding: 0 0 28px 0;
    text-align: center;
    width: 100%;
}

.gs-hero-form .gs-step .gs-text{
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
}

.gs-hero-form .gs-step .gs-cosmote-id-text{
    font-size: 15px;
    padding: 20px 0;
}

.gs-hero-form .gs-step .gs-cosmote-id{
    
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-weight: 700;
    width: 100px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 60px;
    text-align: center;
    text-decoration: none;
    transition: all 200ms;
}

@media screen and (min-width: 960px) {
    .gs-hero-form .gs-step .gs-cosmote-id:hover{
        background: #FFFFFF;
        color: #004383;
    }
}



.gs-hero-form .gs-step .gs-edit-profile{
    
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
    margin: 10px 0;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 60px;
    text-align: center;
    text-decoration: none;
    transition: all 200ms;
}

@media screen and (min-width: 960px) {
    .gs-hero-form .gs-step .gs-edit-profile:hover{
        background: #FFFFFF;
        color: #004383;
    }
}

.gs-hero-form .gs-step .gs-register{
    padding: 25px 0 0 0;
    font-size: 15px;
}
.gs-hero-form .gs-step .gs-register a{
    color: inherit;
    color: #fff;
}

.gs-hero-form .gs-step .gs-thank{
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.02em;
    padding: 0 0 15px 0;
}

.gs-hero-form .gs-step .gs-thank-text{
    color: #F3F0E8;
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: -0.36px;
}

.gs-hero-form .gs-step .gs-row{
    font-size: 0px;
}

.gs-hero-form .gs-step .gs-row .gs-col{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 7px);
    margin: 0 7px 0 0;
    padding: 0 0 25px 0;
}

.gs-hero-form .gs-step .gs-row .gs-col.last{
    margin: 0 0 0 7px;
}


.gs-hero-form .gs-step .gs-row .gs-col input{
    width: 100%;
    display: block;
    line-height: 38px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: none;
    padding: 0 15px;
    font-weight: 400;
    color: #fff;
    outline: none;
    font-size: 14px;
}


.gs-hero-form .gs-step .gs-row .gs-col input[type="number"]::-webkit-outer-spin-button,
.gs-hero-form .gs-step .gs-row .gs-col input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.gs-hero-form .gs-step .gs-row .gs-col input[type=number] {
  -moz-appearance: textfield;
}



.gs-hero-form .gs-step .gs-row .gs-col input.gs-error{
    border-color: #ff0000;
}

.gs-hero-form .gs-step .gs-terms{
    padding: 0 0 15px 25px;
    font-size: 12px;
    line-height: 140%;
}

.gs-hero-form .gs-step .gs-terms a{
    color: #fff;
    text-decoration: underline;
}

.gs-hero-form .gs-step .gs-terms strong{
    font-size: 13px;
}

.gs-hero-form .gs-step .gs-terms .gs-checkbox{
    float: left;
    margin: 0 0 0 -27px;
    width: 17px;
    height: 17px;
    background: #FFFFFF;
    border: 2px solid #DCDCDC;
    border-radius: 4px;
    display: block;
    font-size: 0px;
    position: relative;
}

.gs-hero-form .gs-step .gs-terms .gs-checkbox.gs-error{
    border-color: #ff0000;
}


.gs-hero-form .gs-step .gs-terms .gs-checkbox.gs-active::after{
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: #000;
    border-radius: 3px;
}


.gs-hero-form .gs-step  .gs-submit{
    display: inline-block;
    padding: 14px 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    line-height: 12px;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: all 200ms;

    border-radius: 10px;
    border: 1px solid #FFF;

}

@media screen and (min-width: 960px) {
    .gs-hero-form .gs-step .gs-submit:hover{
        background: #fff;
        color: #282828;
    }
}

.gs-hero-form .gs-step .gs-required{
    padding: 15px 0 0 0;
    font-size: 11px;

}

.gs-hero-form .gs-step .gs-extra{
    padding: 30px 0 0 0;
    font-size: 11px;
}

.gs-hero-form .gs-step .gs-extra a{
    color: inherit;
}


.gs-hero-form .gs-step .gs-toggler{
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 0px;
    position: relative;

    float: left;
    margin: 1px 0 0 -25px;
    transition: all 200ms;
}

.gs-hero-form .gs-step .gs-toggler.gs-error{
    border-color: #ff0000;
}

.gs-hero-form .gs-step .gs-toggler.gs-nm{
    margin-left: 0px;
}

.gs-hero-form .gs-step .gs-toggler.gs-active::after{
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: #fff;
    border-radius: 2px;
}


.gs-hero-form .gs-links{ 
  font-size: 0px;
}


.gs-hero-form .gs-links a{
  width: 131px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  background: url("../images/icon-link-google-play.svg") no-repeat center center;
  background-size: contain;
} 


.gs-hero-form .gs-links a.gs-apple-store{
  background-image: url("../images/icon-link-apple-store.svg");
  width: 112px;
}


.gs-hero-form .gs-links a.gs-huawwei-store{
  background-image: url("../images/icon-link-app-gallery.svg");
  width: 128px;
}



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


  .gs-hero-form{
      border-radius: 1.39vw;
      max-width: 90.70vw;
      padding: 2.23vw 1.67vw;
      border-radius: 1.39vw;
      border: 0.07vw solid #F3F5FA;
      border-radius: 0.70vw;
      border: 0.07vw solid #FFF;
    }

    .gs-hero-form .gs-step{
      font-size: 1.05vw;
      max-width: 65.98vw;
      min-height: 20.84vw;
    }

    .gs-hero-form .gs-step .gs-title{
      font-size: 2.50vw;
      letter-spacing: -0.02vw;
      padding: 0 0 1.95vw 0;
    }

    .gs-hero-form .gs-step .gs-text{
      font-size: 1.12vw;
    }

    .gs-hero-form .gs-step .gs-cosmote-id-text{
      font-size: 1.05vw;
      padding: 1.39vw 0;
    }

    .gs-hero-form .gs-step .gs-cosmote-id{
      font-size: 0.84vw;
      line-height: 0.84vw;
      width: 6.95vw;
      line-height: 2.78vw;
      border: 0.07vw solid #fff;
      border-radius: 4.17vw;
    }

    .gs-hero-form .gs-step .gs-edit-profile{
      font-size: 0.84vw;
      line-height: 0.84vw;
      padding: 0 1.39vw;
      margin: 0.70vw 0;
      line-height: 2.78vw;
      border: 0.07vw solid #fff;
      border-radius: 4.17vw;
    }

    .gs-hero-form .gs-step .gs-register{
      padding: 1.74vw 0 0 0;
      font-size: 1.05vw;
    }

    .gs-hero-form .gs-step .gs-thank{
      font-size: 2.78vw;
      padding: 0 0 1.05vw 0;
    }

    .gs-hero-form .gs-step .gs-thank-text{
      font-size: 1.25vw;
      letter-spacing: -0.02vw;
    }

    .gs-hero-form .gs-step .gs-row .gs-col{
      width: calc(50% - 0.49vw);
      margin: 0 0.49vw 0 0;
      padding: 0 0 1.74vw 0;
    }

    .gs-hero-form .gs-step .gs-row .gs-col.last{
      margin: 0 0 0 0.49vw;
    }

    .gs-hero-form .gs-step .gs-row .gs-col input{
      line-height: 2.64vw;
      height: 2.78vw;
      border: 0.07vw solid #fff;
      border-radius: 0.56vw;
      padding: 0 1.05vw;
      font-size: 0.98vw;
    }

    .gs-hero-form .gs-step .gs-terms{
      padding: 0 0 1.05vw 1.74vw;
      font-size: 0.84vw;
    }

    .gs-hero-form .gs-step .gs-terms strong{
      font-size: 0.91vw;
    }

    .gs-hero-form .gs-step .gs-terms .gs-checkbox{
      margin: 0 0 0 -1.87vw;
      width: 1.19vw;
      height: 1.19vw;
      border: 0.14vw solid #DCDCDC;
      border-radius: 0.28vw;
    }

    .gs-hero-form .gs-step .gs-terms .gs-checkbox.gs-active::after{
      border-radius: 0.21vw;
    }

    .gs-hero-form .gs-step  .gs-submit{
      padding: 0.98vw 1.39vw;
      font-size: 0.84vw;
      line-height: 0.84vw;
      letter-spacing: -0.01vw;
      border-radius: 0.70vw;
      border: 0.07vw solid #FFF;
    }

    .gs-hero-form .gs-step .gs-required{
      padding: 1.05vw 0 0 0;
      font-size: 0.77vw;
    }

    .gs-hero-form .gs-step .gs-extra{
      padding: 2.09vw 0 0 0;
      font-size: 0.77vw;
    }

    .gs-hero-form .gs-step .gs-toggler{
      width: 1.19vw;
      height: 1.19vw;
      border: 0.07vw solid #fff;
      border-radius: 0.28vw;
      margin: 0.07vw 0 0 -1.73vw;
    }

    .gs-hero-form .gs-step .gs-toggler.gs-active::after{
      border-radius: 0.14vw;
    }

    .gs-hero-form .gs-links a{
      width: 9.10vw;
      height: 2.85vw;
      margin: 0 0.70vw 0 0;
    }

    .gs-hero-form .gs-links a.gs-apple-store{
      width: 7.78vw;
    }

    .gs-hero-form .gs-links a.gs-huawwei-store{
      width: 8.89vw;
    }

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

    .gs-hero-form .gs-step .gs-title{
        font-size: 26px;
    }

    .gs-hero-form{
        width: calc(100% - 40px);
    }


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

    .gs-hero {
        background-size: 1200px auto;
    }

    .gs-hero .gs-bottom-content .gs-title,
    .gs-hero-form .gs-step .gs-title {
        font-size: 24px;
    }

    .gs-hero .gs-bottom-content .gs-text {
        padding: 30px 0 30px 0;
        font-size: 20px;
    }

    .gs-hero .gs-bottom-content .gs-register a{
        display: block;
    }

    .gs-hero .gs-bottom-content .gs-title br,
    .gs-hero-form .gs-step .gs-title br{
        display: none;
    }

    .gs-hero-form .gs-step .gs-row .gs-col{
        width: 100%;
    }
}

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



.gs-new-benefits{
   padding: 66px 0 112px 0;
}

.gs-new-benefits .gs-title{
    color: #282828;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.36px;
    padding: 0 0 44px 0;
}

.gs-new-benefits .gs-items{
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 17px;
}

.gs-new-benefits .gs-items .gs-item{
    width: 213px;
    min-height: 220px;
    padding: 16px 16px 12px 16px;
    border-radius: 10px;
    background: #2461EA;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    color: #fff;
    text-align: left;
}

.gs-new-benefits .gs-items .gs-item:nth-child(2),
.gs-new-benefits .gs-items .gs-item:nth-child(4),
.gs-new-benefits .gs-items .gs-item:nth-child(6){
    transform: translate(0, 60px);
}


.gs-new-benefits .gs-items .gs-item .gs-item-top{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 98%;
    letter-spacing: -0.24px;
}

.gs-new-benefits .gs-items .gs-item .gs-item-top img{
    display: block;
    width: 50px;
}

.gs-new-benefits .gs-items .gs-item .gs-item-title{
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.26px;
    padding: 0 0 20px 0;
}

.gs-new-benefits .gs-items .gs-item .gs-item-points{
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%;
    letter-spacing: -0.19px;
}


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

    .gs-new-benefits{
      padding: 4.59vw 0 7.78vw 0;
    }

    .gs-new-benefits .gs-title{
      font-size: 2.50vw;
      letter-spacing: -0.02vw;
      padding: 0 0 3.06vw 0;
    }

    .gs-new-benefits .gs-items{
      gap: 1.19vw;
    }

    .gs-new-benefits .gs-items .gs-item{
      width: 14.80vw;
      min-height: 15.28vw;
      padding: 1.12vw 1.12vw 0.84vw 1.12vw;
      border-radius: 0.70vw;
      gap: 1.39vw;
    }

    .gs-new-benefits .gs-items .gs-item:nth-child(2),
    .gs-new-benefits .gs-items .gs-item:nth-child(4),
    .gs-new-benefits .gs-items .gs-item:nth-child(6){
      transform: translate(0, 4.17vw);
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-top{
      font-size: 1.67vw;
      letter-spacing: -0.01vw;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-top img{
      width: 3.48vw;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-title{
      font-size: 1.81vw;
      letter-spacing: -0.01vw;
      padding: 0 0 1.39vw 0;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-points{
      font-size: 1.32vw;
      letter-spacing: -0.01vw;
    }
}
@media screen and (max-width: 959px) {

    .gs-new-benefits .gs-items{
        flex-wrap: wrap;
    }

    .gs-new-benefits .gs-items .gs-item:nth-child(2), 
    .gs-new-benefits .gs-items .gs-item:nth-child(4), 
    .gs-new-benefits .gs-items .gs-item:nth-child(6) {
        transform: translate(0, 0px);
    }

    .gs-new-benefits .gs-items .gs-item:nth-child(2), 
    .gs-new-benefits .gs-items .gs-item:nth-child(5) {
        transform: translate(0, 60px);
    }

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

    .gs-new-benefits{
        padding: 36px 16px;
    }

    .gs-new-benefits .gs-title{
        font-size: 24px;
        padding: 0 0 24px 0;
        max-width: 300px;
        margin: 0 auto;
    }

    .gs-new-benefits .gs-scroll-content{
        margin-right: -16px;
        width: calc(100% + 16px);
    }

    .gs-new-benefits .gs-items{
        justify-content: flex-start;
        align-items: start;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px;
        width: 1350px;
    }

    .gs-new-benefits .gs-items .gs-item,
    .gs-new-benefits .gs-items .gs-item:nth-child(2), 
    .gs-new-benefits .gs-items .gs-item:nth-child(5){
        width: 213px;
        height: 206px;
        min-height: 206px;
        transform: translate(0, 0px);
        padding: 16px 16px 24px 16px;
    }



    .gs-new-benefits .gs-items .gs-item .gs-item-title{
        font-size: 20px;
        padding: 0 0 20px 0;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-title br{
        display: none;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-points {
        font-size: 18px;
    }

    .gs-new-benefits .gs-items .gs-item .gs-item-top{
        font-size: 24px;
    }

    .gs-new-benefits .gs-items .gs-item:nth-child(5) .gs-item-top{
        padding-right: 10px;
        width: 50px;
    }

}

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



.gs-new-coupons{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px 44px 40px;
}

.gs-new-coupons .gs-title{
    color: #282828;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.36px;
    padding: 0 0 44px 0;
}

.gs-new-coupons .gs-grid{
    position: relative;
}

.gs-new-coupons .gs-grid .gs-grid-desc{
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    background: #EFCD06;
    width: calc(50% - 4px);
    height: calc(66% + 1px );
    align-content: center;
}

.gs-new-coupons .gs-grid .gs-grid-desc img{
    width: 167px;
}

.gs-new-coupons .gs-grid .gs-grid-desc .gs-text{
    color: #282828;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.24px;
    max-width: 476px;
    margin: 0 auto;
}

.gs-new-coupons .gs-grid .gs-smile {
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 16px;
    background: #EFCD06;
    width: calc(25% - 4px);
    height: calc(32% + 4px );
    align-content: center;

}

.gs-new-coupons .gs-grid .gs-smile img{
    width: 159px;
    display: block;
    margin: 0 auto;
}

.gs-new-coupons .gs-items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
    min-height: 540px;
}

.gs-new-coupons .gs-items .gs-item{
    background:#FF6E80;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.gs-new-coupons .gs-items .gs-item::before,
.gs-new-coupons .gs-items .gs-item::after{
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
}

.gs-new-coupons .gs-items .gs-item::after{
    left: auto;
    right: 0px;
    transform: translate(50%, -50%);
}


.gs-new-coupons .gs-items .gs-item.gs-i1{
    grid-column-start: 3;
}

.gs-new-coupons .gs-items .gs-item.gs-i2{
    grid-column-start: 4;
}

.gs-new-coupons .gs-items .gs-item.gs-i3{
   grid-column-start: 3;
    grid-row-start: 2;
}

.gs-new-coupons .gs-items .gs-item.gs-i4{
    grid-column-start: 4;
    grid-row-start: 2;
}

.gs-new-coupons .gs-items .gs-item.gs-i5{
    grid-row-start: 3;
}

.gs-new-coupons .gs-items .gs-item.gs-i6{
    grid-row-start: 3;
}

.gs-new-coupons .gs-items .gs-item.gs-i7{
    grid-row-start: 3;
}

.gs-new-coupons .gs-items .gs-item .gs-item-icon{
    width: 120px;
}

.gs-new-coupons .gs-items .gs-item .gs-item-icon img{
    display: block;
    width: 100%;
}

.gs-new-coupons .gs-items .gs-item .gs-item-price{
    color: #282828;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 43.12px */
    letter-spacing: -0.44px;
}

.gs-new-coupons .gs-items .gs-item .gs-item-text{
    color: #282828;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 15.6px */
    letter-spacing: -0.13px;
    max-width: 120px;
    margin: 0 auto;
    padding: 5px 0 3px 0;
}

.gs-new-coupons .gs-items .gs-item .gs-item-points{
    color: #282828;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 24px */
    letter-spacing: -0.2px;
}


.gs-coupon-terms{
    margin: 44px auto 0 auto;
    max-width: 1360px;
    border-radius: 4px;
    background: #EDEDED;
    padding: 24px 16px;
}

.gs-coupon-terms .gs-toggler{
    display: block;
    color: #282828;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    text-align: left;
    position: relative;
}

.gs-coupon-terms .gs-toggler::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    background: url("../images/icon-toggler.svg") no-repeat center center;
    background-size: contain;
}

.gs-coupon-terms .gs-toggler.gs-active::after{
    transform: translate(0, -50%) rotate(180deg);
}

.gs-coupon-terms .gs-text{
    display: none;
    text-align: left;
    padding: 20px 0 0 0;
    font-size: 15px;
}


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

    .gs-new-coupons{
      max-width: 100.00vw;
      padding: 0 2.78vw 3.06vw 2.78vw;
    }

    .gs-new-coupons .gs-title{
      font-size: 2.50vw;
      letter-spacing: -0.02vw;
      padding: 0 0 3.06vw 0;
    }

    .gs-new-coupons .gs-grid .gs-grid-desc{
      border-radius: 1.12vw;
      width: calc(50% - 0.28vw);
      height: calc(66% + 0.07vw );
    }

    .gs-new-coupons .gs-grid .gs-grid-desc img{
      width: 11.60vw;
    }

    .gs-new-coupons .gs-grid .gs-grid-desc .gs-text{
      font-size: 1.67vw;
      letter-spacing: -0.01vw;
      max-width: 33.06vw;
    }

    .gs-new-coupons .gs-grid .gs-smile{
      border-radius: 1.12vw;
      width: calc(25% - 0.28vw);
      height: calc(32% + 0.28vw );
    }

    .gs-new-coupons .gs-grid .gs-smile img{
      width: 11.05vw;
    }

    .gs-new-coupons .gs-items{
      gap: 0.56vw;
      min-height: 37.50vw;
    }

    .gs-new-coupons .gs-items .gs-item{
      border-radius: 1.12vw;
      gap: 0.70vw;
    }

    .gs-new-coupons .gs-items .gs-item::before,
    .gs-new-coupons .gs-items .gs-item::after{
      width: 2.09vw;
      height: 2.09vw;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-icon{
      width: 8.34vw;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-price{
      font-size: 3.06vw;
      /* 3.00vw */
        letter-spacing: -0.03vw;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-text{
      font-size: 0.91vw;
      /* 1.09vw */
        letter-spacing: 0.00vw;
      max-width: 8.34vw;
      padding: 0.35vw 0 0.21vw 0;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-points{
      font-size: 1.39vw;
      /* 1.67vw */
        letter-spacing: -0.01vw;
    }

    .gs-coupon-terms{
      margin: 3.06vw auto 0 auto;
      max-width: 94.45vw;
      border-radius: 0.28vw;
      padding: 1.67vw 1.12vw;
    }

    .gs-coupon-terms .gs-toggler{
      font-size: 1.12vw;
      letter-spacing: -0.01vw;
    }

    .gs-coupon-terms .gs-toggler::after{
      width: 1.05vw;
      height: 1.05vw;
    }

    .gs-coupon-terms .gs-text{
      padding: 1.39vw 0 0 0;
      font-size: 1.05vw;
    }
}
@media screen and (max-width: 959px) {

    .gs-new-coupons{
        padding: 0 20px 44px 20px;
    }

    .gs-new-coupons .gs-grid .gs-grid-desc{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 10px 20px 30px 20px;
    }
    .gs-new-coupons .gs-items{
        display: block;
        min-height: 10px;
        margin: 16px auto 0 auto;
    }

    .gs-new-coupons .owl-dots{
        display: none;
    }

    .gs-new-coupons .gs-grid .gs-smile {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 150px;
    }


    .gs-page .gs-new-coupons button.owl-prev{
        position: relative;
        left: auto;
        top: auto;
        width: 30px;
        height: 30px;
        transform: translate(0, -0%);
    }

    .gs-page .gs-new-coupons button.owl-next{
        position: relative;
        right: auto;
        top: auto;
        width: 30px;
        height: 30px;
        transform: translate(0, -0%);
    }

    .gs-page .gs-new-coupons .owl-nav{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 5px;
        padding: 10px 0;
    }

    .gs-new-coupons .gs-items .gs-item{
        min-height: 180px;
    }
}
@media screen and (max-width: 767px) {

    .gs-new-coupons {
        padding: 0 16px 32px 16px;
    }
    .gs-new-coupons .gs-title {
        font-size: 24px;
        padding: 0 0 16px 0;
    }

    .gs-new-coupons .gs-grid .gs-grid-desc .gs-text{
        font-size: 20px;
    }

    .gs-new-coupons .gs-grid .gs-smile {
        height: 170px;
    }

    .gs-new-coupons .gs-items .gs-item{
        flex-direction: column-reverse;
        padding: 35px 10px;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-points{
        font-size: 18px;
    }

    .gs-new-coupons .gs-items .gs-item::before, .gs-new-coupons .gs-items .gs-item::after {
        left: 50%;
        top: 0%;
        transform: translate(-50%, -50%);
    }

    .gs-new-coupons .gs-items .gs-item::after{
        right: auto;
        top: auto;
        bottom: 0px;
        transform: translate(-50%, 50%);
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-icon{
        width: 100%;
    }

    .gs-new-coupons .gs-items .gs-item .gs-item-icon img{
        height: 120px;
        width: auto;
        margin: 0 auto;
    }

    .gs-new-coupons .owl-carousel .owl-stage-outer{
        overflow: visible;
    }

    .gs-coupon-terms .gs-toggler{
        font-size: 14px;
    }

}

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




.gs-gapp{
    padding: 10px 20px 52px 20px;
}

.gs-gapp .gs-icon{
    width: 82px;
    margin: 0 auto;
}

.gs-gapp .gs-icon img{
    display: block;
    width: 100%;
}

.gs-gapp .gs-title{
    padding: 40px 0 32px 0;

    color: #282828;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: -0.36px;
}

.gs-gapp .gs-links{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 0 64px 0;
}



.gs-gapp .gs-items{
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}

.gs-gapp .gs-items .gs-item{

}

.gs-gapp .gs-items .gs-item .gs-item-title{
    border-radius: 18px;
    background: #024DDF;
    padding: 16px;
    height: 90px;
    align-content: center;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    line-height: 130%; 
    letter-spacing: -0.2px;
    margin: 0 auto 24px auto;
    max-width: 770px;

}

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

.gs-gapp .gs-items .gs-item .gs-item-text{
    color: #282828;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; 
    letter-spacing: -0.15px;
    padding: 8px 12px;
    border-radius: 18px;
    border: 1px solid #282828;
    margin: 12px auto 0 auto;
    min-height: 84px;
    align-content: center;
}




.gs-gapp .gs-sub-items{
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 40px;
}

.gs-gapp .gs-sub-items .gs-sub-item{
    max-width: 230px;
}


.gs-gapp .gs-disclaimer{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    text-decoration: underline;
    padding: 20px 0 0 0;
    
}

.gs-page button.owl-prev{
    position: absolute;
    left: -70px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
    background: url("../images/icon-prev.svg") no-repeat center center !important;
    background-size: contain !important;
}

.gs-page button.owl-next{
    position: absolute;
    right: -70px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
    background: url("../images/icon-next.svg") no-repeat center center !important;
    background-size: contain !important;
}

.gs-page button.owl-prev.disabled,
.gs-page button.owl-next.disabled{
    opacity: 0.3;
    cursor: default;
}

.gs-page button.owl-prev span,
.gs-page button.owl-next span{
    display: none !important;
}


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

    .gs-gapp{
      padding: 0.70vw 1.39vw 3.62vw 1.39vw;
    }

    .gs-gapp .gs-icon{
      width: 5.70vw;
    }

    .gs-gapp .gs-title{
      padding: 2.78vw 0 2.23vw 0;
      font-size: 2.50vw;
      letter-spacing: -0.02vw;
    }

    .gs-gapp .gs-links{
      gap: 0.70vw;
      padding: 0 0 4.45vw 0;
    }

    .gs-gapp .gs-items{
      max-width: 53.48vw;
    }

    .gs-gapp .gs-items .gs-item .gs-item-title{
      border-radius: 1.25vw;
      padding: 1.12vw;
      height: 6.25vw;
      font-size: 1.39vw;
      letter-spacing: -0.01vw;
      margin: 0 auto 1.67vw auto;
      max-width: 53.48vw;
    }

    .gs-gapp .gs-items .gs-item .gs-item-text{
      font-size: 1.05vw;
      letter-spacing: -0.01vw;
      padding: 0.56vw 0.84vw;
      border-radius: 1.25vw;
      border: 0.07vw solid #282828;
      margin: 0.84vw auto 0 auto;
      min-height: 5.84vw;
    }

    .gs-gapp .gs-sub-items{
      gap: 2.78vw;
    }

    .gs-gapp .gs-sub-items .gs-sub-item{
      max-width: 15.98vw;
    }

    .gs-gapp .gs-disclaimer{
      font-size: 1.12vw;
      letter-spacing: -0.01vw;
      padding: 1.39vw 0 0 0;
    }

    .gs-page button.owl-prev{
      left: -4.86vw;
      width: 2.09vw;
      height: 2.09vw;
    }

    .gs-page button.owl-next{
      right: -4.86vw;
      width: 2.09vw;
      height: 2.09vw;
    }
}
@media screen and (max-width: 959px) {



    .gs-page .gs-gapp button.owl-prev{
        left: 20px;
    }

    .gs-page .gs-gapp button.owl-next{
        right: 20px;
    }

    .gs-gapp .gs-sub-items{
        display: block;
        position: relative;
        max-width: 370px;
        margin: 0 auto;
        
    }

    .gs-gapp .gs-i1 .gs-sub-items{
        padding: 160px 0 0 0;
    }

    .gs-gapp .gs-sub-items .gs-sub-item .gs-item-text{
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(50% - 2px);
        min-height: 82px;
        font-size: 14px;
        margin: 0px;
    }

    .gs-gapp .gs-sub-items .gs-sub-item .gs-item-text br{
        display: none;
    }

    .gs-gapp .gs-sub-items .gs-sub-item.gs-active .gs-item-text{
        background: #282828;
        color: #fff;
    }

    .gs-gapp .gs-sub-items .gs-sub-item:nth-child(2) .gs-item-text{
        left: auto;
        right: 0px;
    }

    .gs-gapp .gs-sub-items .gs-sub-item:nth-child(3) .gs-item-text{
        top: 87px;
        width: 100%;
        min-height: 60px;
    }

    .gs-gapp .gs-sub-items .gs-sub-item{
        width: 165px;
        margin: 0 auto;
    }

    .gs-gapp .gs-sub-items .gs-sub-item:not(:first-child) .gs-item-photo{
        display: none;
    }


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

    .gs-gapp{
        padding: 10px 16px 52px 16px;
    }
    .gs-gapp .gs-title {
        padding: 30px 0 32px 0;
        font-size: 24px;
    }

    .gs-gapp .gs-links{
        flex-direction: column;
        width: 147px;
        margin: 0 auto;
        padding: 0 0 36px 0;
    }

    .gs-gapp .gs-links a{
        width: 100%;
    }

    .gs-gapp .gs-links a img{
        display: block;
        width: 100%;
    }

    .gs-gapp .gs-items .gs-item .gs-item-title{
        font-size: 18px;
        line-height: 120%;
        margin: 0 auto 12px auto;
        height: auto;
    }

    .gs-gapp .gs-sub-items .gs-sub-item .gs-item-text{
        font-size: 13px;
        line-height: 110%;
        padding: 8px 8px;
    }

}

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