.wcl-contact__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-color);
  border-radius: 35px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
.wcl-contact__header {
  width: 100%;
  max-width: 636px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.wcl-contact__title {
  text-align: center;
  margin-bottom: 15px;
}
.wcl-contact__text {
  text-align: center;
}
.wcl-contact__body.wcl-section-inner {
  display: flex;
  gap: 24px;
}
.wcl-contact__block-wrapper {
  width: 100%;
  max-width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  padding-top: 25px;
}
.wcl-contact__form, .wcl-contact__contacts {
  height: 100%;
}
.wcl-contact__form {
  width: 100%;
  background-color: var(--white-color);
  border-radius: 35px;
}
.wcl-contact__form-title {
  margin-bottom: 25px;
}
.wcl-contact__form-container .wpcf7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.wcl-contact__form-container .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wcl-contact__form-container .wpcf7-form label {
  width: 100%;
  font-size: 14px;
  margin-top: 20px;
}
.wcl-contact__form-container .wpcf7-form__row {
  width: 100%;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.wcl-contact__form-container .wpcf7-form__textarea.wpcf7-textarea {
  min-height: 100px;
  max-height: 250px;
  height: 135px;
  border: 1px solid rgba(61, 126, 113, 0.5019607843);
  border-radius: 15px;
  font-family: var(--font-onest);
}
.wcl-contact__form-container .wpcf7-form__textarea.wpcf7-textarea::-moz-placeholder {
  color: rgba(33, 33, 33, 0.2509803922);
  font-size: 18px;
  font-family: var(--font-onest);
}
.wcl-contact__form-container .wpcf7-form__textarea.wpcf7-textarea::placeholder {
  color: rgba(33, 33, 33, 0.2509803922);
  font-size: 18px;
  font-family: var(--font-onest);
}
.wcl-contact__form-container .wpcf7-form__button.wpcf7-submit.wcl-button {
  border: none;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  margin: 24px 0 0;
  padding: 16px;
}
.wcl-contact__form-container .wpcf7-form-control-wrap {
  width: 100%;
}
.wcl-contact__form-container .wpcf7-form-control {
  width: 100%;
  margin: 5px 0 5px;
}
.wcl-contact__form-container .wpcf7-form-control:not(.wpcf7-form__button) {
  border: 1px solid rgba(61, 126, 113, 0.5019607843);
  border-radius: 15px;
  font-size: 18px;
  line-height: 1;
  padding: 16px;
}
.wcl-contact__form-container .wpcf7-form-control::-moz-placeholder {
  color: rgba(33, 33, 33, 0.2509803922);
  font-size: 18px;
}
.wcl-contact__form-container .wpcf7-form-control::placeholder {
  color: rgba(33, 33, 33, 0.2509803922);
  font-size: 18px;
}
.wcl-contact__form-container .wpcf7-form-control:focus::-moz-placeholder {
  color: transparent;
}
.wcl-contact__form-container .wpcf7-form-control:focus::placeholder {
  color: transparent;
}
.wcl-contact__form-container .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  text-align: center;
  border-color: transparent;
  border: none;
}
.wcl-contact__form-container .wpcf7 form.invalid .wpcf7-response-output,
.wcl-contact__form-container .wpcf7 form.failed .wpcf7-response-output,
.wcl-contact__form-container .wpcf7 form.unaccepted .wpcf7-response-output,
.wcl-contact__form-container .wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  color: #dc3232;
  font-size: 16px;
}
.wcl-contact__form-container .wpcf7 form.sent .wpcf7-response-output {
  border: none;
  color: #46b450;
  font-size: 16px;
}
.wcl-contact__form-container .wpcf7-not-valid-tip {
  margin-bottom: 0;
}
.wcl-contact__form-container .wpcf7-spinner {
  margin-top: 5px;
}
.wcl-contact__contacts {
  width: 100%;
  background-color: var(--white-color);
  border-radius: 35px;
}
.wcl-contact__contacts-title {
  margin-bottom: 45px;
}
.wcl-contact__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-bottom: 42px;
}
.wcl-contact__contacts-items {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.wcl-contact__contacts-item {
  display: flex;
  gap: 14px;
}
.wcl-contact__contacts-item-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--bg-color);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wcl-contact__contacts-item-icon svg {
  width: 38px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.wcl-contact__contacts-item-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
}
.wcl-contact__contacts-item-title--social {
  font-size: 18px !important;
}
.wcl-contact__contacts-item-connect {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-decoration: none;
  color: inherit;
  overflow-wrap: break-word;
  word-break: break-word;
  transition: var(--transition);
}
.wcl-contact__contacts-item-connect::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background-color: var(--green-color);
  transition: var(--transition);
}
.wcl-contact__contacts-item-connect--address {
  max-width: 290px;
  width: -moz-fit-content;
  width: fit-content;
}
.wcl-contact__contacts-item-connect--address::after {
  width: 0;
  left: 25%;
}
.wcl-contact__contacts-item-connects {
  display: flex;
  flex-direction: column;
}
.wcl-contact__contacts-item-block {
  display: flex;
  flex-direction: column;
}
.wcl-contact__contacts-item-period {
  display: flex;
  gap: 5px;
}
.wcl-contact__contacts-item-days {
  text-wrap: balance;
}
.wcl-contact__contacts-item-hours {
  text-wrap: balance;
}
.wcl-contact__contacts-social-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.wcl-contact__contacts-item-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wcl-contact__contacts-item-social {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--green-color);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wcl-contact__contacts-item-social img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: var(--transition);
}
@media (min-width: 23.4375em) and (max-width: 90em) {
  @supports (margin-top: clamp( 3.125rem , 1.474471831rem  +  7.0422535211vw , 7.8125rem )) {
    .wcl-contact {
      margin-top: clamp( 3.125rem , 1.474471831rem  +  7.0422535211vw , 7.8125rem );
    }
  }
  @supports not (margin-top: clamp( 3.125rem , 1.474471831rem  +  7.0422535211vw , 7.8125rem )) {
    .wcl-contact {
      margin-top: calc(3.125rem + 4.6875 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (margin-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem )) {
    .wcl-contact {
      margin-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem )) {
    .wcl-contact {
      margin-bottom: calc(1.875rem + 1.5625 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-top: clamp( 2.5rem , 1.7297535211rem  +  3.2863849765vw , 4.6875rem )) {
    .wcl-contact__container {
      padding-top: clamp( 2.5rem , 1.7297535211rem  +  3.2863849765vw , 4.6875rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 1.7297535211rem  +  3.2863849765vw , 4.6875rem )) {
    .wcl-contact__container {
      padding-top: calc(2.5rem + 2.1875 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-bottom: clamp( 3.125rem , 2.3547535211rem  +  3.2863849765vw , 5.3125rem )) {
    .wcl-contact__container {
      padding-bottom: clamp( 3.125rem , 2.3547535211rem  +  3.2863849765vw , 5.3125rem );
    }
  }
  @supports not (padding-bottom: clamp( 3.125rem , 2.3547535211rem  +  3.2863849765vw , 5.3125rem )) {
    .wcl-contact__container {
      padding-bottom: calc(3.125rem + 2.1875 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (gap: clamp( 0.9375rem , 0.7174295775rem  +  0.9389671362vw , 1.5625rem )) {
    .wcl-contact__container {
      gap: clamp( 0.9375rem , 0.7174295775rem  +  0.9389671362vw , 1.5625rem );
    }
  }
  @supports not (gap: clamp( 0.9375rem , 0.7174295775rem  +  0.9389671362vw , 1.5625rem )) {
    .wcl-contact__container {
      gap: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-left: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-left: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-left: calc(0.9375rem + 2.5 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-right: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-right: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , 0.0572183099rem  +  3.7558685446vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-right: calc(0.9375rem + 2.5 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-top: clamp( 1.875rem , 1.5448943662rem  +  1.4084507042vw , 2.8125rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-top: clamp( 1.875rem , 1.5448943662rem  +  1.4084507042vw , 2.8125rem );
    }
  }
  @supports not (padding-top: clamp( 1.875rem , 1.5448943662rem  +  1.4084507042vw , 2.8125rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-top: calc(1.875rem + 0.9375 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (padding-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , 1.3248239437rem  +  2.3474178404vw , 3.4375rem )) {
    .wcl-contact__form, .wcl-contact__contacts {
      padding-bottom: calc(1.875rem + 1.5625 * (100vw - 23.4375rem) / 66.5625);
    }
  }
  @supports (font-size: clamp( 1.375rem , 1.3309859155rem  +  0.1877934272vw , 1.5rem )) {
    .wcl-contact__contacts-item-title {
      font-size: clamp( 1.375rem , 1.3309859155rem  +  0.1877934272vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.375rem , 1.3309859155rem  +  0.1877934272vw , 1.5rem )) {
    .wcl-contact__contacts-item-title {
      font-size: calc(1.375rem + 0.125 * (100vw - 23.4375rem) / 66.5625);
    }
  }
}
@media (min-width: 90em) {
  .wcl-contact {
    margin-top: 7.8125rem;
  }
  .wcl-contact {
    margin-bottom: 3.4375rem;
  }
  .wcl-contact__container {
    padding-top: 4.6875rem;
  }
  .wcl-contact__container {
    padding-bottom: 5.3125rem;
  }
  .wcl-contact__container {
    gap: 1.5625rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-left: 3.4375rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-right: 3.4375rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-top: 2.8125rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-bottom: 3.4375rem;
  }
  .wcl-contact__contacts-item-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1920px) {
  .wcl-contact__container {
    border-radius: 0;
  }
}
@media screen and (max-width: 1280px) {
  .wcl-contact__form-container .wpcf7-form__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .wcl-contact__body.wcl-section-inner {
    flex-direction: column;
  }
  .wcl-contact__block-wrapper {
    max-width: 100%;
  }
  .wcl-contact__form-title {
    text-align: center;
    margin-bottom: 15px;
  }
  .wcl-contact__form-container .wpcf7-form__row {
    flex-direction: row;
  }
  .wcl-contact__contacts-title {
    text-align: center;
    margin-bottom: 35px;
  }
  .wcl-contact__contacts-list {
    flex-direction: row;
    gap: 24px;
  }
  .wcl-contact__contacts-items {
    gap: 24px;
    width: calc(50% - 17px);
  }
  .wcl-contact__contacts-social-item {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .wcl-contact__contacts-list {
    flex-direction: column;
  }
  .wcl-contact__contacts-items {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .wcl-contact__form-container .wpcf7-form__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .wcl-contact__body.wcl-section-inner {
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  .wcl-contact__contacts-item {
    flex-direction: column;
    align-items: center;
  }
  .wcl-contact__contacts-item-info {
    align-items: center;
  }
  .wcl-contact__contacts-item-title {
    text-align: center;
  }
  .wcl-contact__contacts-item-connect {
    text-align: center;
  }
  .wcl-contact__contacts-item-connects {
    align-items: center;
  }
}
@media (max-width: 23.4375em) {
  .wcl-contact {
    margin-top: 3.125rem;
  }
  .wcl-contact {
    margin-bottom: 1.875rem;
  }
  .wcl-contact__container {
    padding-top: 2.5rem;
  }
  .wcl-contact__container {
    padding-bottom: 3.125rem;
  }
  .wcl-contact__container {
    gap: 0.9375rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-left: 0.9375rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-right: 0.9375rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-top: 1.875rem;
  }
  .wcl-contact__form, .wcl-contact__contacts {
    padding-bottom: 1.875rem;
  }
  .wcl-contact__contacts-item-title {
    font-size: 1.375rem;
  }
}
@media (any-hover: hover) {
  .wcl-contact__contacts-item-connect:hover {
    color: var(--green-color);
  }
  .wcl-contact__contacts-item-connect:hover::after {
    left: 0;
    width: 100%;
  }
  .wcl-contact__contacts-item-connect--address:hover::after {
    width: 50%;
  }
  .wcl-contact__contacts-item-social:hover img {
    transform: scale(1.25);
  }
}