*{
  font-family: "Inter", serif;
}

body{
background: #000;
}

h1,h2,h3,h4{
font-family: "Kanit", serif;
}

.header-nav{
border-radius: 96px;
background: linear-gradient(90deg, rgba(133, 157, 189, 0.17) 0.01%, rgba(133, 157, 189, 0.04) 11.69%, rgba(133, 157, 189, 0.05) 32.24%, rgba(133, 157, 189, 0.06) 75.04%, rgba(133, 157, 189, 0.25) 99.99%);
backdrop-filter: blur(39.19381332397461px);
z-index: 99 !important;
}

.hero-bg{
background: url(/themes/default/assets/img/header-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.color-g-text{
background: linear-gradient(148deg, #59B432 0%, #0F6B08 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.bb{
border-radius: 20px;
}

.icon-num{
padding-top: 17px;
}

.dark-box{
border-radius: 20px;
border: 1px solid #3E3E3E;
background: linear-gradient(151deg, #252525 0.05%, #101010 100.05%);
}

.tab{
cursor: pointer;
}

.tab .acc-text{
display: none;
}

.tab.active .acc-text{
display: inline-block;
}

.service-bg{
background: linear-gradient(0deg, #000 0%, #010A08 100%);
}

.acc-text{
color: rgba(229, 229, 229, 0.76);
}

.social-l{
color: #EAECF0A6;
}

.btn-bg-green{
background: linear-gradient(90deg, #59B432 -0.01%, #0F6B08 99.6%);
}

.price-green{
border: 1px solid #3E3E3E;
background: linear-gradient(148deg, #59B432 0%, #0F6B08 100%)
}

.price-dark{
border: 1px solid #3E3E3E;
background: linear-gradient(151deg, rgba(255, 255, 255, 0.10) 0.05%, rgba(255, 255, 255, 0.08) 100.05%)
}

.service-bg-box{
border-radius: 20px;
background: linear-gradient(151deg, rgba(255, 255, 255, 0.10) 0.05%, rgba(255, 255, 255, 0.08) 100.05%);
}

.check{
background: url(/themes/default/assets/img/check-i.svg);
}

.check-w{
background: url(/themes/default/assets/img/check-w.svg);
}

.text-color-green{
color: #D5E9D8;
}

.text-slider {
display: flex;
flex-direction: column;
animation: textSlide 6s infinite ease-in-out;
}

.text-slider span{
  background: linear-gradient(90deg, #FF3 2.93%, #A8FF65 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Playfair Display", serif;
}

.text-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 92px;
  margin-bottom: -15px;
}

@keyframes textSlide {
0%, 16.6%  { transform: translateY(0%); }     /* Первое слово задерживается */
33.3%, 49.9% { transform: translateY(-92px); }  /* Второе слово */
66.6%, 83.2% { transform: translateY(-184px); } /* Третье слово */
100%       { transform: translateY(0%); }     /* Возвращаемся к первому */
}

.switch input {
display: none;
}

.switch .slider {
position: relative;
cursor: pointer;
width: 74px;
height: 33px;
background-color: #5759CE;
border-radius: 34px;
transition: background-color 0.3s;
display: inline-block;
}

.switch .slider:before {
content: "";
position: absolute;
height: 25px;
width: 25px;
border-radius: 50%;
left: 4px;
bottom: 4px;
background-color: white;
transition: transform 0.3s;
}

.switch input:checked + .slider {
background-color: #5759CE;
}

.switch input:checked + .slider:before {
transform: translateX(40px);
}

.active-switch {
background-color: #ffeb3b;
}

.eur-price,
.active-switch .gbp-price{
  display: none;
}

.active-switch .eur-price,
.gbp-price{
  display: inline-block;
}

.pc{
display: inline-block;
}

.mob{
display: none;
}


@media(max-width:800px){

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

.pc{
  display: none;
}

.mob-logo{
  min-width: 0 !important;
  width: 50% !important;
  max-width: 50% !important;
}

.mob{
  display: inline-block;
}

.text-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 49px;
  margin-bottom: -11px;
}

@keyframes textSlide {
  0%, 12.5%  { transform: translateY(0%); }     /* Первое слово задерживается */
  25%, 37.5% { transform: translateY(-49px); }  /* Второе слово */
  50%, 62.5% { transform: translateY(-98px); } /* Третье слово */
  75%, 87.5% { transform: translateY(-147px); } /* Четвертое слово */
  100%       { transform: translateY(0%); }     /* Возвращаемся к первому */
}



}