/* Auto-generated from live /faq inline <style> blocks (head). */

/* ===== block 1: WhatsApp form / select2 styling + responsive ===== */
body {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

.whatsapp-chat-sticky .div-block-107 {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  scrollbar-width: thin;
}

.whatsapp-chat-sticky .wa-chat-header.cursor-pointer {
  cursor: pointer;
}

#wf-form-WhatsApp-Form .whatsapp-select-field {
  appearance: none;
}

#wf-form-WhatsApp-Form .whatsapp-select-field.budget option:disabled {
  color: #969bab;
}

#wf-form-WhatsApp-Form .select2-container {
  width: 100% !important;
  margin-bottom: 10px;
}

#wf-form-WhatsApp-Form .select2-container .select2-search textarea {
  font-family: 'Roboto';
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0 12px;
}

#wf-form-WhatsApp-Form .select2-selection {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-image: url("/cdn/5d8a2887296e9177accb65bc/62bab3f0b589af3f467826c7_chevron-down.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 96% 50%;
}

#wf-form-WhatsApp-Form .select2-selection__choice {
  border-radius: 10px !important;
}

#wf-form-WhatsApp-Form .select2-container--focus .select2-selection {
  border-color: #3898ec;
}

#wf-form-WhatsApp-Form ul,
#select2-waFormServices-results,
#select2-waFormReferrer-results {
  font-size: 14px;
}

#wf-form-WhatsApp-Form .whatsapp-form-field.error,
#wf-form-WhatsApp-Form .whatsapp-select-field.error ~ .select2-container {
    margin-bottom: 2px;
}

#wf-form-WhatsApp-Form label.error {
  font-size: 11px;
  font-weight: normal;
  color: #f00;
}

#wf-form-WhatsApp-Form textarea.whatsapp-form-field-message {
  resize: none;
  height: 120px;
}

#wf-form-WhatsApp-Form .wa-form-prev-button,
#wf-form-WhatsApp-Form .wa-form-next-button {
  display: none;
}

#wf-form-WhatsApp-Form .wa-form-prev-button.disabled {
  color: #969bab;
  background-color: #e0e1e6;
  border-width: 0;
}

@media (max-height: 900px) {
  .left-menu-dark-side .nav-link .text-block-33 {
    font-size: 36px;
  }
  .left-menu-dark-side .nav-link.small .text-block-33 {
    font-size: 32px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .container, .container-1641 {
    max-width: 910px;
  }
}

@media (min-width: 1920px) {
  #wf-form-WhatsApp-Form .select2-container .select2-search textarea {
    margin: 0 0 7px 0;
  }
}

/* ===== block 2: anti-flicker snippet ===== */
.async-hide { opacity: 0 !important}

/* ===== block 3: FAQ tabs list horizontal scroll ===== */
.rv-faq-tabs-list {
  overflow-x: scroll;
  overflow-y: hidden;
}
.rv-faq-tabs-list::-webkit-scrollbar {
  display: none;
}

/* ===== accordion smooth open/close (React).
   Grid 0fr->1fr animates the row height. The inner gets overflow:hidden +
   min-height:0 so it clips to 0 when closed. Vertical padding is zeroed on
   both the row and the clip box (padding is NOT clipped by overflow, so any
   top/bottom padding would floor the collapsed height); open-state bottom
   spacing comes from the richtext last-child margin instead. Descendant
   selector (.rv-accordion ...) so it beats webflow.css's single-class
   padding rule regardless of the precedence-hoist source order. ===== */
.rv-accordion .rv-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  padding-top: 0;
  padding-bottom: 0;
  transition: grid-template-rows 0.32s ease;
}
.rv-accordion .rv-accordion-content > .rv-blog-single-content {
  overflow: hidden;
  min-height: 0;
}
.rv-accordion .rv-accordion-content.is-open {
  grid-template-rows: 1fr;
}

/* ===== FAQ tab switch: fade the item list in when a tab becomes active.
   display:none->block on the pane restarts this animation each switch. ===== */
.tabs-7 .w-tab-pane.w--tab-active .rv-accordion.faq {
  animation: faqTabFade 0.35s ease both;
}
@keyframes faqTabFade {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}