.rate-form-page__wrap {
  background-color: var(--primary-main);
  padding: 36px 32px;
  border-radius: 8px;
  position: relative;
}
.rate-form-page__bg {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 70%;
  position: absolute;
  z-index: 0;
  overflow: hidden;
  border-radius: 8px;
}
.rate-form-page__bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#4F7177), to(rgba(79, 113, 119, 0)));
  background: linear-gradient(180deg, #4F7177 0%, rgba(79, 113, 119, 0) 100%);
}
.rate-form-page__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rate-form-page .form-real {
  position: relative;
  z-index: 1;
}
.rate-form-page .input-box:has(.input-box__input._err) .input-box__wrap, .rate-form-page .input-box:has(.input-box__textarea._err) .input-box__wrap {
  border-color: var(--danger-default);
}
.rate-form-page .input-box .err-text {
  color: var(--secondary-main);
}
.rate-form-page .input-box__label {
  color: var(--text-white);
}
.rate-form-page .input-var__trigger {
  background: rgba(255, 254, 253, 0.1019607843);
  color: var(--text-white);
  border: 1px solid rgba(121, 153, 161, 0.2);
}
.rate-form-page .input-var input:checked ~ .input-var__trigger, .rate-form-page .input-var__trigger:hover {
  background-color: var(--bg-primary);
  color: #454545;
}
.rate-form-page .input-file-wrap {
  margin-top: 8px;
}
.rate-form-page .form-real__submit {
  background-color: var(--secondary-main);
}
.rate-form-page .form-real__submit:disabled {
  background-color: #FFDCBC;
  color: #454545;
}
@media (hover: hover) {
  .rate-form-page .form-real__submit:hover {
    background-color: var(--secondary-hover);
  }
}
.rate-form-page .custom-checkbox__text {
  color: var(--text-white);
}
.rate-form-page .custom-checkbox__box {
  border: 1px solid rgba(121, 153, 161, 0.2);
  background-color: var(--bg-primary);
}
.rate-form-page .form-real-polite {
  color: var(--text-white);
}
.rate-form-page .custom-checkbox input:checked ~ .custom-checkbox__box {
  background-color: var(--bg-primary);
  border: 1px solid rgba(121, 153, 161, 0.2);
}
.rate-form-page .custom-checkbox input:checked ~ .custom-checkbox__box svg {
  color: #454545;
}
.rate-form-page .form-real-polite__text a:hover {
  color: var(--secondary-main);
}
.rate-form-page .custom-checkbox:has(input._err) .custom-checkbox__text {
  color: var(--secondary-main);
}
.rate-form-page input._err:not(:checked) ~ .custom-checkbox__box {
  border-color: var(--secondary-main);
}
.rate-form-page .input-file__result-box, .rate-form-page .file-name {
  color: var(--text-white);
}
.rate-form-page .fileHolder .del:hover {
  color: var(--secondary-main);
}
.rate-form-page .fileHolder .icon-file {
  color: var(--text-white);
}
.rate-form-page .file-err {
  color: var(--secondary-main);
}

@media (max-width: 768px) {
  .rate-form-page__wrap {
    padding: 20px 12px;
  }
}