@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap);@font-face{font-family:UKNumberPlate;font-style:normal;src:url(/_nuxt/fonts/UKNumberPlate.22820c6.ttf) format("truetype")}.representative-example-box{background-color:#f2f2f2;border-radius:8px;margin:0 auto;padding:1rem}.representative-example-box.dark{background-color:#3f4259;border:#66687d;color:#dbdef2}.representative-example-box.dark .heading{color:#fff}.representative-example-box.dark .subheading{color:#dbdef2}.representative-example-box.dark .finance-item{background:#2b2d3d}.representative-example-box.dark .finance-term{color:#dbdef2}.representative-example-box.dark .finance-amount{color:#fff}.representative-example-box.dark .header-container .link,.representative-example-box.dark .link{color:#7eabff}.representative-example-box .header-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}@media only screen and (min-width:767px){.representative-example-box .header-container{flex-direction:row}}.representative-example-box .header-container .link{color:blue}.representative-example-box .heading{color:#000;padding-bottom:.5rem;text-align:center}.representative-example-box .subheading{color:#6c6c6c;font-size:.875rem;padding-bottom:0}.representative-example-box .heading,.representative-example-box .subheading{text-align:center}@media only screen and (min-width:767px){.representative-example-box .heading,.representative-example-box .subheading{text-align:left}}.representative-example-box .link{display:block;font-size:.875rem;margin-top:.813rem}.representative-example-box .finance-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:0}@media only screen and (min-width:1025px){.representative-example-box .finance-list{gap:.25rem}}.representative-example-box .finance-item{align-items:center;align-self:stretch;background:#fff;border-radius:8px;display:flex;flex-basis:calc(50% - 0.5rem);flex-direction:column;flex-grow:1;justify-content:center;padding:1.2rem 1rem;position:relative;width:100%}@media only screen and (min-width:767px){.representative-example-box .finance-item{padding:.6rem 1rem}}@media only screen and (min-width:1025px){.representative-example-box .finance-item{flex-basis:calc(20% - 0.25rem);padding:1.3rem 1rem}}.representative-example-box .finance-amount{color:#000;font-size:.875rem}@media only screen and (min-width:1025px){.representative-example-box .finance-amount{font-size:1rem}}.representative-example-box .finance-term{color:#6c6c6c;font-size:.75rem;padding-bottom:.25rem}@media only screen and (min-width:1025px){.representative-example-box .finance-term{font-size:.875rem}}.representative-example-box .finance-amount,.representative-example-box .finance-term{text-align:center}.representative-example-box .modal-icon{position:absolute;right:.25rem;top:.25rem}.representative-example-box .tooltip{position:absolute;right:.281rem;top:.281rem}.representative-example-box .tooltip.inverted:before{background:#66687d;color:#fff}.representative-example-box .tooltip.inverted:after{border-top:.625rem solid #66687d}.representative-example-box .tooltip:before{background:#fff;border-radius:8px;bottom:.8rem;box-shadow:0 8px 24px 0 rgba(0,0,0,.15);color:#000;content:attr(data-text);font-size:.75rem;left:100%;padding:.25rem;position:absolute;right:-.25rem;text-align:center;transform:translateX(-50%);width:18.125rem;z-index:800}@media screen and (min-width:1025px){.representative-example-box .tooltip:before{font-size:.875rem;max-width:18.125rem;padding:.5rem}}.representative-example-box .tooltip:after{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid #fff;content:"";position:absolute;right:-.25rem;top:-.5rem;transform:translateY(-50%);z-index:999}.representative-example-box .backdrop{align-items:center;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;left:0;margin:auto;position:fixed;right:0;top:0;z-index:800}.representative-example-box .backdrop.inverted .container{background:#2b2d3d;box-shadow:0 8px 24px 0 rgba(0,0,0,.4)}.representative-example-box .backdrop.inverted h4{color:#fff}.representative-example-box .backdrop.inverted .modal-content p{color:#dbdef2}.representative-example-box .backdrop.inverted .close{background:#66687d}.representative-example-box .backdrop.inverted .close .icon [fill^="#"]{fill:#fff!important;transition:.3s}.representative-example-box .backdrop.inverted .close .icon [stroke^="#"]{stroke:#fff!important;transition:.3s}.representative-example-box .backdrop .holder{border-radius:8px;box-shadow:0 8px 24px 0 rgba(0,0,0,.15)}.representative-example-box .backdrop .container{background:#fff;border-radius:inherit;max-width:20.188rem;padding:.813rem;position:relative;width:100%}@media screen and (min-width:767px){.representative-example-box .backdrop .container{max-width:34.75rem;padding:1.625rem}}.representative-example-box .backdrop .header-holder{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.813rem}@media screen and (min-width:767px){.representative-example-box .backdrop .header-holder{margin-bottom:.5rem}}.representative-example-box .backdrop h4{font-size:1.125rem;margin-bottom:0;padding-bottom:0}.representative-example-box .backdrop .close{border-radius:100%;height:1.5rem;margin-left:auto;padding:0;position:relative;width:1.5rem}.representative-example-box .backdrop .close .icon{margin-right:0}.representative-example-box .backdrop .close .icon [fill^="#"]{fill:#000!important;transition:.3s}.representative-example-box .backdrop .close .icon [stroke^="#"]{stroke:#000!important;transition:.3s}.representative-example-box .backdrop .modal-content{color:#fb8100;max-height:50vh;overflow:auto}.representative-example-box .backdrop .modal-content p{font-size:.875rem;padding-bottom:0}.representative-example-box .backdrop .modal-icon{cursor:pointer;padding-left:.313rem}