.payment-finance-section{display:flex;flex-wrap:wrap;justify-content:space-around;color:#262626;max-width:1310px;margin:0px auto;margin-bottom:20px;padding:0px 20px}@media(max-width: 1000px){.payment-finance-section{margin:20px 5px}}.payment-finance-section>*{flex:1 1 25%;margin:5px 15px;min-width:420px}@media(max-width: 1000px){.payment-finance-section>*{min-width:unset;flex:100%}}.payment-finance-section .pay-finance-section{border:solid 2px #e6e9ef;padding:15px;border-radius:8px;position:relative}.payment-finance-section .pay-finance-section #pay-finance-switch{position:absolute;right:15px;top:15px;background:rgba(0,0,0,0)}.payment-finance-section .pay-finance-section #pay-finance-switch .switch{margin:0 3px;font-size:10pt;padding:8px 20px;border:solid 1px rgba(189,189,189,.4392156863)}.payment-finance-section .pay-finance-section #pay-finance-switch .switch.disabled{pointer-events:none;background:#d0d0d0;opacity:.6}.payment-finance-section .pay-finance-section #pay-finance-switch .switch.active{background:rgba(167,236,248,.2509803922);border:solid 1px #7ad6ef;text-decoration:none}.payment-finance-section .pay-finance-section .btn.secondary.flat.no-border{text-decoration:underline;font-size:9pt;color:#262965;margin:0;padding:0;padding-top:10px;padding-bottom:20px}.payment-finance-section .button-section{flex-basis:30%;padding:15px 0px;display:flex;flex-wrap:wrap;flex:1 1 25%}.payment-finance-section .button-section .btn{flex-basis:100%;flex:1 1 100%;margin:5px 0px}.payment-finance-section .button-section .btn.secondary{flex-basis:30%;margin:5px 5px;background:#fff;border:solid 1px #cbc9c9;transition-duration:.2s}.payment-finance-section .button-section .btn.secondary:hover{background:#ebebeb}.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) h1,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .h1-style,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) h2,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .pseudo-h2{font-family:"roc-grotesk"}.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) h3,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .pseudo-h3{font-family:"Avenir Next"}.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) h3,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .pseudo-h3{color:#262626;font-weight:500;letter-spacing:.7px;font-size:11pt;text-transform:uppercase}.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) h1,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .h1-style,.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .pseudo-h1{text-align:left;color:#161616;margin:5px 0px;font-weight:600;display:inline-block}.payment-finance-section :not(.px-wrapper):not(.px-quoted-wrapper) .explanation{margin:5px 0px;font-size:11pt;margin-bottom:15px;display:inline-block}.payment-finance-section .px-wrapper,.payment-finance-section .px-quoted-wrapper{background:#e9fafd}.payment-finance-section .px-wrapper.hidden,.payment-finance-section .px-quoted-wrapper.hidden{display:none}.payment-finance-section .px-wrapper,.payment-finance-section .px-quoted-wrapper{border:solid 1px #e6e9ef;border-radius:4px;padding:20px;text-align:center;background:#e9fafd}.payment-finance-section .px-wrapper h3,.payment-finance-section .px-wrapper .pseudo-h3,.payment-finance-section .px-quoted-wrapper h3,.payment-finance-section .px-quoted-wrapper .pseudo-h3{margin:15px 0;color:#343434}.payment-finance-section .px-wrapper .explanation,.payment-finance-section .px-quoted-wrapper .explanation{margin:5px 0px;font-weight:500}.payment-finance-section .px-wrapper .input-wrapper,.payment-finance-section .px-quoted-wrapper .input-wrapper{padding:0;display:inline-block;margin-right:10px;width:70%;text-transform:uppercase}.payment-finance-section .px-wrapper .input-wrapper input,.payment-finance-section .px-quoted-wrapper .input-wrapper input{border-radius:88px;font-size:14pt;text-align:center;padding:15px 10px}.payment-finance-section .px-wrapper .btn,.payment-finance-section .px-quoted-wrapper .btn{padding:8px 25px}.payment-finance-section .px-quoted-wrapper{border-radius:8px}.payment-finance-section .px-quoted-wrapper .valuation{color:#262965;font-family:"roc-grotesk";font-size:24pt;text-transform:capitalize;font-family:"Inter";background:#a7ecf8;padding:15px;margin:0;font-weight:900;border-radius:8px;max-width:300px;margin:0 auto}.payment-finance-section .px-quoted-wrapper .new-quote-button{font-size:9pt;padding:10px 25px;margin:10px 0px}.payment-finance-section .btn:not(.rounded){flex-basis:100%;margin:5px 0;border:solid 1px rgba(0,0,0,0)}#personalise-finance-modal{top:2%;padding:10px;max-width:100%}#personalise-finance-modal>h4,#personalise-finance-modal>.pseudo-h4{display:none}#personalise-finance-modal>p{display:none}#personalise-finance-modal .modal-content{max-height:90vh}@media(max-width: 1201px){#personalise-finance-modal .input-section{padding:10px;flex:0 1 25%}}@media(max-width: 1057px){#personalise-finance-modal .input-section{flex:1 1 100%;padding:28px}}@media(max-width: 1000px){#personalise-finance-modal{width:calc(95% - 10px)}}#personalise-finance-modal .personalise-finance-section .pseudo-h4{top:unset}#pcp-button,#hp-button{margin:0;padding:10px 0;font-size:11pt;text-decoration:underline;color:#262965}.what-is-modal h4,.what-is-modal .pseudo-h4{font-size:2.5em;margin-top:.5em;margin-bottom:0}.what-is-modal .modal-content{max-width:900px}.what-is-modal .modal-content>p:first-child{padding-bottom:2em;margin-bottom:2em;margin-top:0;border-bottom:1px solid #c4c4c4}.what-is-modal .modal-content .input-wrapper{padding-top:0}.what-is-modal .modal-content .input-wrapper select{margin-top:0}.what-is-modal .switch-wrapper{background:#f5f6f8;padding:5px 20px;padding-left:40px}@media(max-width: 1000px){.what-is-modal .switch-wrapper{padding-left:unset;padding:5px 0px}}.what-is-modal .switch-wrapper .switch{background:unset;color:#262965;font-weight:400;border:none;white-space:nowrap}@media(max-width: 1000px){.what-is-modal .switch-wrapper .switch{font-size:10pt;padding:8px 15px}}.what-is-modal .switch-wrapper .switch.active{text-decoration:underline;font-weight:600;background:unset}.what-is-modal .switch-container{padding-top:1em}.what-is-modal .switch-container img{width:100%}.what-is-modal .switch-container .header{margin-bottom:0;color:#262965;font-weight:700}.what-is-modal .switch-container .header+p{margin-top:0}@media(min-width: 1000px){.what-is-modal .switch-wrapper.only-show-on-desktop{display:flex}}.personalise-finance-section{margin:40px 35px;background:#f5f6f8;max-width:1400px;margin:40px auto;margin:0;overflow-y:auto;overflow-x:hidden}.personalise-finance-section .px-deposit-section{display:none}.personalise-finance-section .px-deposit-section.shown{display:block}.personalise-finance-section .input-section{flex:0 1 31%;padding:28px;transition-duration:.2s;overflow:hidden}@media(max-width: 1000px){.personalise-finance-section .input-section{flex:1 1 100%}}.personalise-finance-section .input-section .scrollable-container{display:flex;margin:0;padding:0;gap:8px}@media(max-width: 360px){.personalise-finance-section .input-section .scrollable-container{flex-wrap:nowrap;overflow-x:scroll;-ms-overflow-style:none;cursor:grab}}@media(max-width: 360px){.personalise-finance-section .input-section .scrollable-container>div{flex-grow:0;flex-shrink:0}}.personalise-finance-section .input-section .scrollable-container::-webkit-scrollbar{width:0;height:0}.personalise-finance-section .input-section .radiobox{padding:15px 5px;background:#fff;color:#262965}.personalise-finance-section .input-section .radiobox .sub-text{font-weight:500}.personalise-finance-section .input-section .radiobox.selected{border:solid 2px;background:rgba(167,236,248,.2509803922);border:1px solid #7ad6ef}.personalise-finance-section .input-section select{background:#fff}.personalise-finance-section .input-section select:before{-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,0);background-image:url("data:image/svg+xml;utf8,<svg fill='%2352D9F2' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:95%;background-position-y:50%}.personalise-finance-section .quotes-section{flex:1 1 60%;background:#e6e9ef;display:flex;padding:30px 20px;position:relative;justify-content:space-between;overflow-x:hidden}@media(max-width: 1000px){.personalise-finance-section .quotes-section{padding:10px;flex-wrap:wrap;background:#f5f6f8;width:calc(100% - 20px)}}.personalise-finance-section .quotes-section .finance-quote{background:#fff;border-radius:4px;padding:10px 10px;flex:1 1 45%;margin:0px 10px;position:relative;padding-bottom:60px}.personalise-finance-section .quotes-section .finance-quote::before{background:rgba(199,199,199,.5294117647);pointer-events:none;z-index:1;position:absolute;height:100%;width:100%;top:0;transition-duration:.8s;opacity:0;border-radius:4px;content:"";left:0}.personalise-finance-section .quotes-section .finance-quote .no-quote{font-size:10pt;margin-bottom:30px}.personalise-finance-section .quotes-section .finance-quote.loading::before{opacity:1}@media(max-width: 1000px){.personalise-finance-section .quotes-section .finance-quote{flex-basis:100%;margin:10px 2px;width:calc(100% - 20px)}}.personalise-finance-section .quotes-section .finance-quote .label{right:5px;top:5px;position:absolute}.personalise-finance-section .quotes-section .finance-quote .explanation{font-size:11pt}.personalise-finance-section .quotes-section .finance-quote h1,.personalise-finance-section .quotes-section .finance-quote .h1-style,.personalise-finance-section .quotes-section .finance-quote .pseudo-h1{display:inline-block}.personalise-finance-section .quotes-section .finance-quote h5,.personalise-finance-section .quotes-section .finance-quote .pseudo-h5{display:inline-block}.personalise-finance-section .quotes-section .finance-quote .divider{border-bottom:solid 1px rgba(197,199,208,.5490196078);padding:10px 0px;margin-top:0px;margin-bottom:20px;border-top:none}.personalise-finance-section .quotes-section .finance-quote table{width:100%;padding:20px;padding-top:0}@media(max-width: 600px){.personalise-finance-section .quotes-section .finance-quote table{padding:0}}.personalise-finance-section .quotes-section .finance-quote table.vertical tr{flex:1 1 auto}.personalise-finance-section .quotes-section .finance-quote table.vertical th,.personalise-finance-section .quotes-section .finance-quote table.vertical td{margin:8px 0px;height:unset;border-bottom:solid 1px #f7f7f7;padding:5px}.personalise-finance-section .quotes-section .finance-quote table.vertical th:last-child,.personalise-finance-section .quotes-section .finance-quote table.vertical td:last-child{border-bottom:none}.personalise-finance-section .quotes-section .finance-quote table.vertical tbody{flex:1 1 90%;text-align:right}.personalise-finance-section .quotes-section .finance-quote table.vertical tbody td{font-weight:500;color:#262965}.personalise-finance-section .quotes-section .finance-quote .btn.finance-select{position:absolute;bottom:10px}
