.contact-us-section {
  padding-top: 72px;
  padding-bottom: 72px;
  /*margin-top: 72px;*/
}
.contact-us-section .contact-us-top{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-us-section .contact-us-title{
  font-size: 32px;
  font-weight: 500;
  color: var(--secondary-font-color);
  line-height: 1.35;
}
.contact-us-section .contact-us-subtitle{
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #696969;
}
.contact-us-section .contact-us-wrapper{
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-us-section .contact-us-left-block{
  background-repeat: no-repeat;
  background-position: center;
  max-width: 620px;
  width: 100%;
  /*max-height: 541px;*/
  /*height: 541px;*/
  height: 605px;
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
}
.contact-us-bottom .contact-us-description {
  margin: 24px 24px 24px 41px;
  opacity: 1;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: linear-gradient(272.49deg, rgba(82, 82, 82, 0.35) 3.11%, rgba(0, 0, 0, 0.35) 94.06%);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  position: relative;
  z-index: 1;
}
.contact-us-bottom .contact-us-description_wrapper{
  position: relative;
}
.contact-us-bottom .contact-us-description_wrapper::before{
  content: "";
  position: absolute;
  top: -8%;
  left: 4%;
  width: 207px;
  height: 167px;
  background: #282828;
  border-radius: 8px;
  z-index: 0;
}
.contact-us-bottom .contact-us-description p{
  font-weight: 400;
  font-size: 20px;
  line-height: 135%;
  color: var(--main-font-color);
}

.contact-us-section .contact-us-bottom{
  display: flex;
  gap: 32px;
}
/* style for form*/
.cf7-custom-grid {
  display: grid;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
.cf7-custom-grid p {
  margin: 0;
  padding: 0;
  display: contents;
}

.cf7-row.two-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: start;
}
.cf7-row.two-cols .wpcf7-form-control-wrap {
  width: 100%;
  display: block;
}
.cf7-custom-grid input.wpcf7-form-control,
.cf7-custom-grid textarea.wpcf7-form-control,
.cf7-custom-grid input[type="file"].wpcf7-form-control {
  font-family: var(--main-font);
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid #B4B4B4;
  border-radius: 3px;
  font-weight: 200;
  font-size: 16px;
  line-height: 135%;
  background: #fff;
  /*color: #B4B4B4;*/
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  backdrop-filter: blur(25px);
}
.cf7-custom-grid input.wpcf7-form-control::placeholder,
.cf7-custom-grid textarea.wpcf7-form-control::placeholder {
  color: #B4B4B4;
  opacity: 1;
}
.cf7-custom-grid input.wpcf7-form-control:focus,
.cf7-custom-grid textarea.wpcf7-form-control:focus {
  border-color: #B4B4B4;
  box-shadow: 0 0 0 4px rgba(122,122,122,0.06);
  backdrop-filter: blur(25px);
}
.cf7-custom-grid textarea.wpcf7-form-control {
  resize: vertical;
  max-height: 141px;
}
.new__textarea .cf7-custom-grid textarea.wpcf7-form-control {
  max-height: 201px;
}
.cf7-row.file-row {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
  border: 1px solid #B4B4B4;
  border-radius: 3px;
  padding: 8px 10px;
  background: #fff;
  box-sizing: border-box;
}
.cf7-row.file-row .file-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cf7-row.file-row input[type="file"].wpcf7-form-control {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  width: 100%;
  color: #B4B4B4;
}
/*style for custom placeholder upload field*/
.cf7-row.file-row .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.cf7-row.file-row .wpcf7-form-control-wrap::before {
  content: "Upload your current insurance policy, if available";
  color: #B4B4B4;
  position: absolute;
  pointer-events: none;
  left: -15px;
  font-weight: 200;
  font-size: 16px;
  line-height: 135%;
  top: 0;
  /*left: 0;*/
  width: 100%;
}
.cf7-row.file-row {
  position: relative;

  display: flex;
  align-items: center;
  gap: 12px;
}
.cf7-row.file-row input[type="file"] {
  opacity: 0;

  position: relative;
  z-index: 2;
}
.file-placeholder {
  display: none;
  color: #B4B4B4;
  font-weight: 200;
  font-size: 16px;
  line-height: 135%;
  width: 100%;
}
.cf7-row.file-row .wpcf7-form-control-wrap[style*="--hide-before"]::before {
  display: none !important;
}
/*style for submit button*/
.cf7-row.submit-row{
  margin-top: 16px;
}
.cf7-row.submit-row p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--secondary-font-color);
  color: var(--main-font-color);
  padding: 9px 39px;
  border-radius: 4px;
  cursor: pointer;
  width: fit-content;
  position: relative;
  transition: background .2s ease, color .2s ease;
  border: 1px solid transparent;
}
.cf7-row.submit-row p:hover {
  border-color: #171717;
}
.cf7-row.submit-row .wpcf7-spinner {
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1 !important;
  width: 24px;
  height: 24px;
}
.cf7-row.submit-row p::before {
  content: "Submit";
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.cf7-row.submit-row p input.wpcf7-submit.button.black {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: none;
  background: none;
  z-index: 2;
}
.cf7-row.submit-row p::after {
  content: "";
  width: 32px;
  height: 32px;
  mask-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4833 8.47422C17.6239 8.33377 17.8145 8.25488 18.0133 8.25488C18.212 8.25488 18.4026 8.33377 18.5433 8.47422L25.5313 15.4742C25.6717 15.6148 25.7506 15.8055 25.7506 16.0042C25.7506 16.203 25.6717 16.3936 25.5313 16.5342L18.5433 23.5342C18.4019 23.6709 18.2125 23.7466 18.0158 23.745C17.8192 23.7434 17.631 23.6646 17.4919 23.5256C17.3528 23.3866 17.2738 23.1985 17.272 23.0019C17.2702 22.8052 17.3457 22.6157 17.4823 22.4742L23.1913 16.7552L7.00027 16.7662C6.80136 16.7665 6.61049 16.6877 6.46965 16.5473C6.32881 16.4068 6.24953 16.2161 6.24927 16.0172C6.249 15.8183 6.32777 15.6274 6.46823 15.4866C6.6087 15.3458 6.79936 15.2665 6.99827 15.2662L23.1923 15.2562L17.4813 9.53422C17.3408 9.3936 17.2619 9.20297 17.2619 9.00422C17.2619 8.80547 17.3408 8.61485 17.4813 8.47422" fill="white"></path></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--main-font-color);
  transition: background-color .2s ease;
}
.cf7-row.submit-row p:hover {
  background-color: var(--main-font-color);
  color: var(--secondary-font-color);
}
.cf7-row.submit-row p:hover::after {
  background-color: var(--secondary-font-color);
}

@media (max-width: 1175px) {

  .cf7-row.file-row .wpcf7-form-control-wrap::before {
    transform: translateY(-50%);
    max-width: calc(100% - 20px);
    top: 50%;
  }
}
@media (max-width: 1023px){
  .cf7-row.file-row .wpcf7-form-control-wrap::before {
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 992px){
  .new__textarea .cf7-custom-grid textarea.wpcf7-form-control {
    max-height: 141px;
  }
  .contact-us-section .contact-us-bottom{
    flex-direction: column-reverse;
  }
  .contact-us-section .contact-us-left-block{
    max-width: 100%;
    background-size: cover;
  }
}
@media (max-width: 768px){
  .contact-us-section {
    padding-top: 40px;
    padding-bottom: 40px;
    /*margin-top: 40px;*/
  }
  .contact-us-section .contact-us-wrapper{
    gap: 24px;
  }
  .contact-us-section .contact-us-top{
    gap: 16px;
  }
  .contact-us-section .contact-us-title{
    font-size: 24px;
  }
  .contact-us-section .contact-us-subtitle{
    font-size: 14px;
    line-height: 140%;
  }
  .contact-us-bottom .contact-us-description p{
    font-size: 16px;
  }
  .contact-us-section .contact-us-bottom{
    flex-direction: column-reverse;
  }
}