/*-- ============================================= --*/
/*-- ================= PAGE HERO ================= --*/
/*-- ============================================= --*/




/*-- ================================================ --*/
/*-- ================= FORM SECTION ================= --*/
/*-- ================================================ --*/
.custom-multiselect {
cursor: pointer;
position: relative;
background: #111118;
border: 1px solid rgba(212,175,55,0.45);
border-radius: 8px;
padding: 14px 18px;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
user-select: none;
transition: border-color 0.3s ease;
}
.custom-multiselect:hover {
border-color: rgba(212,175,55,1);
}
.multiselect-dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #111118;
border: 1px solid rgba(212,175,55,0.6);
border-radius: 8px;
margin-top: 5px;
z-index: 999;
max-height: 260px;
overflow-y: auto;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
padding: 8px 0;
}
.multiselect-dropdown-menu.show {
display: block !important;
}
.dropdown-item-checkbox {
padding: 10px 18px;
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
color: #fff;
margin: 0;
transition: background 0.2s ease;
}
.dropdown-item-checkbox:hover {
background: #181822;
}
.dropdown-item-checkbox input[type="checkbox"] {
accent-color: #d4af37;
width: 16px;
height: 16px;
cursor: pointer;
}
.dropdown-item-checkbox input[type="checkbox"]:checked + span {
color: #d4af37;
font-weight: 500;
}
.custom-multiselect.open .chevron-icon {
transform: rotate(180deg);
}
#dropdownSelectedText {
color: #888;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 10px;
}




/*-- ================================================ --*/
/*-- ================= WHY CONTACTN ================= --*/
/*-- ================================================ --*/




/*-- ======================================= --*/
/*-- ================= FAQ ================= --*/
/*-- ======================================= --*/
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.faq-item.active .faq-answer {
  max-height: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.faq-item.active .faq-icon {
  transform: rotate(45deg);
  display: inline-block;
  transition: transform 0.2s ease;
}
.faq-icon {
  transition: transform 0.2s ease;
  display: inline-block;
}