* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'proxima-r';
  src: url('./fonts/proximanova_regular.ttf');
}

@font-face {
  font-family: 'pixel-b';
  src: url('./fonts/pixel-ultima-bold.ttf');
}

@font-face {
  font-family: 'inter-r';
  src: url('./fonts/Inter-Regular.ttf');
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 0;
}

body {
  overflow-x: hidden;
}

.container {
  width: 72.71vw;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.top_section {
  background: url('./img/main.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 46.72vw;
  width: 100vw;

}

.header {
  padding: 1.15vw 0;
  margin-bottom: 5.94vw;
}

.header_container {
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 2.08vw;
}

.logo {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3.13vw;
  height: 3.13vw;
  left: 0;
}

.inter-r {
  font-family: 'inter-r';
  font-weight: 400;
}

.font-24 {
  font-size: 1.25vw;
}

.font-60 {
  font-size: 3.13vw;
}

.font-32 {
  font-size: 1.67vw;
}

.font-28 {
  font-size: 1.46vw;
}

.font-20 {
  font-size: 1.04vw;
}

.font-36 {
  font-size: 1.88vw;
}

.font-72 {
  font-size: 3.75vw;
}

.lh-36 {
  line-height: 1.88vw;
}

.black-font {
  color: black;
}

.white-font {
  color: #fff;
}

.lh-28 {
  line-height: 1.46vw;
}

.lh-60 {
  line-height: 3.13vw;
}

.lh-22 {
  line-height: 1.13vw;
}

.lh-24 {
  line-height: 1.25vw;
}

.lh-72 {
  line-height: 3.75vw;
}

.mt-20 {
  margin-top: 1.04vw;
}

.proxima-r {
  font-family: 'proxima-r';
  font-weight: 400;
}

.header_btn {
  background: url('./img/header_btn.png') no-repeat;
  background-size: 100% 100%;
  /* Stretch the image to match the button size */
  padding: 0;
  /* Optional: Adjust padding to align image and text */
  border: none;
  display: inline-block;
}

.header_btn span {
  padding: 0.73vw 1.66vw;
  /* Add padding only to the text if needed */
  margin: 0;
  display: block;
  line-height: 1;
  /* Adjust line height if needed */
}

.header_btn_white {
  background: url('./img/header_btn2.png') no-repeat;
  background-size: 100% 100%;
  padding: 0;
  border: none;
  display: inline-block;
}


.pixel-b {
  font-family: 'pixel-b';
  font-weight: 700;
}

.font-66 {
  font-size: 3.44vw;
  line-height: 3.44vw;
}

.header_main {
  text-transform: uppercase;
}

.main_btn {
  border: none;
  background: url('./img/main_btn.png');
  background-size: contain;
  margin-top: 1.67vw;
  margin-bottom: 2.71vw;
  padding: 1.30vw 8.54vw;
  background-repeat: round;
  transition: all .5s ease;
}

.main_btn:hover {
  background: url('./img/act_main_btn.png');
  background-size: cover;
  transform: scale(1.3);
}

.row_btn {
  border-radius: 50%;
  background: #333336;
  width: 3.33vw;
  height: 3.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.row_btn img {
  height: 1.04vw;
  width: 1.77vw;
}

.home_section {
  background: #000;
  padding-bottom: 19.69vw;
}

.short_info {
  display: flex;
  justify-content: space-between;
  padding-top: 6.25vw;
  margin-bottom: 3vw;
  align-items: start;
}

.short_info p {
  max-width: 50%;
}

.difference {
  margin-bottom: 9.38vw;
}

.difference_dropdowns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.67vw;
  gap: 1.04vw;
}

.difference-left,
.difference-right {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.difference_dropdown_big {
  width: 34.5vw;
  padding: 1.56vw;
}

.difference_dropdown {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bg-dd {
  background: #221D21;
}

.bg-ac {
  background: #FFFFFF;
}

.difference_frame {
  display: flex;
  gap: 1.04vw;
  align-items: center;
}

.dif-svg {
  width: 4.17vw;
  height: 4.17vw;
}

.dif-bg {
  fill: #F5F5F7 !important;
}

.dif-act {
  fill: #332B31 !important;
}

.dif-cis {
  fill: #332B31 !important;
}

.dif-act-c {
  fill: #F5F5F7 !important;
}

.dif-row {
  width: 1.41vw;
  height: 0.83vw;
}

.dif-row rect {
  fill: #fff;
}

.difference_dropdown_add {
  margin-top: 0.94vw;
  width: 100%;

}

.difference_dropdown_add p {
  max-width: 90%;
}

.invs {
  display: none !important;
}

.row-act {
  transform: rotate(180deg);
}

.row-act-crypto {
  transform: rotate(180deg);
}

.row-act rect {
  fill: #332B31 !important;
}

.function_blocks {
  display: grid;
  grid-template-rows: 26.30vw 26.30vw 26.30vw;
  gap: 1.04vw;
}

.func_big {
  width: 41.98vw;
  border: 0.1vw solid #383838;

}

.func_mid {
  width: 35.83vw;
  border: 0.1vw solid #383838;

}

.func_mini {
  width: 29.69vw;
  border: 0.1vw solid #383838;

}

.function_block_step {
  display: flex;
  height: 100%;
  gap: 1.04vw;
}

.func {
  height: 100%;
}

#f1 {
  background: url('./img/func1.png');
  background-repeat: repeat;
  background-size: cover;
}

#f2 {
  background: url('./img/func2.png');
  background-repeat: repeat;
  background-size: cover;
}

#f3 {
  background: url('./img/func3.png');
  background-repeat: repeat;
  background-size: cover;
}

#f4 {
  background: url('./img/func4.png');
  background-repeat: repeat;
  background-size: cover;
}

