html.ubd-contact-ready {
  --ubd-contact-orange:#ed9638;
  --ubd-contact-coral:#ef8055;
  --ubd-contact-yellow:#f3c85f;
  --ubd-contact-green:#9bbd74;
  --ubd-contact-teal:#65a78c;
  --ubd-contact-ink:#17353d;
  --ubd-contact-muted:#6f8084;
  --ubd-contact-paper:#f8f4ef;
  --ubd-contact-line:rgba(23,53,61,.09);
  --ubd-contact-shadow:0 18px 42px rgba(23,53,61,.08);
}

html.ubd-contact-ready body#contact {
  padding-bottom:86px;
  overflow-x:hidden;
  background:linear-gradient(180deg,#fbfaf8 0,#f6f3ef 100%) !important;
  color:var(--ubd-contact-ink);
}

html.ubd-contact-ready body#contact #wrapper {
  background:transparent !important;
}

html.ubd-contact-ready body#contact #wrapper > .container,
html.ubd-contact-ready body#contact #wrapper .tv-left-layout {
  width:min(100% - 28px,1240px) !important;
  max-width:1240px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

html.ubd-contact-ready body#contact .breadcrumb,
html.ubd-contact-ready body#contact nav[data-depth] {
  margin:12px 0 16px !important;
  padding:0 4px !important;
  background:transparent !important;
}

html.ubd-contact-ready body#contact #wrapper .tv-left-layout > .row,
html.ubd-contact-ready body#contact #wrapper > .container > .row {
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;
  gap:18px !important;
  align-items:start !important;
  margin:0 !important;
}

html.ubd-contact-ready body#contact #left-column,
html.ubd-contact-ready body#contact #content-wrapper {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  flex:none !important;
}

html.ubd-contact-ready body#contact #left-column {
  grid-column:1 !important;
}

html.ubd-contact-ready body#contact #content-wrapper {
  grid-column:2 !important;
}

html.ubd-contact-ready body#contact #right-column {
  display:none !important;
}

html.ubd-contact-ready body#contact #main,
html.ubd-contact-ready body#contact #content,
html.ubd-contact-ready body#contact .page-content,
html.ubd-contact-ready body#contact .card,
html.ubd-contact-ready body#contact .card-block {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ubd-contact-hero {
  grid-column:1 / -1;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:24px;
  align-items:center;
  min-height:270px;
  margin:0 0 18px;
  padding:clamp(24px,4vw,46px);
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,#fff8ed 0%,#fff 50%,#eef8f3 100%);
  box-shadow:var(--ubd-contact-shadow);
  isolation:isolate;
}

.ubd-contact-hero::before,
.ubd-contact-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  filter:blur(2px);
}

.ubd-contact-hero::before {
  width:220px;
  height:220px;
  right:-60px;
  top:-70px;
  background:rgba(243,200,95,.32);
}

.ubd-contact-hero::after {
  width:180px;
  height:180px;
  left:-55px;
  bottom:-90px;
  background:rgba(101,167,140,.22);
}

.ubd-contact-hero-copy > span {
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:7px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--ubd-contact-teal);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(23,53,61,.07);
}

.ubd-contact-hero h1 {
  max-width:760px;
  margin:0 0 12px !important;
  color:var(--ubd-contact-ink) !important;
  font-family:Impact,"Arial Narrow",sans-serif !important;
  font-size:clamp(38px,6vw,76px) !important;
  font-weight:400 !important;
  line-height:.92 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase;
}

