#vsv-block-contact {
  padding: 166rem 16rem 150rem 16rem;
  background-image: url("../../icons/background.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (max-width: 1024px) and (min-width: 601px) {
  #vsv-block-contact {
    padding: 100rem 40rem;
  }
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact {
    padding: 150rem 30rem;
  }
}
#vsv-block-contact .block-contact {
  text-align: center;
}
#vsv-block-contact .block-contact h2 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 66rem;
  color: #333;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact h2 {
    font-size: 76rem;
  }
}
#vsv-block-contact .block-contact h2::before {
  content: "";
  position: absolute;
  width: 11rem;
  height: 11rem;
  top: -24rem;
  left: 0;
  right: 0;
  background-color: #999;
  z-index: 0;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact h2::before {
    left: 0;
    top: -15rem;
  }
}
#vsv-block-contact .block-contact h3 {
  margin-top: 20rem;
  font-family: var(--master_font);
  font-weight: 400;
  font-size: 18rem;
  color: #333;
}
@media only screen and (max-width: 1024px) and (min-width: 601px) {
  #vsv-block-contact .block-contact h3 {
    font-size: 16rem;
  }
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact h3 {
    margin-top: 10rem;
    font-size: 26rem;
    line-height: 51rem;
  }
}
#vsv-block-contact .block-contact .btns {
  margin-top: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60rem;
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact .btns {
    flex-direction: column;
    gap: 20rem;
    margin-top: 30rem;
  }
}
#vsv-block-contact .block-contact .btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  padding: 10rem 15rem 10rem 0;
  border: 1rem solid #333;
  width: 320rem;
  text-align: center;
  position: relative;
  transition: 300ms all ease-in-out;
  line-height: 40rem;
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact .btns a {
    width: 450rem;
    padding: 15rem 70rem;
  }
}
#vsv-block-contact .block-contact .btns a span {
  font-family: var(--master_font);
  font-weight: 700;
  font-size: 20rem;
  color: #333;
}
@media only screen and (max-width: 1024px) and (min-width: 601px) {
  #vsv-block-contact .block-contact .btns a span {
    font-size: 16rem;
  }
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact .btns a span {
    font-size: 26rem;
  }
}
#vsv-block-contact .block-contact .btns a img {
  width: 16rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40rem;
}
@media only screen and (max-width: 600px) {
  #vsv-block-contact .block-contact .btns a img {
    right: 33rem;
  }
}
#vsv-block-contact .block-contact .btns a.contact {
  background: #333;
  gap: 15rem;
}
#vsv-block-contact .block-contact .btns a.contact span {
  color: #fff;
}
#vsv-block-contact .block-contact .btns a.recruit {
  background: #fff;
  gap: 30rem;
}
#vsv-block-contact .block-contact .btns a.recruit img {
  filter: brightness(0) saturate(100%) invert(4%) sepia(4%) saturate(1388%) hue-rotate(97deg) brightness(95%) contrast(94%);
}
#vsv-block-contact .block-contact .btns a:hover {
  transform: scale(1.01);
}
#vsv-block-contact .block-contact .btns a:hover.contact {
  box-shadow: inset 350rem 0 0 0 #fff;
  border: 1rem solid #333333;
}
#vsv-block-contact .block-contact .btns a:hover.contact span {
  color: #333333;
}
#vsv-block-contact .block-contact .btns a:hover.contact img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(2%) saturate(368%) hue-rotate(27deg) brightness(104%) contrast(92%);
}
#vsv-block-contact .block-contact .btns a:hover.recruit {
  box-shadow: inset 350rem 0 0 0 #333333;
  border: 1rem solid white;
}
#vsv-block-contact .block-contact .btns a:hover.recruit span {
  color: #fff;
}
#vsv-block-contact .block-contact .btns a:hover.recruit img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(10%) hue-rotate(174deg) brightness(103%) contrast(103%);
}

/*# sourceMappingURL=block-contact.css.map */