/* == FAQs PAGE ONLY == */

.hero { background-image: url('../img/hero/hero-faq.jpg'); background-position:right top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.hero::after  { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 0.1) 15%);}

@media (max-width: 1200px) {.hero {background-image: url('../img/hero/hero-faq-md.jpg');}}
@media (max-width: 992px) {.hero {background-position:center top;}}
@media (max-width: 768px) {
  .hero {background-position:left top;}
	.hero::after { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 0.3) 75%);}
}

.faq .nav-tabs .nav-link { color: #ffffff; font-size: 1rem; font-weight: 600; border:0; border-radius: 0.25rem; cursor: pointer; transition: all 0.4s ease; }
.faq .nav-tabs .nav-link:hover { background: #ffffff; color:var(--navy-black);  transform: translateY(-2px); }
.faq .nav-tabs .nav-link.active { background: #ffffff; color:var(--navy-black);  }
.faq .nav-tabs .nav-link.active:after  { content: "\F280"; font-family: "bootstrap-icons"; line-height: 1; vertical-align: -.125em;}

.faq .tab-pane { transition: all 0.4s ease; }
.faq .tab-pane.fade { transform: translateY(10px); opacity: 0; }
.faq .tab-pane.show { transform: translateY(0); opacity: 1; }

.faq-category-select {display: none;} /* Hide Category DD */

@media (max-width: 991.98px) {
	.faq .tab-pane h2 {font-size:2rem;}
	.faq-category-tabs {display:none;}

    .faq-category-select { display: block; width: 100%; min-height: 44px; border-radius: 4px; margin-bottom: 0.5rem;}
    .faq-category-select:focus { border-color: #fff; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); }
    .faq-category-select option {background-color: #f2f2f2; }
}