#f5 {
  background: url('./img/func5.png');
  background-repeat: repeat;
  background-size: cover;
}

#f6 {
  background: url('./img/func6.png');
  background-repeat: repeat;
  background-size: cover;
}

#f7 {
  background: url('./img/func7.png');
  background-repeat: repeat;
  background-size: cover;
}

#f8 {
  background: url('./img/func8.png');
  background-repeat: repeat;
  background-size: cover;
}

#f9 {
  background: url('./img/func9.png');
  background-repeat: repeat;
  background-size: cover;
}

#f10 {
  background: url('./img/func10.png');
  background-repeat: repeat;
  background-size: cover;
}

#f11 {
  background: url('./img/func11.png');
  background-repeat: repeat;
  background-size: cover;
}

#f12 {
  background: url('./img/func12.png');
  background-repeat: repeat;
  background-size: cover;
}

#f13 {
  background: url('./img/func13.png');
  background-repeat: repeat;
  background-size: cover;
}

#f14 {
  background: url('./img/func14.png');
  background-repeat: repeat;
  background-size: cover;
}

#f15 {
  background: url('./img/func15.png');
  background-repeat: repeat;
  background-size: cover;
}

#f16 {
  background: url('./img/func16.png');
  background-repeat: repeat;
  background-size: cover;
}

#f17 {
  background: url('./img/func17.png');
  background-repeat: repeat;
  background-size: cover;
}

#f18 {
  background: url('./img/func18.png');
  background-repeat: repeat;
  background-size: cover;
}

#f19 {
  background: url('./img/func19.png');
  background-repeat: repeat;
  background-size: cover;
}

#f20 {
  background: url('./img/func20.png');
  background-repeat: repeat;
  background-size: cover;
}

#f21 {
  background: url('./img/func21.png');
  background-repeat: repeat;
  background-size: cover;
}

#f22 {
  background: url('./img/func22.png');
  background-repeat: repeat;
  background-size: cover;
}

#f23 {
  background: url('./img/func23.png');
  background-repeat: repeat;
  background-size: cover;
}

#f24 {
  background: url('./img/func24.png');
  background-repeat: repeat;
  background-size: cover;
}

#f25 {
  background: url('./img/func25.png');
  background-repeat: repeat;
  background-size: cover;
}

#f26 {
  background: url('./img/func26.png');
  background-repeat: repeat;
  background-size: cover;
}


.func_block {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 1.56vw;
}

.link {
  color: #066ECA;
  text-decoration: underline;
  margin: 0 auto;
  margin-top: 2vw;
  padding: 2vw 3vw;
  border: 0.2vw solid #383838;
}

.blue-font {
  color: #066ECA;
}

.earn {
  position: relative;
  margin-top: 9.38vw;
  display: flex;
  flex-direction: column;
  gap: 1.67vw;
  align-items: center;
  padding: 10.63vw 0;
  min-height: 62.24vw;
}

.t-center {
  text-align: center;
  text-transform: uppercase;
}

.swiper {
  height: 100%;
  width: 100%;
}