.ubd-contact-hero p {
  max-width:680px;
  margin:0 !important;
  color:var(--ubd-contact-muted) !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

.ubd-contact-quick-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.ubd-contact-quick-actions a {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:70px;
  padding:13px 14px;
  border-radius:18px;
  color:var(--ubd-contact-ink) !important;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none !important;
  box-shadow:0 12px 24px rgba(23,53,61,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}

.ubd-contact-quick-actions a:hover {
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(23,53,61,.12);
}

.ubd-contact-quick-actions a:nth-child(1){background:#e9f6ef;}
.ubd-contact-quick-actions a:nth-child(2){background:#fff0e7;}
.ubd-contact-quick-actions a:nth-child(3){background:#fff7d9;}
.ubd-contact-quick-actions a:nth-child(4){background:#eef4ff;}

.ubd-contact-quick-actions svg {
  flex:0 0 auto;
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html.ubd-contact-ready body#contact .contact-rich,
html.ubd-contact-ready body#contact .contact-form {
  margin:0 !important;
  border:1px solid var(--ubd-contact-line) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--ubd-contact-shadow) !important;
}

html.ubd-contact-ready body#contact .contact-rich {
  padding:22px !important;
}

html.ubd-contact-ready body#contact .contact-rich h4 {
  margin:0 0 16px !important;
  color:var(--ubd-contact-ink) !important;
  font-family:Impact,"Arial Narrow",sans-serif !important;
  font-size:30px !important;
  font-weight:400 !important;
  letter-spacing:.02em !important;
  text-align:left !important;
  text-transform:uppercase;
}

html.ubd-contact-ready body#contact .contact-rich > .row {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 !important;
}

html.ubd-contact-ready body#contact .contact-rich .block {
  display:grid !important;
  grid-template-columns:50px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:82px !important;
  margin:0 !important;
  padding:14px !important;
  border:0 !important;
  border-radius:18px !important;
  background:var(--ubd-contact-paper) !important;
}

html.ubd-contact-ready body#contact .contact-rich .block:nth-child(1){background:#eef8f3 !important;}
html.ubd-contact-ready body#contact .contact-rich .block:nth-child(2){background:#fff1e8 !important;}
html.ubd-contact-ready body#contact .contact-rich .block:nth-child(3){background:#fff8dc !important;}
html.ubd-contact-ready body#contact .contact-rich .block:nth-child(4){background:#edf4ff !important;}

html.ubd-contact-ready body#contact .contact-rich .icon {
  display:grid !important;
  place-items:center !important;
  width:50px !important;
  height:50px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:#fff !important;
  color:var(--ubd-contact-ink) !important;
  box-shadow:0 8px 18px rgba(23,53,61,.07) !important;
}

html.ubd-contact-ready body#contact .contact-rich .icon i {
  margin:0 !important;
  color:inherit !important;
  font-size:25px !important;
}

html.ubd-contact-ready body#contact .contact-rich .data {
  min-width:0;
  margin:0 !important;
  color:var(--ubd-contact-ink) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

html.ubd-contact-ready body#contact .contact-rich .data p,
html.ubd-contact-ready body#contact .contact-rich .data span {
  margin:0 !important;
  color:var(--ubd-contact-muted) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}

html.ubd-contact-ready body#contact .contact-rich .data a {
  display:block;
  margin-top:3px;
  overflow-wrap:anywhere;
  color:var(--ubd-contact-ink) !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

html.ubd-contact-ready body#contact .contact-form {
  padding:clamp(20px,3vw,30px) !important;
}

html.ubd-contact-ready body#contact .contact-form form,
html.ubd-contact-ready body#contact .contact-form .form-fields {
  margin:0 !important;
}

html.ubd-contact-ready body#contact .contact-form .form-fields > .form-group:first-child {
  margin:0 0 18px !important;
}

html.ubd-contact-ready body#contact .contact-form h3 {
  margin:0 !important;
  color:var(--ubd-contact-ink) !important;
  font-family:Impact,"Arial Narrow",sans-serif !important;
  font-size:clamp(34px,4vw,48px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-align:left !important;
  text-transform:uppercase;
}

.ubd-contact-form-intro {
  margin:8px 0 0 !important;
  color:var(--ubd-contact-muted) !important;
  font-size:13px !important;
  line-height:1.55 !important;
  text-align:left !important;
}

html.ubd-contact-ready body#contact .contact-form .form-fields > .row > .col-md-1,
html.ubd-contact-ready body#contact .contact-form .form-fields > .row > .col-lg-2 {
  display:none !important;
}

html.ubd-contact-ready body#contact .contact-form .form-fields > .row > .col-md-10,
html.ubd-contact-ready body#contact .contact-form .form-fields > .row > .col-lg-8 {
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}

html.ubd-contact-ready body#contact .contact-form .col-md-10 > .row,
html.ubd-contact-ready body#contact .contact-form .col-lg-8 > .row {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
}

html.ubd-contact-ready body#contact .contact-form .col-md-6 {
  flex:none !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

html.ubd-contact-ready body#contact .contact-form .form-group {
  margin:0 0 13px !important;
}

html.ubd-contact-ready body#contact .contact-form .form-control-label {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 6px !important;
  padding:0 !important;
  color:var(--ubd-contact-ink) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-align:left !important;
  text-transform:uppercase;
}

html.ubd-contact-ready body#contact .contact-form .form-control,
html.ubd-contact-ready body#contact .contact-form select,
html.ubd-contact-ready body#contact .contact-form input[type="email"],
html.ubd-contact-ready body#contact .contact-form input[type="text"],
html.ubd-contact-ready body#contact .contact-form textarea {
  width:100% !important;
  min-height:52px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(23,53,61,.11) !important;
  border-radius:15px !important;
  background:#fbfaf8 !important;
  color:var(--ubd-contact-ink) !important;
  font-size:13px !important;
  box-shadow:none !important;
  outline:none !important;
}

