.autocomplete-container {
position: relative;
display: flex;
align-items:center;
--input-width: 400px;
--icon-width: 40px;
}
.autocomplete-input {
padding: 20px 40px 20px 20px; border: 3px solid #004766; border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
height: 64px;  width: 600px;
border-right-color: transparent;
border-right: none;
font-family: "neue-haas-grotesk-text", sans-serif;
}
.autocomplete-input::placeholder {
font-family: "neue-haas-grotesk-text", sans-serif;
}
.autocomplete-input:focus {
outline: none;
}
.autocomplete-icon::before {
content: url(https://coverme123.com/wp-content/uploads/2023/10/magGlassDarkBlue20x20.svg); 
position: absolute;
left: 0%;
top: 50%;
transform: translate(-50%, -50%);
}
.autocomplete-icon {
display: inline-block;
min-width: 40px;
width: 40px;
height: 64px; position: relative; 
align-items: center;
justify-content: center;
border: 3px solid #004766;
border-left: none; background-color: #FFF; border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
margin-right: -2px;
}
#awesomplete_list_2 {
position: absolute;
top: 100%; left: 50%; width: calc(1.2 * (var(--input-width) + var(--icon-width))); 
transform: translateX(-50%); z-index: 1000; background-color: #fff;
border-radius: 12px;
border-color: #004766;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
justify-content: center;
padding: 20px 16px;
margin-top: 8px;
}
#awesomplete_list_2 li {
list-style: none;
padding: 8px;
cursor: pointer;
font-family: "neue-haas-grotesk-text", sans-serif;
}
#awesomplete_list_2 li:hover {
background-color: #D8F0F8;
}
#awesomplete_list_2 mark {
background-color: #00B1E7; color: #ffffff; padding: 0; }
@media only screen and (max-width: 450px) {
#awesomplete_list_2 {
width: calc(0.7 * (var(--input-width) + var(--icon-width)))!important; 
left: 60%!important;
}
} @media only screen and (max-width: 767px) {
.autocomplete-input {
width: 250px; }
#awesomplete_list_2 {
width: calc(0.8 * (var(--input-width) + var(--icon-width))); 
left: 70%;
}
} @media only screen and (min-width: 768px) and (max-width: 1024px) {
.autocomplete-input {
width: 350px; }
#awesomplete_list_2 {
width: calc(0.8 * (var(--input-width) + var(--icon-width))); 
}
} .questionTitle {
margin-bottom: 1.5rem;
}
.faq-p {
background-color: #004766!important;
border-radius: 12px;
margin-bottom: 10px; padding-bottom: 4px;
width: 60%;
padding-left: 0!important;
padding-right: 0!important;
}
.toggle-text {
text-decoration: none!important;
color: #fff;
margin-left: 8px;
flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'quicksand', sans-serif;
align-items: center;
font-weight: 600!important;
}
.btn.faq {
display: flex;
align-items: center;
position: relative;
padding: 10px 15px;
background: #FFF;
border: none;
text-align: left;
cursor: pointer;
width: 100%;
background-color: #004766;
}
.btn.faq:hover {
background-color: #004766!important;
}
.btn.faq:focus {
background-color: #004766!important;
}
.btn-link {
text-decoration: none!important;
}
.btn-link {
border-radius: 12px!important;
}
.faq-img svg {
width: 48px;
height: auto;
margin-right: 10px; }
.faq-icon {
width: 16px; height: 16px; position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%); 
background-image: url(https://coverme123.com/wp-content/uploads/2023/10/plusWhite.svg); background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.faq-icon.expanded {
background-image: url(https://coverme123.com/wp-content/uploads/2023/10/whiteFinal.svg); width: 16px; height: 16px; background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.faq-body {
background-color: #004766;
border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important;
}
.faq-answer {
padding: 10px 15px;
color: #fff;
background-color: #004766;
}
.faq-body-cont {
}
@media only screen and (max-width: 600px) {
.faq-img {
display: none;
}
.toggle-text {
white-space: normal; overflow: visible; text-overflow: clip; margin-right: 25px; }
}
@media screen and (min-width: 1119px) and (max-width: 1300px) {
.faq-p {
width: 80%;
}
}
@media screen and (max-width: 1119px) {
.faq-p {
width: 90%;
}
}
@media screen and (max-width: 767px) {
.faq-p {
width: 100%!important
}
}