@charset "utf-8";
/* Fonts */
		@font-face { font-family: MuseoSans; font-style: normal; font-weight: 100; src: url('fonts/museosans-100.woff') format('woff2'), url('fonts/museosans-100.woff') format('woff');}
		@font-face { font-family: MuseoSans; font-style: normal; font-weight: 300; src: url('fonts/museosans-300.woff') format('woff2'), url('fonts/museosans-300.woff') format('woff');}
		@font-face { font-family: MuseoSans; font-style: normal; font-weight: 700; src: url('fonts/museosans-700.woff') format('woff2'), url('fonts/museosans-700.woff') format('woff');}

/*Reset*/
		html{box-sizing:border-box;font-size:16px;color:#333}*,*:before,*:after{box-sizing:border-box; font-family: MuseoSans, sans-serif; font-weight: 300; font-style: normal; font-size:16px;}div{box-sizing:border-box;}a{text-decoration:none;color:#333}a:hover{text-decoration:underline}body,h1,h2,h3,h4,h5,h6,p,ol,ul,li{margin:0;padding:0;font-weight:300;line-height:150%;color:#333}ol,ul{list-style:none}img{max-width:100%;height:auto}textarea:focus, input:focus, select:focus{outline: none;}
/*Boilerplate Styles */
		body {background-color:#2e2e2e;}
		.wrapper-full {width:100%; margin:0 auto 0 auto; padding:0 0 0 0; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; }
		.wrapper-boxed {width:100%;  max-width:1200px; margin:0 auto 0 auto; padding:0 0 0 0; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; }
		.flex {display:flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between;}
		h1 {font-size:44px; font-weight:700; line-height:100%; display:block; width:100%;}
		h2 {font-size:40px; font-weight:700; line-height:100%; margin:15px 0 15px 0; display:block; width:100%;}
		h3 {font-size:40px; font-weight:700; line-height:100%; margin:15px 0 15px 0; display:block; width:100%;}
		p {margin:15px 0 15px 0;}
		input[type=text]::placeholder { color: #bbbbbb; opacity: 1; text-transform: lowercase; letter-spacing: -1px;}
 		input[type=text]::-ms-input-placeholder { color: red;}
		.full {width:100%; padding:20px;}
		.half {width:50%; padding:20px;}
		.third {width:30.333333333333%; margin:0 1.5% 0 1.5%;}
		.font-museo100 {font-family: "museo-sans", sans-serif; font-weight: 100; font-style: normal;}
		.font-museo300 {font-family: "museo-sans", sans-serif; font-weight: 300; font-style: normal;}
		.font-museo700 {font-family: "museo-sans", sans-serif; font-weight: 700; font-style: normal;}
		.rounded {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
		.box-shadow {-webkit-box-shadow: 0px 0px 8px 4px rgba(40,48,86, 0.5); -moz-box-shadow: 0px 0px 8px 4px rgba(40,48,86, 0.5); box-shadow: 3px 3px 0px 0px rgba(0,0,0, 0.2);}
		.border-top-white {border-top: 6px white solid; padding-top:20px;}
		.fill-white {fill:#ffffff; transition: 0.5s;}
		.text-center {text-align: center;}
/* Header */
		.header {padding:20px; align-items:center; background-color: #ffffff;}
		.header .wrapper-boxed {align-items:center; flex-wrap: wrap;}
		.header-left {}
		.header-right {font-size:38px; text-align: right; max-width:450px; line-height:100%;}
/* /Header */

/* Promo */
		.promo {background: url("images/eco4_green_energy_grants.webp") no-repeat; background-size:cover; background-position: 50% 50%; border-bottom:8px solid #99c932; }
		/*.promo {background: rgb(41,129,224); background: linear-gradient(230deg, rgba(41,129,224,1) 0%, rgba(0,72,150,1) 100%); border-bottom:8px solid #99c932; }*/
		.promo .wrapper-boxed {padding:0 25px 0 25px;}
		.promo-left {width:50%; padding:0 25px 25px 0}
		.panel {width:100%; background: rgb(153,201,50); background: linear-gradient(180deg, rgba(153,201,50,0.8) 0%, rgba(47,152,48,0.8) 100%); -moz-border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -khtml-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; color:#ffffff; padding:30px;}
/* Panel */
		.panel * {color:#ffffff;}
		.panel p {font-size:28px; font-weight:300; line-height:100%; margin-top:20px;}
		.postcode-input {transition: 0.5s; -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.55); -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.55); box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.55); display:inline-block; background-color:#196ac2; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color:#ffffff; margin-top:10px;}
		.postcode-input input[type=text] {letter-spacing: -1px; min-width:240px; background-color: #ffffff; border:none; height:50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color:#000000; padding:5px 5px 5px 15px; font-size:30px; width:180px; text-transform: uppercase;}
		.postcode-input button[type=submit] {background-color: transparent; border:none; height:50px; vertical-align:top; cursor: pointer; cursor: hand;}
		.postcode-input .mag {width:36px; height:auto; vertical-align: middle; fill:#ffffff; transition: 0.5s; }
		.postcode-input button[type=submit]:hover .mag {fill:#ffff00; width:46px;}
/* /Panel */
		.promo-right * {color:#ffffff;}
		.promo-right {width:50%; padding-top:20px; padding-bottom:20px;}
		.promo-right p {font-size:36px; font-weight:700; text-align: center;}
		.promo-right .promo-boxes {flex-wrap: wrap; max-width:500px; margin:0 auto 0 auto;}
		.promo-right .promo-boxes .pbox {width:30%; margin:15px 0 15px 0; transition: 0.5s;}
		.promo-right .promo-boxes a:hover {text-decoration: none; transform: scale(1.1); }
		.promo-right .promo-boxes svg {width:100%; height:100px; text-align:center; display: block; margin: auto}
		.promo-right .promo-boxes span {display:block; text-align: center; font-size:18px; transition: 0.5s; padding-top:10px;}
		.promo-right .promo-boxes a:hover span {color:#ffff00;}
		.promo-right .promo-boxes a:hover svg {fill:#ffff00;}
/* /Promo */

/* Benefits */
		.benefits {background-color: #ffffff;}
		.benefits .wrapper-boxed {flex-wrap: wrap; background-size:100%; background: url("images/logo-fade-bg.png") no-repeat 50% 50%; padding:30px 30px 50px 30px;}
		.benefits h2 {display:block; width:100%; text-align:center;}
		.benefits ul {width:100%; max-width:1000px; margin:0 auto 0 auto; flex-wrap: wrap;}
		.benefits ul li {width:50%; font-size:26px; font-weight:300; background: url("images/tick-bullet.svg") no-repeat 0% 50%; background-size:30px 30px;line-height:120%; padding-left:50px; margin:8px 0 8px 0;}
/* /Benefits */

/* Info */
		.info * {color:#ffffff;}
		.info {background-color:#196ac2; flex-wrap: wrap;}
		.info .half-pic { background-repeat: no-repeat; background-position:50% 50%; background-size:cover; padding-bottom:40px;}
		body.home-page .info .half-pic {background-image:url("images/free-heat-pumps.jpg")}
		body.heat-pumps-page .info .half-pic {background-image:url("images/free-heat-pumps.jpg")}
		body.solar-panels-page .info .half-pic {background-image:url("images/free-solar-panels.jpg")}
		body.loft-insulation-page .info .half-pic {background-image:url("images/free-loft-insulation.jpg")}
		body.wall-insulation-page .info .half-pic {background-image:url("images/free-wall-insulation.jpg")}
		body.storage-heaters-page .info .half-pic {background-image:url("images/free-storage-heaters.jpg")}
		body.boilers-page .info .half-pic {background-image:url("images/free-boilers.jpg")}
		.info .half-text { background: rgb(41,129,224); background: linear-gradient(121deg, rgba(41,129,224,1) 0%, rgba(0,72,150,1) 100%);background-image:url("images/scotland-bg.png"); background-repeat: no-repeat; background-position:50% 50%; background-size:contain; padding-bottom:40px;}
		.info h2 {color:#ffffff; }
		.info .half-inner-right {max-width:600px; padding:20px 30px 20px 30px; }
		.logo-box {background-color:#ffffff; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -khtml-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; width:100%; margin:-162px auto 0 auto; overflow:hidden; max-width:1100px; padding:10px 10px 0 10px; }
		.logo-box img {width:50%; height:auto;}

/* /Info */

/* What */
		.what * {color:#000000;}
		.what {background-color:#e1eaf3; flex-wrap: wrap; padding:30px 0 30px 0;}
		.what .half-text {}
		.what .half {margin:0 30px 0 30px;}
		.what ul {width:100%; max-width:1000px; margin:0 auto 0 auto; flex-wrap: wrap;}
		.what ul li {width:50%; font-size:16px; font-weight:300; background: url("images/tick-bullet.svg") no-repeat 0% 50%; background-size:25px 25px;line-height:120%; padding:5px 5px 5px 35px; margin:5px 0 5px 0;}
/* /What */

/* Available */
		.available * {color:#ffffff;}
		.available {background-color:#196ac2; flex-wrap: wrap; padding:0px 0 0px 0;}
		.available h3 {padding:15px 0 15px 0;}
		.available-boxes {flex-wrap: wrap; width:100%;}
		.available-boxes a {display:block; width:16.666666666666666666666666666666666%; position: relative; transition: 0.5s;}
		.available-boxes a:hover {z-index: 99; transform: scale(1.1);}
		.available-boxes a img { margin:0 0 0 0; padding: 0 0 0 0; display:block; width:100%; height:auto;}
		.available-boxes a span {display:block; position:absolute; background-color:rgb(25,106,194,0.9); text-align: center; bottom:0px; padding:5px 0 5px 0; width:100%; transition: 0.5s;}
		.available-boxes a:hover span {background-color:rgb(99,175,48,0.9);}
/* /Available */

/* Qualify */
		.qualify * {color:#ffffff;}
		.qualify {background: rgb(153,201,50); background: linear-gradient(-70deg, rgba(123,186,51,1) 0%, rgba(47,152,48,1) 100%); flex-wrap: wrap; padding:30px 0 20px 0;}
		.qualify .wrapper-boxed,.qualify-lower .wrapper-boxed {flex-wrap: wrap;}
		.qualify .fheading {color:#ffff00; font-size:40px; font-weight:700; line-height:100%; margin:15px 0 15px 0; display:block; width:100%; text-align: center;}
		.qualify-boxes {flex-wrap: wrap; width:100%; max-width:1000px; margin:0 auto 0 auto;}
		.qualify-boxes div {display:block; width:25%; padding:20px; }
		.qualify-boxes div svg { width:100%; height:140px; text-align:center; display: block; margin: auto;  fill:#ffffff;}
		.qualify-boxes div span {font-size:20px; display:block; text-align: center; padding:20px 0 20px 0; width:100%; }
		.qualify-lower {background-color:#0b820c; padding:50px 20px 60px 20px; text-align: center;}
		.qualify p {color:#ffffff; font-size:28px; text-align: center; max-width:1150px; margin:10px auto 20px auto; line-height:120%; padding:0 15px 0 15px;}
		.qualify-lower form {display:inline-block; text-align:center; margin:0 auto 0 auto; }
		.qualify-lower form input[type=text] {min-width:250px; letter-spacing: -1px;}
		.qualify-lower .postcode-input button {letter-spacing: -1px; color:#ffffff; font-size:30px; font-weight:100; padding:0 10px 0 10px;}
		.qualify-lower .postcode-input button:hover {color:#ffff00;}
		.qualify-lower p.do-u-qualify {font-size:44px; text-transform: uppercase; width:100%; font-weight:700; color:#ffff00; margin:0 0 0 0; line-height:110%;}
		.qualify-lower p.free-eco-funding {font-size:32px; text-transform: uppercase; width:100%; font-weight:700; color:#ffffff; margin:0 0 20px 0; line-height:110%;}
/* /Qualify */

/* Footer */
		.footer * {color:#ffffff;}
		.footer{background-color:#2e2e2e; padding:75px 30px 25px 30px;}
		.footer .wrapper-boxed {align-items: center; flex-wrap: wrap;}
		.footer-middle {width:50%;}
		.footer-middle ul {width:100%; flex-wrap: wrap; justify-content: center;}
		.footer-middle ul li {width:50%; max-width:250px;}
		.footer-middle ul li a {display:block; padding:5px 0 5px 30px; background: url("images/leaf.svg") no-repeat 0% 50%; background-size:20px;}
		.footer-middle ul li a:hover {text-decoration: none;}
		.footer-left {width:25%; padding-right:20px;}
		.footer-left svg {fill:#ffffff; width:230px; height:auto; max-width:100%;}
		.footer-right {width:25%}
.copyright {display:block; width:100%; color:#ffffff; text-align:center; padding-bottom:50px;}
/* /Footer */

/* Form - DMITRYI - INSERT HERE */

.form {background-color:#e1eaf3; background: rgb(153,201,50); background: linear-gradient(-70deg, rgba(123,186,51,1) 0%, rgba(47,152,48,1) 100%); min-height: 480px; height:auto !important; height: 480px; padding:45px 20px 35px 20px; }
.form .wrapper-boxed {flex-wrap:wrap;}
.form h1 {width:100%;display:block; text-align: center; color:#ffffff; margin:0 auto 30px auto; max-width:800px;}
.form h1 span {color:#ffff00; font-size:44px; font-weight:700;}

 .formbold-main-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

  }
  .formbold-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	  width:100%;
	  -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; background-color:#ffffff; padding:30px 30px 30px 30px;
  }

  .formbold-form-wrapper {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    background: white;
  }

  .formbold-steps {
    padding-bottom: 18px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e1eaf3;
  }
  .formbold-steps ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
	flex-wrap:wrap;
    gap: 40px;
	justify-content: center;
  }
  .formbold-steps li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #536387;
  }
  .formbold-steps li span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e1eaf3;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #536387;
  }
  .formbold-steps li.active {
    color: #07074D;;
  }
  .formbold-steps li.active span {
    background: #186ac2;
    color: #FFFFFF;
  }

  .formbold-input-flex {
    display: flex;
    gap: 20px;
    margin-bottom: 22px;
  }
  .formbold-input-flex > div {
    width: 50%;
  }
  .formbold-form-input {
    width: 100%;
    padding: 15px 15px;
    border-radius: 5px;
    border: 1px solid #e1eaf3;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    color: #536387;
    outline: none;
    resize: none;
  }
  .formbold-form-input:focus {
    border-color: #186ac2;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  }
  .formbold-form-label {
    color: #333333;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    display: block;
    margin-bottom: 10px;
  }
textarea.formbold-form-input {height:150px; resize:vertical !important;}

  .formbold-form-confirm {
    border-bottom: 1px solid #e1eaf3;
    padding-bottom: 35px;
  }
  .formbold-form-confirm p {
    font-size: 16px;
    line-height: 24px;
    color: #536387;
    margin-bottom: 22px;
    width: 75%;
  }
  .formbold-form-confirm > div {
    display: flex;
    gap: 15px;
  }

  .formbold-confirm-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    border: 0.5px solid #e1eaf3;
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #536387;
    cursor: pointer;
    padding: 10px 20px;
    transition: all .3s ease-in-out;
  }
  .formbold-confirm-btn {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
  }
.formbold-input-flex > div.dob-wrap {display:flex; justify-content: space-between; width: calc(50% - 10px); flex-wrap:wrap;}
.formbold-input-flex > div.dob-wrap p {width:100%;}
.formbold-input-flex > div.dob-wrap .custom-select {width: calc(30% - 10px); margin-right:10px;}
.formbold-input-flex > div.dob-wrap .custom-select:last-of-type {width:40%; margin-right:0px;}
.formbold-input-flex > div.dob-wrap select#dobdd,.formbold-input-flex > div.dob-wrap select#dobmm {}
.formbold-input-flex > div.dob-wrap select#dobyyyy {}


  .formbold-form-step-1,
  .formbold-form-step-2,
  .formbold-form-step-3,
  .formbold-form-step-4{
    display: none;
  }
  .formbold-form-step-1.active,
  .formbold-form-step-2.active,
  .formbold-form-step-3.active,
  .formbold-form-step-4.active{
    display: block;
  }

  .formbold-form-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    margin-top: 25px;
  }
  .formbold-back-btn {
    cursor: pointer;
    background: #FFFFFF;
    border: none;
    color: #07074D;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px; 
	display: flex;
    align-items: center;
    gap: 5px;
  }
.formbold-back-btn img {margin-right:5px;}

  .formbold-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 25px;
    border: none;
    font-weight: 500;
    background-color: #186ac2;
    color: white;
    cursor: pointer;
  }

.formbold-btn img {margin-left:5px;}

  .formbold-btn:hover {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  }
.form .question {display:flex; flex-wrap:wrap; margin-bottom:0px;}
#medical-details-question {margin-bottom:20px;}
.form .question p {width:100%; margin-bottom:10px;}
.question-benefits label {display:block; padding:8px; border:1px solid #e1eaf3; width: calc(50% - 15px); -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; margin: 0 15px 15px 0; font-size:18px;}

.form .question-group {flex-wrap:wrap;}
.form .question-group .question {width:50%; width: calc(50% - 15px); margin: 0 15px 25px 0;}

/* Form - DMITRYI - INSERT HERE */

.form * {-webkit-touch-callout: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
label.label-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
    cursor: hand;
}
.checkbox {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	margin-right: 8px;
	min-width:34px;
	outline: none;
	border:1px solid #e1eaf3;
	cursor: pointer;
    cursor: hand;
}

input[type="checkbox"],
input[type="radio"] {
	display: none
}
input:checked + .checkbox {
	border:1px solid #186ac2;
	background-color: #186ac2;
	background-image: url("images/form-tick.svg");
	background-repeat:no-repeat;
	background-size:70%;
	background-position:50% 50%;
}
input:checked + .checkbox:after {
	display: block
}

input[type="radio"]:checked + .formbold-confirm-btn {
	background: #186ac2;
	color: #FFFFFF;
}

.custom-select {
	width: 100%;
	position: relative;
}

.custom-select select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	font-size: 1.15rem;
	padding: 16px 30px 14px 16px;
	background-color: #fff;
	border: 1px solid #e1eaf3;
	border-radius: 8px;
	color: #000;
	cursor: pointer;
}

.custom-select::before,
.custom-select::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.custom-select::before {
	width: 34px;
	height: 34px;
	top: 9px;
	right: 9px;
	background-color: #186ac2;
	border-radius: 5px;
	background-image: url("images/form-down-arrow.svg");
	background-repeat:no-repeat;
	background-size:50%;
	background-position:50% 50%;
	border:2px solid #186ac2;
}

.radio-selectbox {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	margin-left: 16px;
}
.radio-wrapper svg {
	display: none;
}

input[type="radio"]:checked + .radio-wrapper {
	background-color: #186ac2;
	border: 1px solid #186ac2;
	color: #fff;
}

input[type="radio"]:checked + .radio-wrapper .radio-selectbox {
	background-color: #fff;
	border: 1px solid #186ac2;
}

input[type="radio"]:checked + .radio-wrapper svg {
	display: block;
}
 

.radio-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 20px;
	border: 1px solid #e1eaf3;
	border-radius: 8px;
	margin: 0 15px 15px 0;
	font-size: 18px;
	cursor: pointer;
	cursor: hand;
}

.error-helper {
	display: none;
	color: red;
	font-size: 14px;
	line-height:120%;
	padding:5px 0 5px 0;
}

.custom-select .error-helper {
	position: absolute;
	top: 100%;
	left: 0;
}

.error select, .error input, .error textarea {
	border-color: red
}

.error .error-helper {
	display: block;
}

.result-content p {margin:15px 0 15px 0;}
.result-content h3 {font-size:24px; margin:15px 0 15px 0;}

/* End Form - DMITRYI - END HERE */



/* End Form - DMITRYI - END HERE */

/* Responsive Styles */

@media only screen and (max-width: 1023px) {
		.header-right {font-size:28px; padding-left:50px;}
		.footer-middle {width:65%;}
		.footer-right {width:100%; margin-top:30px; text-align:center; border-top:1px solid #ffffff; padding-top:30px;}
		.footer-right br {display:none;}
		h1,.form h1 span {font-size:36px;}
		.panel p {font-size:24px;}
		.promo-right p {font-size:28px;}
		h3,h2,.qualify .fheading {font-size:32px;}
		.qualify-boxes div svg {height:100px;}
		.logo-box {margin:-120px auto 0 auto}
		.benefits ul li {font-size:24px;}
}

@media only screen and (max-width: 899px) {
		h1 {font-size:32px;}
		.panel p {font-size:20px;}
		.promo-right .promo-boxes svg {height:80px;}
		.promo-right .promo-boxes span {font-size:14px;}
		.available-boxes a {width:33.33333333333%;}
}

@media only screen and (max-width: 767px) {
		.header-left, .header-right {display:block; width:100%; text-align:center; padding:10px 0 10px 0; margin:0 0 0 0; max-width:none; }
		.footer {padding:50px 30px 50px 30px;}
		.footer-left,.footer-middle {width:100%; padding:0 0 30px 0; margin: 0 0 0 0;}
		.footer-left {text-align: center;}
		.promo {background-position: 65% 50%;}
		.promo .wrapper-boxed {flex-wrap:wrap; padding:0 0 0 0;}
		.promo-left {width:100%; padding:0 0 0 0;}
		.promo-right {width:100%; padding:20px 20px 20px 20px;}
		.promo-right .promo-boxes {max-width:none;}
		.promo-right .promo-boxes svg {height:120px;}
		.what .wrapper-boxed {flex-wrap: wrap;}
		.half {width:100%;}
		.what .half {padding:10px 20px 10px 20px; }
		.info .half-pic {padding-bottom:450px;}
		.logo-box img {width:100%;}
		.logo-box img:last-of-type {margin-top:-15px;}
		.benefits ul li {font-size:20px;}
		.qualify-boxes div {width:50%; padding:15px;}
		.qualify-boxes div svg {height:120px;}
		.qualify p {font-size:22px;}
		h3,h2,.qualify .fheading {font-size:30px;}
		.qualify .fheading {margin:10px 0 30px 0;}
		.panel {padding:30px; border-radius:0;}
		.qualify-lower p.do-u-qualify {font-size:36px; }
		.qualify-lower p.free-eco-funding {font-size:28px;}
		/* Form stuff */
		.question-benefits label,.formbold-input-flex div {width:100%; margin:0 0 15px 0;}
		.question {margin-bottom:15px;}
		.formbold-input-flex {flex-wrap: wrap; margin-bottom:0; gap:0;}
		.formbold-steps ul {gap:11px;}
		.formbold-steps li {gap:5px; font-size:14px;}
		.formbold-steps li span {font-size:16px; width:28px; height:28px;}
		.form label,.question-benefits label,.question label {line-height:120%;}
		.form .question-group .question {width:100%; margin:0 0 25px 0;}
		.question-benefits label,.custom-select select,.radio-wrapper {font-size:16px;}
	.formbold-input-flex > div.dob-wrap {width: calc(100% - 10px);}
}

@media only screen and (max-width: 499px) {
		.header-left, .header-right {padding:7px 0 7px 0; font-size:24px; }
		.footer-middle ul {flex-wrap: wrap; width:200px; margin:0 auto 0 auto;}
		.footer-middle ul li {width:100%; max-width:none;}
		.qualify p {font-size:18px;}
		.available-boxes a {width:50%;}
		.postcode-input input[type=text] {min-width:200px; font-size:24px;}
		.promo-left {padding:0 0 0 0;}
		.promo-right p {font-size:26px; margin:5px 0 0 0}
		h1,.form h1 span {font-size:28px;}
		.promo-right .promo-boxes svg {height:100px;}
		.qualify-lower p.do-u-qualify {font-size:32px; margin-bottom:10px;}
		.qualify-lower p.free-eco-funding {font-size:22px;}
		.promo {background-position: 65% 50%;}
		/* Form stuff */
		.formbold-main-wrapper {padding: 20px;}
		.formbold-steps li {display:block; text-align: center; margin:0 5px 0 5px;}
		.formbold-steps li span {margin:0 auto 5px auto;}
}

@media only screen and (max-width: 449px) {
		.formbold-steps li {display:block; text-align: center; margin:0 2px 0 2px;}
		.formbold-steps li span {margin:0 auto 5px auto;}
	.formbold-input-flex > div.dob-wrap {width: 100%; flex-wrap:wrap;}
	select.formbold-form-input#dobdd,select.formbold-form-input#dobmm,select.formbold-form-input#dobyyyy {width:100%; margin-bottom:15px;}
	.formbold-input-flex > div.dob-wrap .custom-select,.formbold-input-flex > div.dob-wrap .custom-select:last-of-type {width: 100%; margin-right:0px; margin-bottom: 28px;}
}

@media only screen and (max-width: 399px) {
		.header-left, .header-right {font-size:22px; }
		.promo-right .promo-boxes a {width:45%;}
		.promo-right p {font-size:30px; line-height:110%; margin:5px 0 10px 0;}
		.panel {padding:18px;}
		.panel p {font-size:18px;}
		.postcode-input {margin-top:0;}
		.qualify-boxes div svg {height:100px;}
		.qualify-boxes div span,.benefits ul li {font-size:16px; line-height:110%;}
		.what ul li {width:100%;}
		.info .half-inner-right {padding:10px 20px 0px 20px;}
		.info .half-text {padding-bottom:140px;}
		.qualify-lower form input[type=text] {min-width:200px;}
		.promo {background-position: 55% 50%;}
		/* Form stuff */
		.question-benefits label,.custom-select select,.radio-wrapper {font-size:15px;;}
		.formbold-steps li {margin:0 0px 0 0px; font-size:12px;}
		.formbold-steps li span {margin:0 auto 3px auto;}
}