.faq-header-wrapper { width: 100%; height: 380px; border-bottom: 1px solid #ececec; background-repeat: no-repeat; background-size: contain; background-position: bottom -15px right 20%; }
.faq-header-inner { height: 100%; width: 100%; position: relative; }
.faq-header-inner h1 { margin-top: 0px; line-height: 1.2 }
.faq-header-inner h6 { color: #c73f14; font-size: 16px; margin-bottom: 0px; font-weight: 400; }
.faq-search { text-align: center; margin-top: 80px; }
.faq-search h3 { color: #fff; }
.resource-banner-cta { padding-top: 20px; }
.faq-pg-title { padding-left: 12px; padding-top: 10px; }
.faq-pg-title a { padding: 12px 25px 13px 25px; background-color: #c73f14; color: #fff; border-radius: 6px !important; transition: .3s; font-weight: 600; }
.faq-pg-title a:hover { background-color: #c73f14; color: #fff; }

/*  Search box stying */
.social-search-strip-faq { padding-top: 15px !important; margin: auto; }
.social-search-strip-faq .hs-search-field { position: relative; }
.social-search-strip-faq .hs-search-field__input { box-sizing: border-box; width: 290px !important; border-radius: 6px !important; font-size: 17px; border: 1px solid #c73f14; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; }
.social-search-strip-faq .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; color: #000 !important; position: absolute; top: 20px !important; z-index: 1; }
.social-search-strip-faq .hs-search-field--open .hs-search-field__suggestions { border: 0px solid #000; background-color: #fff; border-radius: 6px; margin-top: 15px !important; opacity: 0.8; padding: 20px; text-align: left; z-index: 2000; }
.social-search-strip-faq .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; }
.social-search-strip-faq .hs-search-field__suggestions #results-for { font-weight: bold; color: #000; }
.social-search-strip-faq .hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for { display: block; color: #3c3c3b; font-size: 13px; margin-top: 10px; }
.social-search-strip-faq .hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus { font-weight: 600; outline: none; color: #c73f14;  !important; }
.social-search-strip-faq  .hs-button.primary,
input[type="button"] { position: relative; right: 0px; top: 0px; margin-left: -40px; z-index: 200; color: #c73f14;  !important; background-color: transparent !important; padding: 3px !important; font-size: 20px !important; margin-top: -4px; vertical-align: middle; }
.social-search-strip-faq  .hs-button.primary:hover,
input[type="button"] { color: #c73f14;  !important; }

/* Placeholder Text (styles the placeholder attribute text) */
.social-search-strip-faq .hs-search-field::-webkit-input-placeholder { /* Webkit Browsers */
  color: #c73f14; z-index: 10; font-family: 'Work Sans', sans-serif; }
.social-search-strip-faq .hs-search-field:-moz-placeholder { /* Firefox 18- */ color: #c73f14; font-family: 'Work Sans', sans-serif; }
.social-search-strip-faq .hs-search-field::-moz-placeholder { /* Firefox 19+ */ color: #c73f14; font-family: 'Work Sans', sans-serif; }
.social-search-strip-faq .hs-search-field:-ms-input-placeholder { /* IE10 */ color: #c73f14; font-family: 'Work Sans', sans-serif; }
.faq-header-wrapper .bg-img { position: absolute; top: 0; right: 5%; height: 380px; width: 300px; } 
.faq-header-wrapper .bg-img img { height: 100%; width: 100%; object-fit: cover; margin: 0 auto; display: block; }
@media only screen and (max-width:1081px) {
  .social-search-strip-faq  .hs-search-field { display: block !important; }
  .faq-pg-title { width: 50% !important; margin-top: 0px; }
  .faq-header-wrapper .bg-img {  right: 5%;}
}
@media(max-width:980px){
  
  .faq-header-wrapper .bg-img { display:none;}
}
@media only screen and (max-width:767px) {
  .faq-header-inner { background-size: 800px; }
  .faq-pg-title { width: 100% !important; text-align: center; }
  .faq-search { text-align: center; margin-top: 100px; }
  .social-search-strip-faq .hs-search-field__input { width: 220px !important; }
  .social-search-strip-faq .hs-search-field__input { width: 300px !important; }
  .faq-header-inner h6 { margin-top: 0px !important; }
}
@media only screen and (max-width:479px) {
  .faq-pg-title { margin-top: 0px; }
}
@media only screen and (max-width:980px) {
  .faq-header-wrapper { background-image: none !important; }
}