.afterLine,.faqSearch-wrapper .faqSearch-container .faqSearch-icon span::after,.faqSearch-wrapper .faqSearch-container .faqSearch-dynText:after{content:"";position:absolute;bottom:4px;left:0;width:0;border-bottom:1px solid #5e10b1}
.faqSearch-wrapper{position:relative}
.faqSearch-wrapper .faqSearch-container{background-color:#fff;width:100%;text-align:left;border-radius:8px;border:1px solid #646068}
.faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px);font-size:18px;line-height:26px;color:#333;font-family:"RNHouseSansRegular",sans-serif;border:0;outline:0;padding:19px 0 19px 20px;min-height:64px;border-radius:8px}
.faqSearch-wrapper .faqSearch-container .faqSearch-input:focus{color:#646068}
.faqSearch-wrapper .faqSearch-container .faqSearch-input:focus::-webkit-input-placeholder{color:transparent !important}
.faqSearch-wrapper .faqSearch-container .faqSearch-input:focus::-moz-placeholder{color:transparent !important}
.faqSearch-wrapper .faqSearch-container .faqSearch-input::-ms-clear{display:none}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox{float:right;display:inline-block;height:33px;margin-top:21px}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text{position:absolute;right:20px;top:auto;height:25px;overflow:hidden}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon{cursor:pointer;text-decoration:none;display:inline-flex;height:24px;letter-spacing:0}
.firefox .faqSearch-wrapper .faqSearch-container .faqSearch-icon{margin-right:1px}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon:before{font-family:"nw-icons";content:" ";font-size:24px;line-height:25px;display:inline-block;color:#5e10b1;background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/faqsearch/clientlibs/clientlib_faqsearch_base/resources/images/search-icon-champion.svg") no-repeat left top;width:24px;height:24px}
.mac.safari .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus,.mac.chrome .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline-offset:-3px}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus:before{outline:1px auto #5e10b1;padding-bottom:2px}
.mac .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus:before{padding-bottom:0}
.mac.safari .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover:focus,.mac.chrome .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover:focus{outline-offset:-3px}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon span{font-size:22px;line-height:36px;vertical-align:top;opacity:0;filter:alpha(opacity=0);max-width:0;color:#5a287d;display:inline-block;position:relative;text-decoration:none;-webkit-transition:max-width 1s ease-out,opacity .5s ease-out;-moz-transition:max-width 1s ease-out,opacity .5s ease-out;-ms-transition:max-width 1s ease-out,opacity .5s ease-out;transition:max-width 1s ease-out,opacity .5s ease-out}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon span::after{-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
.faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline:1px auto #5e10b1}
.firefox .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline-offset:-1px;margin-right:1px}
.faqSearch-wrapper .faqSearch-container .faqSearch-dynText{font-size:22px;line-height:36px;display:none;color:#5a287d}
.faqSearch-wrapper .faqSearch-container .faqSearch-dynText:after{-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
.faqSearch-wrapper .faqSearch-container .faqSearch-dynText.clicked::after{width:100%}
.faqSearch-wrapper.focus .faqSearch-container{border:1px solid #5e10b1}
.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{opacity:1;filter:alpha(opacity=80);max-width:77px;margin-left:10px}
.mac .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span,.iphone .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span,.ipad .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{max-width:70px}
.mac .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{max-width:72px}
.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{width:100%}
.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon:focus:before{outline:0}
.faqSearch-wrapper.searching::after{opacity:1;filter:alpha(opacity=80);border-top:8px solid #fbba20}
.faqSearch-wrapper.searching .faqSearch-container .faqSearch-icon span{margin-left:10px}
.faqSearch-wrapper .form-field-label{font-size:16px;line-height:26px;font-weight:normal;color:#333}
.faqSearch-wrapper .ui-autocomplete.faq-suggestion-list{top:110px !important;width:100% !important;left:0 !important;border:1px solid #f2f2f8}
@media(min-width:320px) and (max-width:420px){.faqSearch-wrapper .ui-autocomplete.faq-suggestion-list{top:174px !important}
}
@media(min-width:421px) and (max-width:603px){.faqSearch-wrapper .ui-autocomplete.faq-suggestion-list{top:148px !important}
}
.faqSearch-wrapper .ui-autocomplete .autocomp-display-span{display:none}
.faqSearch-wrapper .ui-autocomplete .ui-state-active{background:transparent;color:#fff;border:0}
.faqSearch-wrapper .ui-autocomplete .ui-menu-item div:hover{background:#3c1053;color:#fff}
.faqSearch-wrapper .ui-autocomplete .ui-menu-item div{font-size:18px;font-family:"RNHouseSansRegular",sans-serif;color:#646068;padding:20px 64px 20px 19px;margin:0 !important}
.faqSearch-wrapper .ui-autocomplete .ui-menu-item .ui-state-active{background:#3c1053;color:#fff}
@media(min-width:1024px) and (max-width:1255px){.faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px)}
.linux.chrome .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon:before{line-height:40px;font-size:30px}
}
@media(min-width:768px) and (max-width:1023px){.faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px);font-size:18px;line-height:26px;padding:19px 0 19px 20px}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text{right:20px;top:auto}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon span{font-size:18px;margin-left:8px}
.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span::after,.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{display:none}
}
@media(max-width:767px){.faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px);font-size:18px;padding:19px 0 19px 20px}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon{min-height:auto}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon:before{font-size:24px;line-height:25px}
.faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon span{display:none}
.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span::after,.faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{display:none}
.faqSearch-wrapper .ui-autocomplete .ui-menu-item div{padding-right:20px}
}