.request-block {
  display: flex;
  flex-direction: column;
}
.request-block .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.request-block .request-btns-holder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 5px;
}
.request-block .request-cat.active {
  pointer-events: none;
}

.request-block .request-value {
  display: none;
  gap: 30px;
}
.request-block .request-value.active {
  display: flex;
}
.request-block .request-value .form-connection {
  width: 65%;
  max-width: 880px;
}
.request-block .request-value .img-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  max-width: 620px;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.request-block .request-value .img-holder img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 620px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

@media (max-width: 1320px) {
  .request-block .request-value {
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .request-block .content {
    gap: 20px;
  }
  .request-block .request-value {
    gap: 10px;
  }
  .request-block .request-value .img-holder {
    width: 35%;
  }
}
@media (max-width: 860px) {
  .request-block .request-value {
    flex-direction: column;
  }
  .request-block .request-value .form-connection,
  .request-block .request-value .img-holder {
    width: 100%;
    max-width: none;
  }
  .request-block .request-value .img-holder {
    height: 65vw;
    max-height: 420px;
  }
}
@media (max-width: 512px) {
  .request-block .request-btns-holder {
    column-gap: 10px;
  }
  .request-block .request-btns-holder .btn {
    width: fit-content;
    padding: 10px 20px;
  }
}