.faq-container { width: 100%; }

.faq-container .container { padding-bottom: 5em; }

.faq-container .faq-banner { width: 100%; height: 480px; object-fit: cover; }

.faq-container .heading-section { color: white; margin-top: -250px; }

.faq-container .heading-section .heading { font-size: 2.8rem; line-height: 1.2; font-family: 'Poppins'; font-weight: 600; color: white; margin-bottom: 0.5em; }

.faq-container .heading-section .description { font-family: 'Merriweather'; font-size: 1rem; width: 800px; opacity: 0.8; letter-spacing: 0.5px; }

.faq-container .faq-section { margin-top: 5em; }

.faq-container .faq-section .accordion { display: flex; align-items: center; justify-content: space-between; background-color: transparent; color: #444; font-weight: 500; cursor: pointer; width: 100%; text-align: left; outline: none; border: none; font-size: 1em; transition: 0.4s; font-family: 'Montserrat', Arial, sans-serif; text-indent: 10px; padding: 7px 10px; }

.faq-container .faq-section .accordion:after { content: '\2212'; color: #444; font-weight: 800; float: right; margin-right: 10px; font-size: 25px; transition: 0.8s; }

.faq-container .faq-section .active-accordion:after { content: '\002B'; color: white; }

.faq-container .faq-section .accordion:hover::after { color: white; transform: rotateX(360deg); }

.faq-container .faq-section .active-accordion, .faq-container .faq-section .accordion:hover { background: #444; color: white; }

.faq-container .faq-section .panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; font-family: 'Montserrat', Arial, sans-serif; color: #444; font-size: 14px; font-weight: 500; line-height: 1.8em; }

.faq-container .faq-section .panel a { color: #444; }

.faq-container .faq-section .sub-heading { padding: 20px 0 20px; color: #444; }

.faq-container .faq-section .accordion-link { color: #01b1ec !important; text-decoration: none; }

.faq-container .contact-section { margin-top: 5em; }

.faq-container .contact-section .prefix-heading { font-size: 0.8rem; margin-bottom: 0.5em; display: block; font-family: 'Poppins'; font-weight: 700; letter-spacing: 2px; color: #444; line-height: 1.2; }

.faq-container .contact-section .heading { font-family: 'Poppins'; font-weight: 700; letter-spacing: 1px; color: #444; }

.faq-container .contact-section .description { font-family: 'Merriweather'; font-size: 0.9rem; opacity: 0.7; line-height: 1.8em; }

.faq-container .contact-section .email { display: flex; align-items: center; margin-bottom: 1em; }

.faq-container .contact-section .email .fa-envelope { font-size: 2.2em; font-weight: 100; }

.faq-container .contact-section .email p { margin: 0; padding: 0 1em; font-family: 'Poppins'; font-size: 0.7rem; font-weight: 800; letter-spacing: 2px; }

.faq-container .contact-section .email-address { font-family: 'Merriweather'; opacity: 0.8; font-size: 0.9em; font-style: italic; color: #444; }

@media (max-width: 600px) { .faq-container .faq-banner { height: 580px; object-fit: cover; } .faq-container .heading-section { margin-top: -360px; } .faq-container .heading-section .heading { font-size: 2.6rem; } .faq-container .heading-section .description { font-size: 1rem; width: calc(100vw - 20vw); } }

/* unvisited link */
.links { padding-right: 15px; padding-bottom: 20px; }

.links:link { color: #fff; text-decoration: none; }

/* visited link */
.links:visited { color: #fff; text-decoration: none; }

/* mouse over link */
.links:hover { color: hotpink; }

.logo { float: right; }

@media only screen and (max-width: 600px) { .logo { text-align: center; } }

footer { float: left; width: 100%; padding-bottom: 40px; }

/*# sourceMappingURL=faq.css.map */