@charset "UTF-8";
section {
	padding: 40px 0 0;
}
.contact-details__container {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.contact-details__el {
	padding: 30px 21px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	background: #6E80B41A;
	border-radius: 20px;
	width: calc(25% - 15px);
}
.contact-details__el h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #231F20;
}
.contact-details__el p {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #231F20;
}
.contact-details__el .announcement {
	height: 100%;
}
.contact-details__el .announcement__container {
	background: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
}
.contact-details__el .announcement__container .font24 {
	font-size: 22px;
	font-weight: 500;
}
.contact-details__el .announcement__container .font24 span {
	display: none;
}


.contact-form__container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
}
.contact-form__left {
	background: #6E80B41A;
	padding: 39px 24px;
	width: calc(75% - 5px);
	border-radius: 20px;
}
.contact-form__left textarea {
  width: 100%;
  height: 128px;
  padding: 10px 20px;
  margin-top: 20px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  background-color: #fff;
  resize: none;
}
.contact-form__left .btn {
	width: 100%;
	margin-top: 20px;
}
.contact-form__inputs > p {
	flex-direction: row;
	max-height: 42px;
}
.contact-form__right {
	width: calc(25% - 15px);
}
.contact-form__left sub {
	font-size: 12px;
	display: block;
	line-height: 1;
	margin-top: 7px;
}

.to-contact {
  padding-right: 4px;
}
.to-contact__imgs {
  display: flex;
  justify-content: center;
  align-self: center;
  gap: 8px;
}

.work-time {
	background: #6E80B41A;
	border-radius: 20px;
	padding: 30px 46px;
}
.work-time__title {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 8px;
}
.work-time__title h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #231F20;
}
.work-time__table {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
  width: 100%;
}
.work-time__el {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.work-time__el p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #231F20;
  position: relative;
}
.work-time__el.active:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #00AEEF;
}
.work-time__el.active p:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -23px;
	width: 16px;
	height: 16px;
	background: url(/wp-content/themes/printr/img/clock.png) no-repeat center center / contain;
}

.work-time__el sub {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #231F20;
}
.work-time__el span {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00AEEF;
}

.contact-details-mb__container {
  padding: 16px 24px 16px 16px;
  border-radius: 25px;
  background-color: #F1F6FF;
  margin-top: 30px;
}
.contact-details-mb__el {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
}
.contact-details-mb__el-textBox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.--mobile .contact-form__inputs > p {
  flex-direction: column !important;
  max-height: unset !important;
  padding: 20px;
  background-color: #F1F6FF;
  border-radius: 25px;
  margin-top: 20px;
}

.application .contact-form__inputs > p {
  flex-direction: column;
  max-height: none;
}

@media (max-width: 992px) {
	.contact-details__container {
		flex-wrap: wrap;
	}
	.contact-details__el {
		width: calc(50% - 10px);
	}
	.contact-form__left {
	  width: calc(50% - 10px);
	}
	.contact-form__right {
		width: calc(50% - 10px);
		margin: 0;
	}
}
@media (max-width: 640px) {
	.contact-details h1 {
		text-align: center;
	}
	.contact-details__el {
		width: 100%;
	}
	.contact-form_cont {
		padding-top: 20px;
	}
	.contact-form__container {
		flex-wrap: wrap;
	}
	.contact-form__left {
		width: 100%;
	}
	.contact-form__right {
		width: 100%;
		margin: 0;
	}
}