.youtuo_contact_solution {
  padding: var(--component-gap) 0;
}

.youtuo_contact_solution .row {
  margin: 0;
}

.youtuo_contact_solution_layout {
  display: grid;
  grid-template-columns: 1fr 1.14fr;
  gap: var(--text-gap-lg);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--color-surface);
}

.youtuo_contact_solution [class*="crm_inquiry_form_"]  .inqury_title_box .inqury_title_text {
  color: #000;
  font-family: var(--font-family);
  font-size: calc(var(--font-size-56) - 1px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: calc(var(--text-gap-lg) * 3) !important;
}


.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap.half{
  /* width: 48.5%; */
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap {
  /* padding: 0; */
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .phone_number.error{
  border: 1px solid #F0150F;
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form  .char-count,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury_titl_desc,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap .input-label {
  display: none;
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select {
  width: clamp(110px, 6.25vw, 120px) !important;
}


.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select>.dropdown-toggle,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select>.dropdown-toggle.bs-placeholder,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap .one-line-input,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap-box .phone_number,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap .textarea-input {
  color: #676868;
  font-family: var(--font-family);
  font-size: var(--font-size-22);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  padding: calc(var(--text-gap-sm) * 2) calc(var(--text-gap-md)) ;
  border-radius: var(--radius-sm);
  background: rgba(255, 90, 14, 0.10);
  height: auto;
  border: 1px solid #D9D9D9;
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap-box .phone_number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select>.dropdown-toggle,
.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select>.dropdown-toggle.bs-placeholder {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: stretch;
}



.youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .crmForm-error {
  top: 100%;
}

.youtuo_contact_solution_visual {
  position: relative;
  border-radius: var(--radius-xl) ;
  overflow: hidden;
  background-image: var(--youtuo-contact-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 4/5;
}

.youtuo_contact_solution_visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 90, 14, 0.1);
}


.youtuo_contact_solution_contact {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--text-gap-sm);
  padding: calc(var(--component-gap-sm) - 9px);
  background: rgba(255, 90, 14, 0.4);
}

.youtuo_contact_solution_contact_desc {
  color: var(--bg-color);
  font-family: var(--font-family);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.youtuo_contact_solution_contact_item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  color: #fff;
}

.youtuo_contact_solution_contact_icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.youtuo_contact_solution_contact_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: translateY(-20%);
}

.youtuo_contact_solution_contact_title {
  margin: 0;
  font-family: var(--title-font-family);
  font-size: var(--font-size-26);
  font-weight: 500;
  line-height: 1.02;
  color: var(--bg-color);
}

.youtuo_contact_solution_form {
  background: var(--color-surface);
  padding: var(--component-gap-sm) 0 calc(var(--component-gap) / 2);
}



.youtuo_contact_solution_form_inner {
  width: 100%;
}

.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury-form {
  display: flex;
  /* gap: var(--text-gap-lg); */
}


.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury-form .one-line-input::placeholder,
.youtuo_contact_solution  [class*="crm_inquiry_form_"] .inqury-form  .phone_number::placeholder,
.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury-form .textarea-input::placeholder {
  color: #676868;
  opacity: 1;
}



.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .col-sm-12,
.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .col-md-12,
.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .col-lg-12 {
  width: 100%;
  padding: 0;
}




.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury-form .textarea-input {
  min-height: 346.921px;
}

.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury_submit,
.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .create-form-submit {
  width: 100%;
  min-height: 71.847px;
  border: none;
  border-radius: 10.264px;
  background: #ff5a0e;
  color: #fff;
  font-size: 22.581px;
  font-weight: 400;
  line-height: 1.5;
  transition: opacity 0.3s ease;
}

.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .inqury_submit:hover,
.youtuo_contact_solution  [class*="crm_inquiry_form_boxcustom_inquiry_form_"] .create-form-submit:hover {
  opacity: 0.9;
}

@media (max-width: 1500px) {
  .youtuo_contact_solution_layout {
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
  }

  .youtuo_contact_solution_form {
    padding: 0;
  }

  .youtuo_contact_solution_visual {
    
  }

  .youtuo_contact_solution_title {
    font-size: 48px;
  }
}

@media (max-width: 1200px) {
  .youtuo_contact_solution_layout {
    grid-template-columns: 1fr;
  }


  .youtuo_contact_solution_form {
    padding: 40px 24px;
  }

  .youtuo_contact_solution_title {
    margin-bottom: 32px;
    font-size: 40px;
  }
}

@media (max-width: 768px) {

  .youtuo_contact_solution_contact_item {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 16px;
  }

  .youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap.half {
    width: 100%;
  }

  .youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .phone-wrap .bootstrap-select>.dropdown-toggle.bs-placeholder,
  .youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap .one-line-input, .youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap-box .phone_number, .youtuo_contact_solution [class*="crm_inquiry_form_"] .inqury-form .input-wrap .textarea-input {
    padding: var(--text-gap-sm)  var(--text-gap-md);
  }
}