@media (min-width: 1722px) and (max-width: 1922px) {

}
@media (min-width: 1600px) and (max-width: 1721px) {

}
@media (min-width: 1441px) and (max-width: 1599px) {

}
@media (min-width: 1024px) and (max-width: 1440px) {
.block__box,
.block__services,
.block__contact,
.root {
    width: 1000px;
  }
}
.eoberlkr{
  flex-direction: column;
  gap: 25px;
}
.eoribneeld{
  flex-direction: row;
}
@media (min-width: 350px) and (max-width: 1023px) {
.block__box,
.block__services,
.block__contact,
.root {
    width: 400px;
  }
  .header,
  .block__one{
    flex-direction: column;
  }
  .nav{
    display: none;
  }
  .btm{
      font-size: 15px;
}
.box__dsc{
      font-size: 13px;
}
.title__text{
   font-size: 37px;
}
.box__media{
  flex-direction: column;
}
.eorib{
  position: absolute;
  z-index: 555;
 margin-top: -170px;
        margin-left: -170px;
}
.services__head,.services__body{
  flex-direction: column;

}
.brebrebbv{
  width: 110px;
  padding-top: 20px;
}
.eoribneeld{
  flex-direction: column;
}
.renbernb{
  width: 400px;
}
.footer{
  margin-top: 120px;
}
.block__contact,
.block__services{
  padding-top: 120px;
}
}
* {
  -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; }   }

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,
.click,
.save__changes,
.exit,
.lefttt{
  cursor: pointer;
  transition: 0.3s;
}

.ww:hover,
.unlockevr:hover,
.click:hover,
.message__from:hover,
.paginacia:hover,
.lefttt:hover{
  opacity: 1;
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ww:active,
.unlockevr:active,
.unlock:active,
.save__changes___two:active,
.cancel:active,
.lefttt: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);
}

.eorib,
.brebreb{

  animation: scale 2s infinite linear;
}

@keyframes scale {
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1);
  }
}