.et-shelf .afterLine,.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon span::after,.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-dynText:after{content:"";position:absolute;bottom:4px;left:0;width:0;border-bottom:1px solid #5e10b1}
.et-shelf .faqSearch-wrapper{position:relative}
.et-shelf .faqSearch-wrapper .faqSearch-container{background-color:#fff;width:100%;text-align:left;border-radius:8px;border:1px solid #646068}
.et-shelf .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 16px;min-height:64px;border-radius:8px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input:focus::-webkit-input-placeholder{color:transparent !important}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input:focus::-moz-placeholder{color:transparent !important}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input::-ms-clear{display:none}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox{float:right;display:inline-block;height:33px;margin-top:19px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text{height:32px;width:32px;overflow:hidden;margin-right:16px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon{cursor:pointer;text-decoration:none;display:block;height:32px;letter-spacing:0;position:relative}
.firefox .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon{margin-right:1px}
.et-shelf .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/editable/components/foundation/faqsearch/clientlibs/clientlib_faqsearch_base/resources/images/search-icon-champion.svg") no-repeat left top;height:20px;width:20px;background-size:93%;position:absolute;top:5px;right:6px}
.mac.safari .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus,.mac.chrome .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline-offset:-3px}
.mac.safari .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover:focus,.mac.chrome .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover:focus{outline-offset:-3px}
.et-shelf .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}
.et-shelf .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}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline:2px solid #5e10b1;border-radius:32px;outline-offset:-2px}
.firefox .et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:focus{outline-offset:-1px;margin-right:1px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover{background:#f2eaf9;border-radius:32px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:hover:before{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/editable/components/foundation/faqsearch/clientlibs/clientlib_faqsearch_base/resources/images/search-icon-champion.svg")}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:active{background:#3c1053}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-icon:active:before{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/editable/components/foundation/faqsearch/clientlibs/clientlib_faqsearch_base/resources/images/search-icon-white.svg")}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-dynText{font-size:22px;line-height:36px;display:none;color:#5a287d}
.et-shelf .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}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-dynText.clicked::after{width:100%}
.et-shelf .faqSearch-wrapper .faqSearch-container.focusadded{outline:2px solid #5e10b1;outline-offset:2px}
.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{opacity:1;filter:alpha(opacity=80);max-width:77px;margin-left:10px}
.mac .et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span,.iphone .et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span,.ipad .et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{max-width:70px}
.mac .et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span{max-width:72px}
.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{width:100%}
.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon:focus:before{outline:0}
.et-shelf .faqSearch-wrapper.searching::after{opacity:1;filter:alpha(opacity=80);border-top:8px solid #fbba20}
.et-shelf .faqSearch-wrapper.searching .faqSearch-container .faqSearch-icon span{margin-left:10px}
.et-shelf .faqSearch-wrapper .form-field-label{font-size:16px;line-height:26px;font-weight:normal;color:#333}
.et-shelf .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){.et-shelf .faqSearch-wrapper .ui-autocomplete.faq-suggestion-list{top:174px !important}
}
@media(min-width:421px) and (max-width:603px){.et-shelf .faqSearch-wrapper .ui-autocomplete.faq-suggestion-list{top:148px !important}
}
.et-shelf .faqSearch-wrapper .ui-autocomplete .autocomp-display-span{display:none}
.et-shelf .faqSearch-wrapper .ui-autocomplete .ui-state-active{background:transparent;color:#fff;border:0}
.et-shelf .faqSearch-wrapper .ui-autocomplete .ui-menu-item div:hover{background:#3c1053;color:#fff}
.et-shelf .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}
.et-shelf .faqSearch-wrapper .ui-autocomplete .ui-menu-item .ui-state-active{background:#3c1053;color:#fff}
.et-shelf .theme-purple .shelf_further_asst .search-wrapper .faqSearch-wrapper label,.et-shelf .theme-rose .shelf_further_asst .search-wrapper .faqSearch-wrapper label,.et-shelf .theme-aqua .shelf_further_asst .search-wrapper .faqSearch-wrapper label{color:#333}
@media(min-width:1024px) and (max-width:1255px){.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px)}
.linux.chrome .et-shelf .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){.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px);font-size:18px;line-height:26px;padding:19px 0 19px 20px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text{right:20px;top:auto}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon span{font-size:18px;margin-left:8px}
.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span::after,.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{display:none}
}
@media(max-width:767px){.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-input{width:calc(100% - 62px);font-size:18px;padding:19px 0 19px 20px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon{min-height:auto}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon:before{font-size:24px;line-height:25px}
.et-shelf .faqSearch-wrapper .faqSearch-container .faqSearch-iconBox .faqSearch-text .faqSearch-icon span{display:none}
.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span::after,.et-shelf .faqSearch-wrapper.textenter .faqSearch-container .faqSearch-icon span:hover::after{display:none}
.et-shelf .faqSearch-wrapper .ui-autocomplete .ui-menu-item div{padding-right:20px}
}