.form-message-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.form-message-box {
	background: var(--green);
	color: white;
	padding: 2em 4em;
	border-radius: var(--btn-border-radius);
	width: fit-content;
	text-align: center;
	position: relative;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	animation: fadeIn 0.3s ease forwards;
	transition: opacity 0.3s ease;
	min-height: 80px;
	align-items: center;
	display: flex;
	font-weight: 600;
	font-size: clamp(18px, 3vw, 18px);
	line-height: 1.25;
	max-width: 800px;
}

.form-message-box.error {
    background-color: #dc3545;
}

.form-message-close {
  position: absolute;
  top: 0.2em;
  right: 1em;
  font-size: 34px;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-weight: normal;
}

@keyframes fadeIn {
    from {opacity: 0; transform: scale(0.9);}
    to {opacity: 1; transform: scale(1);}
}

@media (max-width: 500px) {
    .form-message-box {
        padding: 15px 20px;
        font-size: 14px;
    }
}

#paymentError {
	color: var(--red);
	margin-top: 15px;
	display: none;
}

.payment__instruction:hover svg {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.payment__instruction svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .about-news__wrap .swiper-nav {
    display: block;
  }
}

@media (max-width: 767px) {
  .pagination {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .equipment__items {
	-ms-grid-columns: (1fr)[2];
   grid-template-columns: repeat(2, 1fr);
  }
	.contacts__cols {
	  flex-direction: row;
	}
}

@media (max-width: 575px) {
  .equipment__items {
   grid-template-columns: 1fr;
  }
	.contacts__cols {
	  flex-direction: column;
	}
}

.btn {
	max-height: 69px
}

.consultation--vacancies .just-validate-error-label {
  color: white !important;
margin-bottom: -4px;
}
.attach-file__label .just-validate-error-label {
    position: absolute;
	bottom: -15px;
	left: 0;
}

.consultation--vacancies .btn:disabled, .consultation--vacancies .btn[disabled], .consultation--vacancies .btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1;
}

.attach-file_new.js-attach-file.is-invalid > .attach-file__label {
  border-color: darkred !important;
}

.fancybox__content .attach-file.js-attach-file {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.fancybox__content .attach-file.js-attach-file:focus {
  border-color: var(--black) !important;
}
.fancybox__content .attach-file__icon {
  color: var(--black);
}

.consultation__form .r-input__field + .just-validate-error-label {
display: block;
}

.attach-file__label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 71px;
  padding: 16px 29px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
}

.consultation__form .r-input__field.is-invalid {
  border-color: darkred;
}