.earn_block_top {
  width: 12.29vw;
  height: 12.29vw;
  position: relative;
}

#earn1 {
  background: url('./img/earn1.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#earn2 {
  background: url('./img/earn2.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#earn3 {
  background: url('./img/earn3.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#earn4 {
  background: url('./img/earn4.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#earn5 {
  background: url('./img/earn5.png');
  background-repeat: no-repeat;
  background-size: contain;
}


.earn-row {
  position: absolute;
  top: 10vw;
  right: 1.56vw;
}

.earn_block_bottom {
  margin-top: 1.46vw;
  display: flex;
  flex-direction: column;
  gap: 0.63vw;
}

.green-font {
  color: #06CA29;
}

.swiper-buttons {
  display: flex;
  justify-content: end;
  gap: 1.67vw;
  width: 100%;
  bottom: 10vw;
  position: absolute;
}

.next,
.next-team,
.next-rew {
  transform: rotate(270deg) !important;
}

.prev,
.prev-team,
.prev-rew {
  transform: rotate(90deg);
}

.review {
  margin-top: 9.38vw;
}

.reviews {
  /* width: 100vw; */
  margin-top: 1.67vw;
  /* position: absolute; */
  left: 0;
}

.review_container {
  align-items: center;
  margin: 0 auto;
}

.review_content {
  padding: 1.04vw 3vw;
  display: flex;
  justify-content: space-between;
}

/* .review_block {
  position: absolute;
display: contents;
} */

.review_close {
  height: 8.13vw;
  overflow: hidden;
}

.review-img {
  width: 23.54vw;
  height: 22.66vw;
  border: 2px solid #272727
}

.mw-334 {
  max-width: 17.40vw;
}

/* TV Screen Container Styles */
.tv-screen-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1vw auto 3vw auto;
  max-width: 100%;
}

.tv-screen {
  position: relative;
  width: 80%;
  max-width: 900px;
  background-color: #000;
  border-radius: 20px;
  border: 15px solid #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
  padding: 10px;
  overflow: hidden;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsive styles for TV screen */
@media (max-width: 769px) {
  .tv-screen-container {
    margin: 0 auto 3vw auto;
  }
  
  .tv-screen {
    width: 90%;
    border-width: 10px;
  }
}

@media (max-width: 460px) {
  .tv-screen-container {
    margin: 0 auto 3vw auto;
  }
  
  .tv-screen {
    width: 95%;
    border-width: 8px;
  }
}

.tarif {
  margin-top: 9.38vw;
}

.tarifs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.04vw;
  margin-top: 1.67vw;
}

.tarif_block {
  background: url('./img/tarif_bg.png');
  width: 35.83vw;
  height: 20.68vw;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 1.67vw 1.67vw 0vw 1.67vw;
  display: flex;
  flex-direction: column;
  gap: 0.94vw;
}

.tarif_top {
  width: 32.71vw;
  height: 12.55vw;
  background: url('./img/tarif_top.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding: 1.56vw;
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1.67vw;
}

.tarif_price {
  display: flex;
  flex-direction: column;
  gap: 0.94vw;
  align-items: center;
}

.tarif_line {
  width: 15.63vw;
  height: 0.10vw;
  background: #000000;
}

.tarif_btn {
  background: url('./img/tarif_btn.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.06vw;
  border: none;
  transition: all .5s ease;
}

.tarif_btn:hover {
  background: url('./img/act_tarif_btn.png');
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.25);
}

.mw-288 {
  width: 15vw;
}

.team {
  margin-top: 9.38vw;
  padding-bottom: 4.06vw;
  position: relative;
}

.team_swiper {
  padding-top: 3vw;
  margin-top: 4.74vw;
  border: 0.05vw solid #221D21;
  min-height: 30vw;
}

.team_img {
  width: 11.25vw;
  height: 11.25vw;
  opacity: 0.6;
}

.swiper-slide-active img {
  transform: scale(1.5);
  opacity: 1;
}

.team_slide_add {
  margin-left: -3vw;
  margin-top: 4.53vw;
  display: none;
  flex-direction: column;
  gap: 0.63vw;
  width: 24.79vw;
}

.swiper-slide-active .team_slide_add {
  display: flex;
}

.team-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 1.67vw;
}

.partner {
  margin-top: 9.38vw;
}

.partners {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 17.40vw 17.40vw;
  gap: 1.04vw;
  margin-top: 1.67vw;
}

#partner-1 {
  background: url('./img/partner-1.png');
}

#partner-2 {
  background: url('./img/partner-2.png');
}

