.s_nexus_lms_contact_info {
  padding: 0;
  background: #f3f4f6;
}

.s_nexus_lms_contact_info_container {
  display: grid;
  gap: 1.25rem;
  max-width: 100%;
}

.s_nexus_lms_contact_info_card {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid oklch(92% .01 260);
  border-radius: 1.25rem;
  background: #ffffff;
  padding: 1.15rem 1.2rem;
}

.s_nexus_lms_contact_info_icon {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: .95rem;
  background: #dbeafe;
  color: #2563eb;
  flex-shrink: 0;
}

.s_nexus_lms_contact_info_icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.s_nexus_lms_contact_info_text h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #111827;
}

.s_nexus_lms_contact_info_text p {
  margin: .125rem 0 0;
  font-family: "Inter", sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  color: #64748b;
}

/* Contact page composition:
   Hero snippet + Contact Info snippet + native Contact Form block */
main > span[data-for="contactus_form"] + #wrap {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  column-gap: 2rem !important;
  row-gap: 0 !important;
  background: #f3f4f6 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_nexus_lms_cp_hero {
  grid-column: 1 / -1 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_nexus_lms_contact_info {
  grid-column: 1 !important;
  padding:4rem 0 5rem 4rem !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block {
  grid-column: 2 !important;
  background: transparent !important;
  padding: 0 4rem 5rem 0 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block > .s_allow_columns.container,
main > span[data-for="contactus_form"] + #wrap > .s_text_block > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block .row {
  display: block !important;
  margin: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block .row > .col-lg-4 {
  display: none !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block .row > .col-lg-8 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap > .s_text_block .row > .col-lg-8 > p {
  display: none !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form {
  border: 1px solid #d7dce5 !important;
  border-radius: 1.5rem !important;
  background: #ffffff !important;
  padding: 2rem !important;
  box-shadow: 0 8px 30px -12px rgba(15, 23, 42, .18) !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_label {
  width: auto !important;
  margin-bottom: 0 !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  font-family: "Inter", sans-serif !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_mark {
  color: #64748b !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_field {
  margin-bottom: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_input {
  border: 1px solid #cfd6e2 !important;
  border-radius: .9rem !important;
  background: #ffffff !important;
  padding: .8rem 1rem !important;
  font-size: .95rem !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  margin-top: .375rem !important;
  font-family: "Inter", sans-serif !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_input::placeholder {
  color: rgba(100, 116, 139, .6) !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form select.s_website_form_input,
main > span[data-for="contactus_form"] + #wrap #contactus_form select.form-select.s_website_form_input,
main > span[data-for="contactus_form"] + #wrap #contactus_form select[name="Topics"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-right: 2.5rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right .9rem center !important;
  background-size: 1rem 1rem !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
  --bs-form-select-bg-img: none !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form select.s_website_form_input option,
main > span[data-for="contactus_form"] + #wrap #contactus_form select.form-select.s_website_form_input option,
main > span[data-for="contactus_form"] + #wrap #contactus_form select[name="Topics"] option {
  color: #1f2937 !important;
  background: #ffffff !important;
}


main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_input:focus {
  border-color: #5b5cf0 !important;
  box-shadow: 0 0 0 2px rgba(91, 92, 240, .2) !important;
  outline: none !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form textarea.s_website_form_input {
  min-height: 7.5rem !important;
  resize: none !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_submit {
  padding-top: .25rem !important;
  margin-bottom: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_send.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--gradient-brand, linear-gradient(135deg, #5b5cf0 0%, #7879ff 100%)) !important;
  color: #fff !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  padding: .875rem 1.5rem !important;
  box-shadow: 0 20px 60px -20px rgba(91, 92, 240, .45) !important;
  font-family: "Inter", sans-serif !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_rows.row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_field.col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  grid-column: 1 / -1 !important;
}

main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_field:nth-child(1),
main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_field:nth-child(2) {
  grid-column: auto !important;
}

@media (max-width: 1200px) {
  main > span[data-for="contactus_form"] + #wrap > .s_nexus_lms_contact_info {
    padding-left: 1.5rem !important;
  }

  main > span[data-for="contactus_form"] + #wrap > .s_text_block {
    padding-right: 1.5rem !important;
  }
}

@media (max-width: 991.98px) {
  main > span[data-for="contactus_form"] + #wrap {
    grid-template-columns: 1fr !important;
  }

  main > span[data-for="contactus_form"] + #wrap > .s_nexus_lms_contact_info,
  main > span[data-for="contactus_form"] + #wrap > .s_text_block {
    grid-column: 1 !important;
    padding: 2rem 1rem 2rem !important;
  }
  .mt-4.mt-lg-0.o_colored_level.col-lg-12 {
      padding: 0;
  }

  main > span[data-for="contactus_form"] + #wrap #contactus_form .s_website_form_rows.row {
    grid-template-columns: 1fr !important;
  }

  .s_nexus_lms_contact_info_card {
    padding: 1rem 1rem;
  }

  .s_nexus_lms_contact_info_text h3 {
    font-size: .875rem;
  }

  .s_nexus_lms_contact_info_text p {
    font-size: .875rem;
  }
}