@media (min-width: 320px) and (max-width: 768px) {
  .nav{
    width: 375px;
  }
  .main {
    width: 375px;
    gap: 75px;
    padding: 50px 0px;
  }
  
  .jfjevewv{
    flex-direction: column;
  }
  .weubww{
    width: 375px;
  }
  .ertobne{
    width: 375px;
  }
  .block__four,
  .block__one{
    flex-direction: column;
    gap: 50px;
  }
  .box__logo{
    display: none;
  }
  .nav__box {
    width: 180px;
  }
  .prejbp{
    width: 375px;

  }
  .oerinb{
    width: 375px;
    flex-direction: column-reverse;
    gap: 25px;
  }
  .eoibe{
    width: 375px;
  }
  .fjfjfj{
     width: 375px;
  }
  .block__three{
    width: 375px;
  }
  .tobnre{
    width: 375px;
  }
  .erotbnr{
    flex-direction: column-reverse;
  }
  .faq-questoin {
    width: 290px;
  }
  .faq-text {
    width: 375px;
  }
.menu-faq{
  padding: 15;
}
.faq-questoin.active::before,
.faq-questoin.active::after{
  background-color:  #578BFA;
}

.faq-questoin.active::before{
  transform: rotate(-40deg);
  right: -47px;
}

.faq-questoin.active::after{
  transform: rotate(40deg);
  right: -40px;
}


.faq-questoin::before{
  transform: rotate(40deg);
  right: -47px;
}

.faq-questoin::after{
  transform: rotate(-40deg);
  right: -40px;
}
}



* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}


@-webkit-keyframes fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@-moz-keyframes    fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@keyframes         fade {   0% { opacity: 0; }   100% { opacity: 1; }   }
html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0px;

  -webkit-animation: fade-in 0.3s linear; /* Safari 4+ */
  -moz-animation: fade-in 0.3s linear; /* Fx 5+ */
  -o-animation: fade-in 0.3s linear; /* Opera 12+ */
  animation: fade-in 0.3s linear; /* IE 10+, Fx 29+ */
}
/* a blue color as a generic focus style */

button:focus-visible {
  outline: 2px solid #ffffff !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

input, textarea{
  outline: none;
}



body::-webkit-scrollbar{
  width: 7px;
}

body::-webkit-scrollbar-thumb{
  
  background: #000;
  border: 1px solid rgba(92, 98, 98, 0.1);
  border-radius: 666px;
}


.ww,
.tpbjptm,
.zoovb,
.exit{
  cursor: pointer;
  transition: 0.3s;
}

.ww:hover,
.tpbjptm:hover,
.zoovb:hover,
.message__from:hover{
  opacity: 1;
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ww:active,
.tpbjptm:active,
.zoovb:active,
.ovrbovbros:active,
.back:active{
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}



.ienvwo:hover .download__agree{
  cursor: pointer;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.ienvwo:active .download__agree{
  cursor: pointer;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.box__filters__body__box:hover{
  cursor: pointer;
  background-color:  rgba(208, 208, 209, 0.02);
}