@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Regular.eot');
    src: url('../fonts/TeleNeoWeb-Regular.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Medium.eot');
    src: url('../fonts/TeleNeoWeb-Medium.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Bold.eot');
    src: url('../fonts/TeleNeoWeb-Bold.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-ExtraBold.eot');
    src: url('../fonts/TeleNeoWeb-ExtraBold.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo-Var;
    src: url('../fonts/TeleNeoVariable-Upright.woff2') format('woff2');
    font-weight: 1 999;
    font-style: normal;
}




body.wcs-locked{
  overflow:hidden;
}

html,body{
  padding: 0px;
  margin: 0px;
}


.wcs-wrapper{
  position:relative;
  font-size:24px;
  color:#000;
  font-family: TeleNeo-Var;
  font-weight: 400;
  text-align: center;
  padding: 0px 0 0 0;
  overflow: hidden;
}

.wcs-wrapper *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wcs-wrapper a{
  color: inherit;
}


.wcs-clear{
  clear:both;
}

.wcs-wrapper h1,
.wcs-wrapper h2,
.wcs-wrapper h3,
.wcs-wrapper h4,
.wcs-wrapper h5,
.wcs-wrapper h6{
  margin: 0px;
  padding: 0px;
}


.wcs-wrapper p{
  margin: 0px;
  padding: 0 0 20px 0;
}
.wcs-wrapper p:last-child{
  padding: 0px;
}

.wcs-mob-br{
    display: none;
}



*:focus-visible {
  outline-color:#000;
}

footer *:focus-visible {
  outline-color:#fff;
}




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



header{
    width: 100%;
    background: #fff;
}

header .wcs-hold{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 0px;
    padding: 0px;
    min-height: 96px;
    border-bottom: 1px solid #B6B6B6;
}

header .wcs-logo{
    width: 333px;
}

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

header .wcs-lang-select{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 24px 0 0;

    display: none !important;

}

header .wcs-lang-select a{
    display: block;
    padding: 2px 8px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    text-decoration: none;
}

header .wcs-lang-select a.wcs-active{
    font-weight: 655;
}


footer{
    width: 100%;
    overflow: hidden;
    background: #000 url("../images/logo-white.svg") no-repeat  center 32px;
    background-size: 64px auto;
}

footer .wcs-hold{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    min-height: 48px;
    text-align: left;
    align-content: center;
    padding: 154px 24px 28px 24px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;

    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-decoration: none;

}

footer .wcs-hold a,
footer .wcs-hold button{
    font-family: TeleNeo-Var;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-decoration: none;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}



footer .wcs-hold a:hover,
footer .wcs-hold button:hover{
    text-decoration: underline;
}

footer .wcs-hold button{
    border: 0px;
    background: none;
}

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

  
    header .wcs-logo{
        width: 208px;

    }

    header .wcs-hold{
        min-height: 60px;
        padding-left: 40px;

    }

    footer{
        background-size: 48px;
    }

    footer .wcs-hold{
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
        gap: 30px;
        border-left: 40px solid #fff;
        border-right: 40px solid #fff;

        padding-top: 135px;
    }

    footer .wcs-hold,
    footer .wcs-hold a,
    footer .wcs-hold button{
        font-size: 14px;
    }


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

    header .wcs-hold{
        padding-left: 0px;
    }

    footer .wcs-hold{
        border: 0px;
    }

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


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


.terms{
    padding: 80px 128px;
    width: 100%;
    max-width: 1440px;
    text-align: left;
    margin: 0 auto;

    min-height: calc(100vh - 202px - 96px);
}

.terms .title{
  color: #E20074;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -0.32px;
  padding: 0 0 30px 0;
}

.terms .text h2,
.terms .text h3,
.terms .text h4,
.terms .text h5,
.terms .text h6{
    font-size: 20px;
    padding: 0px 0;
    color: #000;
    font-weight: 700;
}

.terms .text{
    font-size: 20px;
    line-height: 120%;
}

.terms .text ul,
.terms .text ol{
    margin: 0px 0 0 20px;
    padding: 0px;
}


.terms .text table{
    width: 100%;
    margin: 0 0 20px 0;
    border: 0px;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}

.terms .text table td{
    padding: 5px;
    font-size: 14px;
    line-height: 100%;
    border: 0px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.terms .text table p{
    margin: 0px;
    padding: 0px;
}


.terms .text table tr:first-child td{
    background: #E20074;
    color: #fff;
    font-weight: 700;
}



.terms .text table tr:not(:first-child):nth-child(odd) td{
    background: #f8f8f8;
}


@media screen and (min-width: 960px) and (max-width: 1365px)  {
     .terms{
      padding: 5.56vw 8.89vw;
      max-width: 100.00vw;
      min-height: calc(100vh - 14.03vw - 6.67vw);
    }
  .terms .title{
    font-size: 2.23vw;
    letter-spacing: -0.02vw;
    padding: 0 0 2.09vw 0;
  }

  .terms .text h2,
  .terms .text h3,
  .terms .text h4,
  .terms .text h5,
  .terms .text h6{
    font-size: 1.39vw;
  }

  .terms .text{
    font-size: 1.39vw;
  }

  .terms .text ul,
  .terms .text ol{
    margin: 0.00vw 0 0 1.39vw;
  }

  .terms .text table{
    margin: 0 0 1.39vw 0;
    border-left: 0.07vw solid #d8d8d8;
    border-top: 0.07vw solid #d8d8d8;
  }
    .terms .text table td{
      padding: 0.35vw;
      font-size: 0.98vw;
      border-right: 0.07vw solid #d8d8d8;
      border-bottom: 0.07vw solid #d8d8d8;
    }
}
@media screen and (max-width: 959px){

    .terms{
        padding: 64px 32px;
    }

    .terms .title{
        font-size: 38px;
    }

    .terms .text h2,
    .terms .text h3,
    .terms .text h4,
    .terms .text h5,
    .terms .text h6{
        font-size: 24px;
    }

    .terms .text{
        font-size: 18px;
    }

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

    .terms {
        padding: 46px 16px;
    }

    .terms .title {
        font-size: 24px;
    }

    .terms .text h2,
    .terms .text h3,
    .terms .text h4,
    .terms .text h5,
    .terms .text h6 {
        font-size: 20px;
    }

    .terms .text{
        font-size: 15px;
    }
 
}
@media screen and (max-width: 374px){}





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



.home{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  
  text-align: left;
}

.home .hold{
  padding: 160px 100px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 24px;
  min-height: calc(100vh - 202px - 96px);
}

.home .title{
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%; 
  letter-spacing: -0.48px;
  margin: 0px;
  padding: 0px;
}

.home .sub-title{
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -0.36px;
  margin: 0px;
  padding: 0px;
}

.home .text{
  font-size: 24px;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.24px;
}


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

  .home .hold{
    padding: 11.12vw 6.95vw;
    gap: 1.67vw;
    min-height: calc(100vh - 14.03vw - 6.67vw);
  }

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

    .home .hold{
        padding: 32px 40px;
    }

    .home .title{
        font-size: 40px;
    }

    .home .sub-title{
        font-size: 32px;
    }

    .home .text{
        font-size: 18px;
    }

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

     .home .hold{
        padding: 64px 24px;
    }

    .home .title{
        font-size: 32px;
    }

    .home .sub-title{
        font-size: 24px;
    }

    .home .text{
        font-size: 17px;
    }

    .home .sub-title br{
        display: none;
    }
}
@media screen and (max-width: 374px){}


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