#partner-3 {
  background: url('./img/partner-3.png');
}

#partner-4 {
  background: url('./img/partner-4.png');
}

#partner-5 {
  background: url('./img/partner-5.png');
}

#partner-6 {
  background: url('./img/partner-6.png');
}

#partner-7 {
  background: url('./img/partner-7.png');
}

#partner-8 {
  background: url('./img/partner-8.png');
}

#partner-9 {
  display: none;
}

.partner_block {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.answears {
  margin-top: 9.38vw;
}

.answears-blocks {
  margin-top: 1.67vw;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.answears_dropdown_big {
  width: 100%;
}

.footer {
  background: #000000;
}

.footer_container {
  padding: 3.02vw 16.15vw 7.14vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer_logo {
  width: 3.13vw;
  height: 3.13vw;
}

.social_block {
  display: flex;
  flex-direction: column;
  gap: 1.46vw;
}

.social_blocks {
  display: flex;
  gap: 3.13vw;
}

.difference_mobile {
  display: none;
}

.reviews_mobile {
  display: none;
}

.menu {
  display: none;
}

.hamburger {
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 100;
  width: 40px;
  height: 40px;
}

.hamburger i {
  font-size: 24px;
  color: #000;
  display: block;
}

.menuIcon, .closeIcon {
  color: #000;
}

.closeIcon {
  display: none;
}

.header_func {
  background: #090909;
  box-shadow: 0px 0px 68px 0px #FFFFFF0D inset;
  margin-bottom: 0;
  box-shadow: 0px 4px 4px 0px #00000026 inset;

}

.main_func {
  background: #000000;
  padding-top: 7.71vw;
  padding-bottom: 9.38vw;
}

.function_blocks_f {
  grid-template-rows: repeat(13, 26.30vw);
  margin-top: 1.67vw;
}

.review_container {
  position: relative;
}

.rev-row {
  top: 6.5vw !important;
  left: 0 !important;
  width: 2.41vw;
  height: 1vw;
}

.earn-bg {
  width: 100vw;
  /* background: #fff; */
  position: absolute;
  height: 62.24vw;
  top: 0vw;
  background: url('./img/bgal_big.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.get_all {
  display: flex;
  padding: 2vw 0;
  justify-content: center;
  align-items: center;
  margin-top: 2vw;
  border: 0.2vw solid #383838;
}

.rotate {
  transform: rotate(180deg);
}

.pod_btn {
  background-size: contain;
  height: 5vw;
  width: 37vw;
  margin: 0 auto;
  margin-top: 3vw;
}

.privatka {
  display: flex;
  flex-direction: column;
}

.review_viac_btn {
  height: 4vw;
    width: 30vw;
}

.back_btn {
  display: block;
  padding: 0.2vw 5vw;
  border-radius: 1vw;
  border: 1vw solid #221D21;
  margin: 0 auto;
  margin-top: 1vw;
  background: #221D21;
}

/* .earn-swiper>.swipper-wrapper>.swiper-slide {
  width: 12vw !important;
} */

@media (max-width: 769px) {
  .function_blocks_f {
    grid-template-rows: repeat(13, 30.73vw);
    margin-top: 1.67vw;
  }

  .container {
    width: 95.31vw;
  }

  .top_section {
    background: url('./img/bg-lap.png');
    min-height: 133.59vw;
    background-position: bottom;
  }


  .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3.13vw;
    height: 3.13vw;
    left: 0;
  }

  .inter-r {
    font-family: 'inter-r';
    font-weight: 400;
  }

  .font-24 {
    font-size: 3.13vw;
  }

  .font-60 {
    font-size: 4.69vw;
  }

  .font-32 {
    font-size: 4.17vw;
  }

  .font-28 {
    font-size: 2.34vw;
  }

  .font-20,
  .font-20-l {
    font-size: 1.7vw;
  }

  .font-36 {
    font-size: 2.69vw;
  }

  .font-72 {
    font-size: 7.03vw;
  }

  .lh-36 {
    line-height: 4.69vw;
  }


  .lh-28 {
    line-height: 3.65vw;
  }

  .lh-60 {
    line-height: 7.81vw;
  }

  .lh-24 {
    line-height: 3.13vw;
  }

  .lh-72 {
    line-height: 7.38vw;
  }

  .mt-20 {
    margin-top: 2.60vw;
  }

  .font-66 {
    font-size: 8.39vw;
    line-height: 10.59vw;
  }

  .top_section .row_btn {
    display: none;
  }

  .main_btn {
    background-size: cover;
    margin-top: 1.67vw;
    margin-bottom: 2.71vw;
    padding: 4.3vw 8.54vw;
    background-repeat: no-repeat;
    width: 100%;
  }

  .logo {
    width: 7.13vw;
    height: 7.13vw;
  }

  .header_btn {
    padding: 1.73vw 3.66vw;
  }

  .difference_dropdowns {
    gap: 2.04vw;
    justify-content: center;
  }

  .difference_dropdown_big {
    width: 46.5vw;
  }

  .dif-svg {
    width: 5.99vw;
    height: 5.99vw;
  }


  #f1 {
    background: url('./img/func1-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f2 {
    background: url('./img/func2-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f3 {
    background: url('./img/func3-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f4 {
    background: url('./img/func4-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f5 {
    background: url('./img/func5-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f6 {
    background: url('./img/func6-l.png');
    background-repeat: repeat;
    background-size: cover;

  }

  #f7 {
    background: url('./img/func7-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f8 {
    background: url('./img/func8-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f9 {
    background: url('./img/func9-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f10 {
    background: url('./img/func10-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f11 {
    background: url('./img/func11-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f12 {
    background: url('./img/func12-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f13 {
    background: url('./img/func13-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f14 {
    background: url('./img/func14-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f15 {
    background: url('./img/func15-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f16 {
    background: url('./img/func16-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f17 {
    background: url('./img/func17-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f18 {
    background: url('./img/func18-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f19 {
    background: url('./img/func19-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f20 {
    background: url('./img/func20-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f21 {
    background: url('./img/func21-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f22 {
    background: url('./img/func22-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f23 {
    background: url('./img/func23-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f24 {
    background: url('./img/func24-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f25 {
    background: url('./img/func25-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  #f26 {
    background: url('./img/func26-l.png');
    background-repeat: repeat;
    background-size: cover;
  }

  .func_big,
  .func_mid,
  .func_mini {
    width: 50%;
    border: 0.5vw solid #383838;
  }

  .function_blocks {
    grid-template-rows: 66vw 66vw 66vw;
    gap: 2.03vw;
  }

  .function_blocks_f {
    grid-template-rows: repeat(13, 66vw);
    gap: 2.03vw;
  }

  .earn_block_top {
    width: 30.73vw;
    height: 30.73vw;
    position: relative;
  }

  .dif-row {
    width: 2.86vw;
    height: 1.69vw;
  }

  .earn-row {
    top: 27vw;
  }

  .row_btn {
    width: 5.86vw;
    height: 5.86vw;
  }

  .mw-334 {
    max-width: 30.86vw;
  }

  .tarif_block {
    width: 46.88vw;
    height: 35.94vw;
  }

  .tarif_top {
    width: 100%;
    height: 17.83vw;
    gap: 0;
  }

  .tarif_price {
    gap: 0.5vw;
  }

  .tarif_btn {
    height: 5.56vw;
  }

  .team_img {
    width: 22.66vw;
    height: 22.66vw;
  }

  .team_slide_add {
    margin-top: 6.53vw;
  }

  .partners {
    grid-template-rows: 22.4vw 22.4vw;
  }

  .difference_dropdown_big {
    width: 100%;
  }

  .footer_logo {
    width: 6.13vw;
    height: 6.13vw;
  }

  .earn-bg {
    background: url('./img/bgal_med.png');
    height: 113.54vw;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .earn {
    min-height: 113.54vw;
    padding: 16.93vw 0;
  }

  .swiper-buttons {
    bottom: 13vw;
  }

  .lh-22 {
    line-height: 2.2vw;
  }

  .review_viac_btn {
    height: 6vw;
    width: 42vw;
  }
}


@media (max-width: 460px) {
  .home_section {
    overflow-x: hidden;
  }

  body {}

  .top_section {
    background: url('./img/bg-ph.png') no-repeat bottom;
    background-size: cover;
    /* ��� background-size: 100% auto; */
    min-height: 145.06vw;
    width: 100%;
    background-position: bottom;
  }

  .container {
    width: 93.31vw;
    /* overflow: hidden; */
  }

  .font-66 {
    font-size: 7.39vw;
    line-height: 9.59vw;
  }

  .header {
    padding: 1.15vw 0;
    margin-bottom: 14.94vw;
  }

  .head_comp {
    display: none;
  }

  .main_btn {
    margin-top: 4.67vw;
    background-size: contain;
    padding: 3.3vw 0;
  }

  .font-24 {
    font-size: 5.13vw;
  }

  .short_info {
    padding-top: 22.22vw;
    flex-direction: column;
    margin-bottom: 1vw;
  }

  .font-60 {
    font-size: 6.67vw;
    line-height: 6.67vw;
  }

  .short_info p {
    max-width: 100%;
  }

  .font-20-l {
    font-size: 5.56vw;
  }

  .difference-left,
  .difference-right {
    display: none;
  }

  .difference_mobile {
    display: flex;
    flex-direction: column;
    gap: 2.78vw;
    width: 100%;
  }

  .font-28 {
    font-size: 4.44vw;
  }

  .lh-28 {
    line-height: 4.44vw;
  }

  .dif-svg {
    width: 10.56vw;
    height: 10.56vw;
  }

  .font-20 {
    font-size: 4.44vw;
  }

  .lh-24 {
    line-height: 5vw;
  }

  .function_blocks {
    grid-template-rows: 282vw 227vw 214vw;
    gap: 2.03vw;
  }

  .function_block_step {
    display: flex;
    flex-direction: column;
  }

  .func_big,
  .func_mid,
  .func_mini {
    width: 100%;
    border: 0.5vw solid #383838;
    background-position: center !important;
    background-position-y: initial !important;
  }

  .func_block {
    height: 149.44vw;
  }

  #f1 {
    background: url('./img/func1-p.png');
    background-size: cover;
  }

  #f2 {
    background: url('./img/func2-p.png');
    background-size: cover;
  }

  #f3 {
    background: url('./img/func3-p.png');
    background-size: cover;
  }

  #f4 {
    background: url('./img/func4-p.png');
    background-size: cover;
  }

  #f5 {
    background: url('./img/func5-p.png');
    background-size: cover;
  }

  #f6 {
    background: url('./img/func6-p.png');
    background-size: cover;

  }

  .func_block {
    padding: 4.44vw;

  }

  .earn {
    margin-top: 27.78vw;

  }

  .t-center {
    text-align: start;
  }

  .earn_block_top {
    width: 62.78vw;
    height: 62.78vw;
  }

  .earn_block_bottom {
    width: 62.78vw;
    height: 62.78vw;
    margin-top: 5vw;
  }

  .earn-row {
    top: 57vw;
  }

  .dif-row {
    width: 5.56vw;
    height: 3.33vw;
  }

  .row_btn {
    width: 9.86vw;
    height: 9.86vw;
  }

  .row_btn img {
    width: 5.56vw;
    height: 3.33vw;
  }

  .review {
    margin-top: 27.78vw;
  }

  .reviews_mobile {
    margin-top: 4.44vw;
    display: block;
  }

  .review_slide {
    width: 83.33vw;
    height: 125.28vw;
    padding: 4.44vw;
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    background: #fff;
  }

  .box {
    position: relative;
    width: 100%;
    min-height: 21.11vw !important;
    overflow: hidden;
    border: 2px solid #272727
  }

  .review-img {
    bottom: -25vw;
    position: absolute;
    object-position: center;
    width: 100%;
    height: auto;
  }

  .font-36 {
    font-size: 5vw;
  }

  .reviews {
    display: none;
  }

  .tarif {
    margin-top: 27.78vw;
  }

  .tarifs {
    grid-template-columns: 1fr;
    gap: 1.04vw;
    margin-top: 1.67vw;
  }

  .tarif_block {
    width: 100%;
    height: 64.44vw;
  }

  .tarif_top {
    width: 100%;
    height: 36.83vw;
    gap: 0;
  }

  .tarif_btn {
    height: 11.56vw;
  }

  .t-center-new {
    text-align: center;
  }

  .font-72 {
    font-size: 11.03vw;
  }

  .lh-72 {
    line-height: 19.38vw;
  }

  .swiper-slide-active img {
    transform: scale(1);
    opacity: 1;
  }

  .team_swiper .swiper-slide-active img {
    transform: scale(1.5) !important;
    opacity: 1;
  }

  .team_img {
    width: 51.11vw;
    height: 51.11vw;
  }

  .team_slide_add {
    margin-left: 0;
    margin-top: 18.53vw;
    display: none;
    flex-direction: column;
    gap: 0.63vw;
    width: 100%;
  }

  .team-buttons {
    position: absolute;
    bottom: -12vw;
    right: 0;
    display: flex;
    gap: 1.67vw;
  }

  .partner {
    margin-top: 33.33vw;
  }

  .partners {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 28.89vw 28.89vw 28.89vw;
  }

  .answears {
    margin-top: 27.78vw;
  }

  .footer_container {
    padding: 3.02vw 16.15vw 7.14vw 4vw;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4.44vw;
  }

  .footer_logo {
    width: 11.11vw;
    height: 11.11vw;
  }

  .social_block {
    gap: 4.44vw;
  }

  .social_blocks {
    display: flex;
    flex-direction: column;
    gap: 4.44vw;
  }

  .logo {
    width: 10.13vw;
    height: 10.13vw;
  }

  .head-d {
    display: none;
  }

  .hamburger {
    z-index: 100;
    top: 1rem;
    right: 1rem;
    padding: 4px;
    border: black solid 1px;
    background: white;
    cursor: pointer;
    background: none;
    border: none;
  }

  .closeIcon {
    display: none;
  }

  .menu {
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.2s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: white;
    height: 38.61vw;
    color: white;
    list-style: none;
    padding-top: 4rem;
    width: 100vw;
  }

  .showMenu {
    transform: translateY(0);
  }

  .burger-menu {
    display: flex;
    flex-direction: column;
    gap: 2.81vw;
  }

  .burger-menu-mini {
    display: flex;
    gap: 2.81vw;
    align-items: center;
  }

  .burger-menu-mini img {
    width: 1.58vw;
    height: 2.64vw;
  }

  .font-b {
    font-size: 3.16vw;
  }

  .header_container {
    justify-content: end;
  }

  .hamburger {
    display: block;
  }

  .menu {
    display: block;
    position: fixed;
  }

  .header_func {
    margin-bottom: 0;
    padding: 3vw 0;
  }

  .menu_func {
    color: #fff;
    width: 5vw;
    height: 3.33vw;
  }

  .menu_f {
    position: fixed;
    background: #090909;
  }

  .close_b {
    position: fixed;
    right: 3vw;
  }

  .team_swiper {
    min-height: 126vw;
    border: none;
  }

  .pod_btn {
    width: 100%;
    height: 12.56vw;
  }

  .swiper-buttons-rew {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: 5vw;
  }

  #partner-9 {
    display: block;
    background: url('./img/partner-22.png');
  }

  .earn-bg {
    background: url('./img/bgal_mobile.png');
    height: 209.44vw;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .earn {
    min-height: 209.44vw;
    padding: 24.93vw 0;
  }

  .swiper-buttons {
    bottom: 18vw;
  }

  .lh-22 {
    line-height: 4.78vw;
  }

  .review_viac_btn {
    height: 9vw;
    width: 63vw;
  }

  #f1 {
    max-height: 131vw;
  }

  #f3 {
    max-height: 120vw;
  }

  #f4 {
    max-height: 106vw;
  }

  #f5 {
    max-height: 103vw;
  }

  #f6 {
    max-height: 108vw;
  }

  #f7 {
    max-height: 127vw;
  }

  #f8 {
    max-height: 125vw;
  }

  #f9 {
    max-height: 112vw;
  }

  #f10 {
    max-height: 105vw;
  }

  #f11 {
    max-height: 97vw;
  }

  #f12 {
    max-height: 124vw;
  }

  #f13 {
    max-height: 110vw;
  }

  #f14 {
    max-height: 136vw;
  }

  #f15 {
    max-height: 115vw;
  }

  #f16 {
    max-height: 97vw;
  }

  #f17 {
    max-height:127vw;
  }

  #f18 {
    max-height:139vw;
  }

  #f19,
  #f25 {
    max-height: 122vw;
  }

  #f20 {
    max-height:103vw;
  }

  #f21 {
    max-height:105vw;
  }

  #f22 {
    max-height: 142vw;
  }

  #f23 {
    max-height: 127vw;
  }

  #f24 {
    max-height: 121vw;
  }

  #f26 {
    max-height: 109vw;
  }

  /* .earn-swiper>.swipper-wrapper>.swiper-slide {
  width: 10vw !important;
} */
}