html.ubd-contact-ready body#contact .contact-form textarea {
  min-height:184px !important;
  resize:vertical !important;
  line-height:1.55 !important;
}

html.ubd-contact-ready body#contact .contact-form .form-control:focus,
html.ubd-contact-ready body#contact .contact-form select:focus,
html.ubd-contact-ready body#contact .contact-form input:focus,
html.ubd-contact-ready body#contact .contact-form textarea:focus {
  border-color:rgba(101,167,140,.75) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(101,167,140,.12) !important;
}

html.ubd-contact-ready body#contact .contact-form input[type="file"] {
  width:100% !important;
  min-height:50px !important;
  padding:8px !important;
  border:1px dashed rgba(23,53,61,.18) !important;
  border-radius:15px !important;
  background:#fbfaf8 !important;
  color:var(--ubd-contact-muted) !important;
  font-size:12px !important;
}

html.ubd-contact-ready body#contact .contact-form .form-control-comment {
  width:100% !important;
  max-width:none !important;
  padding:4px 0 0 !important;
  color:var(--ubd-contact-muted) !important;
  font-size:10px !important;
}

html.ubd-contact-ready body#contact .contact-form .form-footer {
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:12px !important;
  padding:0 !important;
}

html.ubd-contact-ready body#contact .contact-form .form-footer input[name="url"] {
  display:none !important;
}

html.ubd-contact-ready body#contact .contact-form button[type="submit"],
html.ubd-contact-ready body#contact .contact-form .tvall-inner-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:190px !important;
  min-height:52px !important;
  padding:12px 20px !important;
  border:0 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,var(--ubd-contact-orange),var(--ubd-contact-coral)) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:none !important;
  box-shadow:0 13px 24px rgba(237,150,56,.24) !important;
}

html.ubd-contact-ready body#contact .contact-form button[type="submit"]:hover,
html.ubd-contact-ready body#contact .contact-form .tvall-inner-btn:hover {
  transform:translateY(-1px);
}

html.ubd-contact-ready body#contact .contact-form .alert {
  width:100% !important;
  margin:0 0 16px !important;
  padding:13px 15px !important;
  border:0 !important;
  border-radius:15px !important;
  font-size:12px !important;
}

html.ubd-contact-ready body#contact .contact-form .alert-success {
  background:#e8f7ee !important;
  color:#2e7255 !important;
}

html.ubd-contact-ready body#contact .contact-form .alert-danger {
  background:#fff0ed !important;
  color:#a74434 !important;
}

@media (max-width:900px) {
  html.ubd-contact-ready body#contact #wrapper .tv-left-layout > .row,
  html.ubd-contact-ready body#contact #wrapper > .container > .row {
    grid-template-columns:1fr !important;
  }

  html.ubd-contact-ready body#contact #left-column,
  html.ubd-contact-ready body#contact #content-wrapper {
    grid-column:1 !important;
  }

  .ubd-contact-hero {
    grid-template-columns:1fr !important;
  }
}

@media (max-width:699px) {
  html.ubd-contact-ready body#contact #wrapper > .container,
  html.ubd-contact-ready body#contact #wrapper .tv-left-layout {
    width:calc(100% - 18px) !important;
  }

  .ubd-contact-hero {
    min-height:0;
    padding:22px 18px;
    border-radius:23px;
  }

  .ubd-contact-hero h1 {
    font-size:42px !important;
  }

  .ubd-contact-quick-actions {
    grid-template-columns:1fr 1fr !important;
  }

  .ubd-contact-quick-actions a {
    min-height:62px;
    padding:11px;
    border-radius:16px;
    font-size:11px;
  }

  html.ubd-contact-ready body#contact .contact-rich,
  html.ubd-contact-ready body#contact .contact-form {
    border-radius:22px !important;
  }

  html.ubd-contact-ready body#contact .contact-rich {
    padding:16px !important;
  }

  html.ubd-contact-ready body#contact .contact-form {
    padding:18px 16px !important;
  }

  html.ubd-contact-ready body#contact .contact-form .col-md-10 > .row,
  html.ubd-contact-ready body#contact .contact-form .col-lg-8 > .row {
    grid-template-columns:1fr !important;
  }

  html.ubd-contact-ready body#contact .contact-form textarea {
    min-height:150px !important;
  }

  html.ubd-contact-ready body#contact .contact-form button[type="submit"],
  html.ubd-contact-ready body#contact .contact-form .tvall-inner-btn {
    width:100% !important;
    min-width:0 !important;
  }
}
