.ratecalc_header{margin-top:30px}
.ratecalc_header_title{padding-bottom:15px}
@media(min-width:768px){.ratecalc_header_title{padding-bottom:24px}
}
.ratecalc_header_rte{padding-bottom:20px}
@media(min-width:768px){.ratecalc_header_rte{padding-bottom:32px}
}
.ratecalc_leftshelf{margin-bottom:32px}
@media(min-width:768px){.ratecalc_leftshelf{margin-bottom:65px}
}
.ratecalc_leftshelf_repayment-type,.ratecalc_leftshelf_current-balance,.ratecalc_leftshelf_mortgageterm,.ratecalc_leftshelf_current-interst{padding-bottom:24px}
@media(min-width:768px){.ratecalc_leftshelf_repayment-type,.ratecalc_leftshelf_current-balance,.ratecalc_leftshelf_mortgageterm,.ratecalc_leftshelf_current-interst{padding-bottom:32px}
}
.ratecalc_leftshelf_repayment-type a.labelinfo,.ratecalc_leftshelf_repayment-type a.pop.icon-pop,.ratecalc_leftshelf_repayment-type span.labelinfo,.ratecalc_leftshelf_current-balance a.labelinfo,.ratecalc_leftshelf_current-balance a.pop.icon-pop,.ratecalc_leftshelf_current-balance span.labelinfo,.ratecalc_leftshelf_mortgageterm a.labelinfo,.ratecalc_leftshelf_mortgageterm a.pop.icon-pop,.ratecalc_leftshelf_mortgageterm span.labelinfo,.ratecalc_leftshelf_current-interst a.labelinfo,.ratecalc_leftshelf_current-interst a.pop.icon-pop,.ratecalc_leftshelf_current-interst span.labelinfo{width:24px !important;height:24px !important}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .form-field-label{margin-bottom:4px}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large{width:100%}
@media(min-width:768px){.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large{width:372px}
}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected{width:100%;padding-top:6px}
@media(min-width:768px){.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected{width:372px}
}
.ratecalc_leftshelf_current-balance .mortgage-input-field{-webkit-transform:none;transform:none}
.ratecalc_leftshelf_current-balance .mortgage-input-field.errorState .text-field-comp input{color:#e60303}
.ratecalc_leftshelf_current-balance .mortgage-input-field.errorState .mortgage__input-wrap{border:1px solid #e60303 !important}
.ratecalc_leftshelf_current-balance .mortgage-input-field.focus .mortgage__input-wrap{border:1px solid #5e10b1 !important}
.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--small .comp-rich-text,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--large .comp-rich-text,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--medium .comp-rich-text{padding-top:9px}
@media(min-width:768px){.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--small,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--large,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--medium{width:372px}
}
.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap{border:1px solid #646068;border-radius:8px}
.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap:focus,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap:focus,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap:focus{outline:1px solid #5e10b1}
@media(min-width:768px){.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap,.ratecalc_leftshelf_current-balance .mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap{width:372px;border-radius:8px}
}
.ratecalc_leftshelf_mortgageterm_title-tooltip{display:flex}
.ratecalc_leftshelf_mortgageterm_year,.ratecalc_leftshelf_mortgageterm_month{display:inline-block;width:49%}
.ratecalc_leftshelf_mortgageterm_year .form-field-label,.ratecalc_leftshelf_mortgageterm_month .form-field-label{font-size:0 !important;line-height:0 !important}
@media(min-width:768px){.ratecalc_leftshelf_mortgageterm_year,.ratecalc_leftshelf_mortgageterm_month{width:auto}
}
.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large{width:100%}
@media(min-width:768px){.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large{width:176px}
}
.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected{width:100%}
@media(min-width:768px){.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-small .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-medium .dropdown-selected,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large:after,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected{width:176px}
}
.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap.errorState .col-xs-12.col-sm-12.col-md-12.col-lg-12,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap.errorState .col-xs-12.col-sm-12.col-md-12.col-lg-12{width:100%}
@media(min-width:768px){.ratecalc_leftshelf_mortgageterm_year .dropdown-mainwrap.errorState .col-xs-12.col-sm-12.col-md-12.col-lg-12,.ratecalc_leftshelf_mortgageterm_month .dropdown-mainwrap.errorState .col-xs-12.col-sm-12.col-md-12.col-lg-12{width:176px}
}
.ratecalc_leftshelf_mortgageterm_year{padding-right:10px !important}
@media(min-width:768px){.ratecalc_leftshelf_mortgageterm_year{padding-right:15px !important}
}
.ratecalc_leftshelf_mortgageterm .text-comp{font-size:16px;letter-spacing:0;color:#333}
.ratecalc_leftshelf_current-interst .mortgage-input-field.focus .mortgage__input-wrap,.ratecalc_leftshelf_new_interest .mortgage-input-field.focus .mortgage__input-wrap{border:2px solid #5e10b1 !important}
.ratecalc_leftshelf_current-interst .mortgage-input-field.errorState .mortgage__input-wrap,.ratecalc_leftshelf_new_interest .mortgage-input-field.errorState .mortgage__input-wrap{border:1px solid #e60303 !important}
.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .form-field-label,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .form-field-label{margin-bottom:8px}
.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap{float:left;margin-top:2px}
.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap{border:1px solid #646068;border-radius:8px;width:100%}
@media(min-width:768px){.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap{width:250px;border-radius:8px}
}
.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .increment:focus,.ratecalc_leftshelf_current-interst .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .decrement:focus,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .increment:focus,.ratecalc_leftshelf_new_interest .mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .decrement:focus{outline-offset:2px;outline:2px solid #5e10b1}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button{border:1px solid #646068;border-radius:8px}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button:focus,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button:focus,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button:focus,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button:focus{outline:1px solid #5e10b1}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button .ui-selectmenu-text,.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button .ui-selectmenu-text,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-selectmenu-button .ui-selectmenu-text,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap.focusoff .dropdown-selected .ui-selectmenu-button .ui-selectmenu-text{color:#646068}
@media(max-width:768px){.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .dropdown-selected .dropdown-select,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap .dropdown-selected .dropdown-select{border:1px solid #646068;border-radius:8px}
.ratecalc_leftshelf_repayment-type .dropdown-mainwrap .dropdown-wrap .dropdown-selected .dropdown-select:focus,.ratecalc_leftshelf_mortgageterm .dropdown-mainwrap .dropdown-wrap .dropdown-selected .dropdown-select:focus{outline:1px solid #5e10b1}
}
.ratecalc_leftshelf .label-info{position:absolute;border-radius:8px}
@media(max-width:768px){.ratecalc_rightshelf .right_panel{margin-left:-20px;margin-right:-20px;width:auto}
}
.ratecalc_rightshelf_resultpanel{background-color:#5a287d;width:100%;display:block;margin-bottom:2px;padding:24px 20px 4px 20px;border-radius:8px 8px 0 0}
.ratecalc_rightshelf_resultpanel .repayment_title{margin-bottom:20px}
.ratecalc_rightshelf_resultpanel .repayment_title .text-comp{color:#fff}
.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p){color:#fff}
.ratecalc_rightshelf_resultpanel .current_repayment,.ratecalc_rightshelf_resultpanel .new_repayment{padding-bottom:4px}
.ratecalc_rightshelf_resultpanel .current_repayment .text-comp,.ratecalc_rightshelf_resultpanel .new_repayment .text-comp{color:#fff;font-size:18px;line-height:26px}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p),.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p){color:#fff}
.ratecalc_rightshelf_resultpanel .current_repayment_val,.ratecalc_rightshelf_resultpanel .new_repayment_val{font-size:30px;color:#fff;margin-bottom:16px;font-weight:bold}
@media(max-width:768px){.ratecalc_rightshelf_resultpanel .current_repayment_val,.ratecalc_rightshelf_resultpanel .new_repayment_val{font-size:24px;margin-bottom:20px}
}
.ratecalc_rightshelf_resultpanel_below--section{background-color:#5a287d;padding:24px 20px 14px 20px}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .text-comp,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .text-comp{color:#fff;font-weight:normal;font-family:"RNHouseSansRegular",sans-serif}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p),.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p){color:#fff}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a{color:#fff;background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff)}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop{color:#fff}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop:not(.hover),.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop:not(.hover){border-bottom:1px dashed #fff !important}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop.icon-pop,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop.icon-pop{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-ratechange-calculator/clientlibs/clientlib_ratecalc_base/resources/images/icon_toottip_champion.svg") !important;border-bottom:none !important}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop.icon-pop:focus,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) a.pop.icon-pop:focus{outline:1px solid #fff;outline-offset:2px}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"].bottom .arrow,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"].bottom .arrow{border-bottom-color:#ffdbec}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"],.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"]{background-color:#ffdbec}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-ratechange-calculator/clientlibs/clientlib_ratecalc_base/resources/images/icon-close-white-champ.svg") !important;background-repeat:no-repeat}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close:focus,.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close:hover,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close:focus,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] a.popover-close:hover{outline-offset:2px;outline-color:#5a287d}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content h4,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content h4{color:#5a287d}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content p,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content p{text-align:left;color:#646068}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content p+a,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease .comp-rich-text :is(h1,h2,h3,h4,h5,h6,p) .popover[id^="popover"] .popover-content p+a{color:#5a287d;background-image:linear-gradient(transparent calc(100% - 1px),#5a287d 10px,#5a287d)}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase_val,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease_val{color:#fff;font-weight:bold;font-size:38px;margin-top:27px;line-height:48px}
@media(max-width:768px){.ratecalc_rightshelf_resultpanel_below--section .repayment_increase_val,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease_val{font-size:34px;margin-top:25px;line-height:44px}
}
.ratecalc_rightshelf_resultpanel_below--section .auth--info{color:#fff}
.ratecalc_rightshelf_resultpanel .auth--info{color:#fff}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text a,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text a,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text a{color:#fff;background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff)}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text a.pop,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text a.pop,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text a.pop{color:#fff}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text a.pop:not(.hover),.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text a.pop:not(.hover),.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text a.pop:not(.hover){border-bottom:1px dashed #fff !important}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text a.pop.icon-pop,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text a.pop.icon-pop,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text a.pop.icon-pop{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-ratechange-calculator/clientlibs/clientlib_ratecalc_base/resources/images/icon_toottip_champion.svg") !important;border-bottom:none !important}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text a.pop.icon-pop:focus,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text a.pop.icon-pop:focus,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text a.pop.icon-pop:focus{outline:1px solid #fff;outline-offset:2px}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"].bottom .arrow,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"].bottom .arrow,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"].bottom .arrow{border-bottom-color:#ffdbec}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"],.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"],.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"]{background-color:#ffdbec}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] a.popover-close,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] a.popover-close,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] a.popover-close{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-ratechange-calculator/clientlibs/clientlib_ratecalc_base/resources/images/icon-close-white-champ.svg") !important;background-repeat:no-repeat}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] a.popover-close:focus,.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] a.popover-close:hover,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] a.popover-close:focus,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] a.popover-close:hover,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] a.popover-close:focus,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] a.popover-close:hover{outline-offset:2px;outline-color:#5a287d}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] .popover-content h4,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] .popover-content h4,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] .popover-content h4{color:#5a287d}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] .popover-content p,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] .popover-content p,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] .popover-content p{text-align:left;color:#646068}
.ratecalc_rightshelf_resultpanel .current_repayment .comp-rich-text .popover[id^="popover"] .popover-content p+a,.ratecalc_rightshelf_resultpanel .new_repayment .comp-rich-text .popover[id^="popover"] .popover-content p+a,.ratecalc_rightshelf_resultpanel .repayment_title .comp-rich-text .popover[id^="popover"] .popover-content p+a{color:#5a287d;background-image:linear-gradient(transparent calc(100% - 1px),#5a287d 10px,#5a287d)}
.ratecalc_rightshelf_standalone_info{margin-top:13px;padding:0 7px}
@media(max-width:768px){.ratecalc_rightshelf_standalone_info{padding-left:16px;margin-top:13px}
}
.ratecalc_rightshelf_standalone_info .information_icon{display:inline-block;width:14px;height:14px}
.ratecalc_rightshelf_standalone_info .information_icon .comp-svg-generic .svg-image-wrap{width:14px;height:14px;text-align:center}
.ratecalc_rightshelf_standalone_info .information_icon.cq-Editable-dom{width:40px;height:40px}
.ratecalc_rightshelf_standalone_info .information_rte{font-size:16px;line-height:26px;display:inline-block;width:calc(100% - 24px);margin-left:9px;padding-bottom:5px;float:right;color:#333}
@media(min-width:1023px){.ratecalc_rightshelf_standalone_info .information_rte{margin-left:12px;width:calc(100% - 27px)}
}
.ratecalc_rightshelf_standalone_info .information_rte p{word-break:break-word}
html:not(.firefox) .ratecalc_leftshelf a:focus,html:not(.firefox) .ratecalc_leftshelf a:hover:focus{outline-offset:1px;outline:1px auto #5e10b1}
@media(min-width:768px) and (max-width:1023px){.ratecalc_header{margin-top:30px}
.ratecalc_rightshelf .right_panel{margin-left:-30px;margin-right:-30px;width:auto}
.ratecalc_rightshelf_resultpanel{padding:24px 20px 4px 30px}
.ratecalc_rightshelf_resultpanel .current_repayment,.ratecalc_rightshelf_resultpanel .new_repayment{padding-bottom:4px}
.ratecalc_rightshelf_resultpanel .current_repayment_val,.ratecalc_rightshelf_resultpanel .new_repayment_val{font-size:24px;line-height:32px}
.ratecalc_rightshelf_resultpanel_below--section{padding:24px 20px 14px 30px}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase_val,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease_val{font-size:34px;margin-top:20px}
.ratecalc_rightshelf_standalone_info{padding-left:33px}
}
@media(min-width:1024px) and (max-width:1255px){.ratecalc_header{margin-top:35px}
.ratecalc_rightshelf_resultpanel{padding:32px 22px 16px 22px}
.ratecalc_rightshelf_resultpanel_below--section{padding:32px 24px 22px 24px}
}
@media(min-width:1256px){.ratecalc_header{margin-top:35px}
.ratecalc_rightshelf_resultpanel{padding:32px 22px 10px 22px}
.ratecalc_rightshelf_resultpanel .current_repayment_val,.ratecalc_rightshelf_resultpanel .new_repayment_val{font-size:30px;line-height:40px}
.ratecalc_rightshelf_resultpanel_below--section{padding:32px 24px 22px 24px}
.ratecalc_rightshelf_resultpanel_below--section .repayment_increase_val,.ratecalc_rightshelf_resultpanel_below--section .repayment_decrease_val{font-size:40px;margin-top:20px}
}