@font-face{font-family:ITC American Typewriter W02;src:url(https://components.petplan.co.uk/pet-insurance/fonts/b0a6ffcb-0fd8-40ef-8d6c-5dd763edff98.eot?#iefix);src:url(https://components.petplan.co.uk/pet-insurance/fonts/b0a6ffcb-0fd8-40ef-8d6c-5dd763edff98.eot?#iefix) format("eot"),url(https://components.petplan.co.uk/pet-insurance/fonts/dd52d039-19df-4a90-97f5-6e1437fc62e6.woff2) format("woff2"),url(https://components.petplan.co.uk/pet-insurance/fonts/6a3e8126-55e1-4ddf-b2ca-05501d7e0b49.woff) format("woff"),url(https://components.petplan.co.uk/pet-insurance/fonts/95cbe64e-450b-4cab-b793-926491fab6a4.ttf) format("truetype"),url(https://components.petplan.co.uk/pet-insurance/fonts/3fdb1dae-45c4-4b42-9d3e-1909103844be.svg#3fdb1dae-45c4-4b42-9d3e-1909103844be) format("svg");font-weight:500;font-style:normal;font-display:swap}:root{--primary-color: #4290de;--secondary-color: #62138f;--accent-color: #8ebe3f;--text-primary: #333;--text-secondary: #fff;--link-color: #0052a4;--border-color: #d9d9d9;--background-white: #fff;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--font-family-primary: "ITC American Typewriter W02", sans-serif;--font-family-secondary: Arial, Helvetica, sans-serif;--border-radius: 10px;--transition: all .3s ease}body{margin:0}*{box-sizing:border-box}.quiz{background-color:var(--primary-color);padding:45px 0;font-family:var(--font-family-secondary);color:var(--text-primary)}.quiz a{color:var(--link-color)}.quiz .customSelect{position:relative}.quiz .customSelect:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #0052a4;color:#333;content:"";height:0;padding:0 0 2px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translate3d(0,-50%,0);width:0}.quiz .pet-iq-quiz{position:relative;overflow:hidden}.quiz .pet-iq-quiz .button{appearance:none;border-style:none;background-color:var(--secondary-color);border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;outline:none;padding:15px 45px;position:absolute;bottom:0;right:0;font-size:16px}.quiz .pet-iq-quiz .button:hover{box-shadow:0 4px 8px #62138f4d}.quiz .pet-iq-quiz .button:focus{box-shadow:none}.quiz .react-share__ShareButton{margin-right:15px;outline:none}.quiz .react-share__ShareButton:focus{box-shadow:none}.quiz .pet-iq-quiz-intro *{color:#fff}.quiz .pet-iq-quiz-intro h1{font-family:ITC American Typewriter W02,sans-serif;font-weight:400;margin-top:22px;margin-bottom:25px;font-size:50px}@media (max-width: 767px){.quiz .pet-iq-quiz-intro h1{font-size:30px}}.quiz .pet-iq-quiz-intro p{margin:0 0 11px;font-size:16px;line-height:1.35}.quiz h4{color:#0052a4;font-family:ITC American Typewriter W02,sans-serif;font-weight:400;margin-bottom:25px;font-size:25px}@media (max-width: 767px){.quiz h4{margin-bottom:20px}}.quiz .pet-iq-quiz-details{padding-top:30px}.quiz .pet-iq-quiz-details label{font-weight:600;display:block;font-family:ITC American Typewriter W02,sans-serif;max-width:400px;margin:0 auto;width:100%}.quiz .pet-iq-quiz-details .selectdiv{display:block;font-family:ITC American Typewriter W02,sans-serif;max-width:400px;margin:0 auto;width:100%;position:relative}.quiz .pet-iq-quiz-details .selectdiv select::-ms-expand{display:none}.quiz .pet-iq-quiz-details .selectdiv:after{content:"";color:#333;transform:translate3d(0,-50%,0);top:50%;right:12px;padding:0 0 2px;position:absolute;pointer-events:none;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #0052a4}.quiz .pet-iq-quiz-details .selectdiv select{appearance:none;background-image:none;background-color:#fff}.quiz .pet-iq-quiz-details input,.quiz .pet-iq-quiz-details select{appearance:none;border:1px solid #0052a4;border-radius:3px;box-sizing:border-box;display:block;font-weight:400;margin-bottom:15px;margin-top:8px;outline:none;padding:8px;width:100%}.quiz .pet-iq-quiz-details input[type=select],.quiz .pet-iq-quiz-details select[type=select]{cursor:pointer}.quiz .pet-iq-quiz-scorebox{color:#fff;font-family:ITC American Typewriter W02,sans-serif}.quiz .progress{background-color:#fff;border-radius:50px;margin-top:5px;overflow:hidden;position:relative;height:5px;width:100%}.quiz .progress-bar{position:absolute;width:0%;height:100%;background-color:#8ebe3f;transition:all .3s ease-in-out}.quiz h4{color:#0052a4}.quiz .bread-crumb li:not(:first-of-type):before,.quiz .bread-crumb a span{color:#fff}.quiz .quiz-box{background-color:#fff;border-radius:10px;margin-top:30px;padding:20px;position:relative}.quiz .quiz-box.quiz-box-margin{margin-top:150px}.quiz .quiz-box .pet-image{display:block;margin:-225px auto 40px;max-height:220px;height:100%;position:relative}.quiz .quiz-box .pet-iq-quiz-details .pet-image{margin-top:-165px;margin-bottom:-20px}.quiz .quiz-box .pet-iq-quiz-results .pet-image{margin-top:0}.quiz .pet-iq-quiz-form{padding-top:90px}.quiz .pet-iq-quiz-results{padding-bottom:20px}.quiz .pet-iq-quiz-results h3{font-family:ITC American Typewriter W02,sans-serif;font-weight:400;margin-bottom:25px;color:#0052a4;font-size:30px}@media (max-width: 768px){.quiz .pet-iq-quiz-results h3{font-size:22.5px}}.quiz .pet-iq-quiz-results p{margin:0 0 11px;font-size:16px;line-height:1.35}.quiz .pet-iq-quiz-results .pet-image{display:none}.quiz .list-group{border:none;padding-left:0;list-style:none}.quiz .list-group .list-group-item{cursor:pointer;border:1px solid #d9d9d9;border-radius:10px;margin-bottom:20px;position:relative;transition:box-shadow .2s ease-in-out}.quiz .list-group .list-group-item.checked{box-shadow:#5ea222 0 0,#5ea222 0 4px}.quiz .list-group .list-group-item label{cursor:pointer;display:block;font-weight:400;margin-bottom:0;padding:12px 10px 12px 46px;-webkit-user-select:none;user-select:none}.quiz .list-group .list-group-item>input{margin-right:10px}.quiz .list-group .list-group-item input{position:absolute;opacity:0}.quiz .list-group .list-group-item input:checked~.checkmark{background:#fff}.quiz .list-group .list-group-item input:checked~.checkmark:after{display:block}.quiz .list-group .list-group-item:not(.checked):hover input~.checkmark{background-color:#ccc}.quiz .list-group .list-group-item .checkmark{position:absolute;top:50%;transform:translate3d(0,-50%,0);left:15px;height:18px;width:18px;border-radius:50%;border:1px solid #cdcdcd;background-color:#fff}.quiz .list-group .list-group-item .checkmark:after{content:"";position:absolute;display:none;background-color:#5ea222;border-radius:50%;height:10px;left:3px;top:3px;width:10px}.quiz .share-this{margin-top:20px;display:flex;gap:15px}.quiz .share-this button{box-shadow:none;padding:0;background-color:transparent;border:0;outline:none;cursor:pointer}.quiz .loading{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:#666}.quiz .container{max-width:1200px;margin:0 auto;padding:0 15px}.quiz .row{display:flex;flex-wrap:wrap;margin:0 -15px}.quiz .col-xs-12{width:100%;padding:0 15px}@media (min-width: 768px){.quiz .col-md-8{width:66.66666667%}.quiz .col-md-push-2{left:16.66666667%;position:relative}}@media only screen and (max-width: 768px){.quiz .pet-iq-quiz-scorebox{margin-top:30px}.quiz .quiz-box .pet-image{max-height:190px;object-fit:contain;width:100%}.quiz .quiz-box .pet-iq-quiz-form .pet-image{margin-top:-180px}.quiz .quiz-box .pet-iq-quiz-details .pet-image{margin-bottom:0}}.quiz *,.quiz *:before,.quiz *:after{box-sizing:border-box}.quiz h1,.quiz h2,.quiz h3,.quiz h4,.quiz h5,.quiz h6{margin:0 0 1rem;font-weight:500;line-height:1.2}.quiz p{margin:0 0 1rem}.quiz input,.quiz textarea,.quiz select{font-family:inherit;font-size:inherit;line-height:inherit}.quiz input[type=radio],.quiz input[type=checkbox]{margin-right:.5rem}.quiz :focus{outline:2px solid var(--primary-color);outline-offset:2px}.quiz .feedback-text{margin:20px 0;padding:15px;border-radius:var(--border-radius);font-size:16px;line-height:1.5}.quiz .feedback-text.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.quiz .feedback-text.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.quiz .list-group-item.disabled{opacity:.6;pointer-events:none}.quiz .list-group-item.disabled input[type=radio]{cursor:not-allowed}.quiz .button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}
