@font-face {
  font-family: 'Inter', sans-serif;
  src: url("../../assets/fonts/ubermovebold-webfont.woff2") format("woff2"), url("../../assets/fonts/ubermovebold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "uber_movemedium";
  src: url("../../assets/fonts/ubermovemedium-webfont.woff2") format("woff2"), url("../../assets/fonts/ubermovemedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

h1,
h2 {
  font-weight: 700;
}

h3 {
  font-weight: 600;
}

h5,
h6 {
  font-weight: 500;
}

p {
  font-weight: 400;
  color: #0F0F0F;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  line-height: 22px;
}

body {
  font-family: 'Inter', sans-serif;
  padding: 0;
  margin: 0;
}

label {
  font-family: 'Inter', sans-serif;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
}

.pink-text {
  color: #ca1e63;
}

.pink-text a {
  color: #ca1e63;
  text-decoration: none;
}

.heading-wrapper h3,
.heading-wrapper h2 {
  margin-bottom: 50px;
}

.mg-btm-50 {
  margin-bottom: 50px;
}

.accordion-container {
  margin-bottom: 60px;
}

.section-spacing {
  padding-top: 30px;
  padding-bottom: 40px;
}

.btn-center {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.btn-center.contact-us-btn {
  margin-bottom: 15px;
}

.header-inner-wrap>.logo {
  display: flex;
  align-items: center;
}

.logo .mobile-menu {
  display: none;
  margin-right: 15px;
}

.mobile-apply-btn.apply-now {
  display: none;
}

a.apply-now {
  background: #FFB800;
  border-radius: 40px;
  height: 60px;
  width: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  color: #044B87;
  font-family: 'Inter', sans-serif;
  letter-spacing: 1px;
}

.qualifying-benefits-wrapper a.apply-now {
  margin: auto;
  width:300px;
}

a.apply-now:hover {
  background: linear-gradient(
    270deg, #FFD900 0%, #FEFD6F 100%);
}

/*Header*/
header {
  position: absolute;
  right: 0;
  left: 0;
  top: 25px;
}

header .header-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background: #FFFFFF;
  border: 1px solid #CECECE;
  border-radius: 48px;
  padding: 5px 0;
  max-width: 1346px;
  margin: 0 auto;
}

@media (max-width: 1380px) {
  header .header-inner-wrap {
    max-width: unset;
  }

  header {
    padding-left: 80px;
    padding-right: 80px;
  }
}

header .header-inner-wrap .logo {
  padding-left: 45px;
  padding-bottom: 7px;
}

header .header-inner-wrap nav.navbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

header .header-inner-wrap nav.navbar ul li {
  padding: 0 20px;
  margin: 0 15px;
}

header .header-inner-wrap nav.navbar ul li a {
  font-family: "uber_movemedium";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #044B87;
  text-decoration: none;
  letter-spacing: 1px;
}

header .header-inner-wrap nav.navbar ul li a.active {
  background: #FFB800;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

header .header-inner-wrap nav.navbar ul li.btn {
  padding: 0 10px 0 0;
  margin: 0 0;
}

header .header-inner-wrap nav.navbar ul li.btn a {
  background: #FFB800;
  border-radius: 40px;
  height: 60px;
  width: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  color: #044B87;
}

header .header-inner-wrap nav.navbar ul li.btn a:hover {
  background: linear-gradient(
  270deg, #FFD900 0%, #FEFD6F 100%);
}

/*Banner*/
.fbr-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fbr-banner-wrapper .fbr-banner-left-content {
  width: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f6f6f6;
  min-height: 600px;
}

@media (max-width: 1380px) {
  .fbr-banner-wrapper .fbr-banner-left-content {
    width: 45%;
    align-items: flex-start;
  }
}

.fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content {
  padding-top: 50px;
  padding-left: 110px;
}

@media (max-width: 1380px) {
  .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content {
    padding-left: 15%;
  }
}

.fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 54px;
  line-height: 66px;
  background: #044B87;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: 'Inter', sans-serif;
  margin: 0;
  position: relative;
}

.fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #242424;
  font-family: 'Inter', sans-serif;
  margin: 20px 0 30px;
}

.fbr-banner-wrapper .fbr-banner-right-content {
  width: 45%;
  background: #044B87;
  min-height: 600px;
  display: flex;
  align-items: center;
}

@media (max-width: 1380px) {
  .fbr-banner-wrapper .fbr-banner-right-content {
    width: 55%;
  }
}

.fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
  max-width: 580px;
  position: absolute;
  background: url("../../assets/images/webp/slide-bg.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px;
  margin-left: -90px;
  margin-top: 70px;
  background: linear-gradient(
  270deg, #FFD900 0%, #FEFD6F 100%);
    border-radius: 0px 150px 150px 150px;
}

@media (max-width: 1380px) {
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
    max-width: 45%;
    margin-left: 25px;
  }
}

.fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img {
  border-radius: 170px;
  /* height: 301px; */
  /* height: auto; */
}

.fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content:after {
  position: absolute;
  content: url("../../assets/images/right-curve.png");
  right: -30px;
  top: -5px;
}

.fbr-banner-wrapper .slick-prev,
.fbr-banner-wrapper .slick-next {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 16px;
  height: 16px;
}

.fbr-banner-wrapper .slick-prev:before,
.fbr-banner-wrapper .slick-next:before {
  color: transparent;
}

.fbr-banner-wrapper .slick-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 20px;
  z-index: 999;
}

.fbr-banner-wrapper .slick-prev {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 20px;
  z-index: 999;
}

.eligibility-criteria {
  padding: 60px 0 60px;
}

.eligibility-criteria .ec-content-wrapper {
  display: flex;
  align-items: flex-start;
}

.eligibility-criteria .ec-content-wrapper .ec-left-content {
  width: 40%;
  display: flex;
  align-items: center;
}

.eligibility-criteria .ec-content-wrapper .ec-left-content h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #10A7E0;
  margin: 0px 0px 70px 30px;
  font-family: 'Inter', sans-serif;
  position: relative;
}

.eligibility-criteria .ec-content-wrapper .ec-left-content h2:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
}

.eligibility-criteria .ec-content-wrapper .ec-left-content h2:after {
  width: 25px;
  right: 0px;
}

.eligibility-criteria .ec-content-wrapper .ec-right-content {
  width: 60%;
  max-width: 100%;
}

.eligibility-criteria .ec-content-wrapper .ec-right-content p {
  color: #000000;
}

.eligibility-criteria .ec-content-wrapper .ec-right-content a {
  margin-top: 40px;
}

section.form-flow {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.accorion-box
{
border-bottom: 1px solid #cccccc;
}
section.enquiry-form-wrapper {
  background: url("../../assets/images/enquiry-form-curve.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 50px;
}

section.enquiry-form-wrapper .enquiry-form-inner-wrap {
  padding: 10px 0;
}

section.enquiry-form-wrapper .enquiry-form-inner-wrap h2 {
  background: #044B87;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  margin-top: 50px;
}

section.enquiry-form-wrapper .enquiry-form-go-down {
  text-align: center;
  padding-bottom: 30px;
}

.boiler-form-wrap {
  width: 100%;
  display: inline-block;
  background: #044B87;
}

.boiler-form-wrap h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  color: #F0AD4E;
  text-align: center;
  font-family: 'Inter', sans-serif;
  margin: 75px 0 30px;
}

.boiler-form-wrap h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: #FFB800;
  text-align: center;
  font-family: 'Inter', sans-serif;
  margin: auto;
}
#return-home {
  position: absolute;
  left: 19%;
  top: 3%;
}

.good-news-wrapper {
  /* padding: 30px 0 20px; */
  position: relative;
}

.good-news-wrapper h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  color: #044B87;
  margin-bottom: 60px;
  font-family: 'Inter', sans-serif;
  position: relative;
  /* max-width: 265px; */
}

.good-news-wrapper h2:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
}

/* .good-news-wrapper h2:after {
  right: 0;
} */

.good-news-wrapper .good-news-video-wrap {
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  padding: 4px 4px 0px;
}

.good-news-wrapper svg {
  position: absolute;
  bottom: 0;
  z-index: -9;
}

.qualifying-benefits-wrapper {
  padding: 10px 0 70px;
  background: #f6f6f6;
  margin-top: -20px;
  background: url('../../assets/images/light-bg.png');
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
}
.qualifying-benefits-wrapper .container
{
 max-width:1440px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap {
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */
  margin: 50px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content {
  width: 45%;
  margin-right:100px;
  /* max-width: 455px; */
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  color: #044B87;
  margin: 40px auto 40px;
  font-family: 'Inter', sans-serif;
  position: relative;
  text-align: left;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2::after {
  right: 330px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content p {
  color: #000000;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content a.apply-now {
  margin-top: 40px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-right-content {
  width: 55%;
  /* max-width: 500px; */
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-right-content ul {
  margin-top: 100px;
}
.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content ul
{
  padding-top: 5px;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content ul li {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #28276B;
  list-style: none;
  padding: 5px 0;
  position: relative;
}

.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content ul li:before {
  position: absolute;
  content: url("../../assets/images/checkmark.png");
  left: -50px;
  top: 12px;
}

.qualifying-benefits-wrapper svg {
  position: absolute;
  bottom: -305px;
  z-index: -999;
}

@media (max-width: 270px) {
  .qualifying-benefits-wrapper svg {
    bottom: -270px;
  }
}

.how-it-works {
  padding: 20px 0 20px;
}

.how-it-works .slick-prev {
  left: 20px;
  z-index: 10000;
  background: #28276B;
}


.how-it-works h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  color: #10A7E0;
  margin: 40px auto 40px;
  font-family: 'Inter', sans-serif;
  position: relative;
  text-align: center;
  max-width: 600px;
}

.how-it-works h2:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
}

.how-it-works h2:after {
  right: 10px;
}

.how-it-works .how-it-works-boxes-wrapper {
  padding: 20px 0 50px;
  max-width: 1400px;
  margin: auto;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes {
  display: flex;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-list {
  padding: 0 12% 0 0;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-next.slick-arrow,
.how-it-works .slick-prev {
  background: #28276B !important;
  padding: 29px;
  border-radius: 40px;
  right: 170px;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-next.slick-arrow:before,
.how-it-works .slick-prev:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 20px;
  z-index: 999;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 10px;
  height: 10px;
  color: transparent;
  position: absolute;
  opacity: 1;
  top: 20px;
  left: 16px;
}

.how-it-works .slick-prev:before {
  left: 22px;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-next.slick-arrow.slick-disabled,
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-prev.slick-arrow.slick-disabled {
  background: #BBBBBB !important;
  cursor: not-allowed;
}

.how-it-works .how-it-works-boxes-wrapper .slick-prev.slick-disabled:before,
.how-it-works .how-it-works-boxes-wrapper .slick-next.slick-disabled:before {
  opacity: 1 !important;
}

.how-it-works .slick-prev:before {
  -webkit-transform: rotate(130deg);
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.1);
  border-radius: 38px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  min-height: 305px;
  /* change 334 */
  width: 25%;
  /* added */
  margin: 15px;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  border-radius: 38px;
  position: relative;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:first-child .hiw-box-content {
  background-image: url("../../assets/images/pexels-christina-morillo.png");
  opacity: 0.9999;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:nth-child(2) .hiw-box-content {
  background-image: url("../../assets/images/hiw-2.png");
  opacity: 0.9999;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:nth-child(3) .hiw-box-content {
  background-image: url("../../assets/images/hiw-3.png");
  opacity: 0.9999;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:last-child .hiw-box-content {
  background-image: url("../../assets/images/solar.png");
  opacity: 0.9999;
  background-position: initial;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content:before {
  content: "";
  width: 100%;
  height: 100%;
  background:  #044B87;
  opacity: 0.8;
  position: absolute;
  border-radius: 34px;
  z-index: -1;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content:hover:before {
 box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.1);
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content span {
  background: linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  color: #0F0F0F;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content p {
  color: #ffffff;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box span {
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  display: flex;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 50px 30px 0;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box p {
  font-size: 18px;
  /*change 20 */
  font-weight: 500;
  text-align: left;
  color: #28276B;
  margin-top: 40px;
  margin-bottom: 25px;
  padding: 0 30px;
}

.how-it-works .hiw-btn-wrap a {
  margin: 20px auto;
}

/*================== Storage Styling ==================*/
.storage
{
  background: #EDFAFF;
  padding: 60px 15px 60px;
}
.storage .left-section {
  width: 50%;
}
/* .storage .right-section img
{
  position:relative;
  left: 50px;
  top: -50px;
} */
.storage .heading-center
{
  text-align: start;
}
.storage .heading-center h2
{
  color: #044B87;
  margin-top: 0px;
  margin-bottom: 30px;
}
.storage p
{
  color: #2D2D2D;
}

/*================== Competitive Styling ==================*/

.always-competitive
{
  background: #044B87;
  padding: 60px 15px 140px;
}
.always-competitive .heading-center h2
{
  color: #FFB800;
  margin-top: 0px;
  margin-bottom: 35px;
}
.always-competitive p
{
  color: white;
  text-align: center;
}
.always-competitive .content
{
  margin-bottom: 30px;
}
.always-competitive a.apply-now
{
  margin: auto;
}

/*================== About Styling ==================*/
section.about {
  background: url('../../assets/images/light-bg.png');
  padding: 40px 0 100px;
  margin-top: -165px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-y: bottom;
  /* background-color: #edfaff; */
  /* margin-top: -200px;
  padding-top: 190px; */
  /* z-index: -1; */
}
.about .heading-center
{
  padding-top: 95px;
}
.about .heading-center h2
{
  margin-top: 0px;
}
.about .left-section {
  width: 50%;
}
.about a.apply-now {
  margin-top: 40px;
}
.about .left-section p {
  margin-bottom: 25px;
}

.about .left-section .get-started {
  margin-bottom: 40px;
  font-weight: 500;
}

.about .left-section p>span {
  font-weight: 800;
}

/* .about .right-section img {
  height: 450px;
} */

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.heading-center {
  text-align: center;
}

.heading-center h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 57px;
  color: #044B87;
  margin: 40px auto 70px;
  margin-bottom: 20px;
  font-family: 'Inter', sans-serif;
  position: relative;
  display: inline-block;
  position: relative;
}

.heading-center h2:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
}

.heading-center h2::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 8px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 34px;
  bottom: -10px;
  right: 0;
}

/*================== Sponser Styling ==================*/
.sponser-carousel h3 {
  font-size: 32px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  color: #10A7E0;
  text-align: center;
  padding: 0px 30px;
}

.sponser-carousel .logo-wrapper {
  padding-top: 25px;
  padding-bottom: 25px;
  background: #F6F6F6;
  overflow-x: hidden;
}

.sponser-carousel .logo-wrapper .slick-track {
  display: flex;
  align-items: center;
}

.sponser-carousel .logo-wrapper .slick-slide img {
  display: inline-block;
  /* width: 100px !important; */
  height: 70px;
  -o-object-fit: contain;
  object-fit: contain;
}

.sponser-carousel .logo-wrapper .slick-slide>div {
  text-align: center;
}

.sponser-carousel .logo-wrapper .carousel-image {
  text-align: center;
}

/*================== FAQ Styling ==================*/
.faq-section h2 {
  margin-top: 0px;
  margin-bottom: 10px;

}

.faq-section h5 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #0F0F0F;
}

.faq-section .accordion-header {
  padding: 15px 10px;
  font-size: 22px;
  position: relative;
  cursor: pointer;
  /* border-bottom: 1px solid #ccc; */
}

.faq-section .accordion-header::before,
.faq-section .accordion-header::after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #28276B;
  transition: all 0.3s;
}

.faq-section .accordion-header::before {
  right: 30px;
  width: 3px;
  height: 19px;
  margin-top: -10px;
}

.faq-section .accordion-header::after {
  right: 21px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
}

.faq-section .accordion-header p {
  color: #044B87;
  font-weight: 600;
}

.faq-section .accordion-content {
  padding: 15px 10px;
  display: none;
}

.faq-section .accordion-header.active::before {
  transform: rotate(90deg);
}
.faq-section .accordion-content p{
  font-family: 'Inter', sans-serif;
  margin-bottom: 0px;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}



/*================== Contact Styling ==================*/
.contact-heading h2 {
  margin-top: 50px;
  margin-bottom: 50px;
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.contact-heading h2::after {
  display: none;
}

.contact-form-section .contact-form-styling {
  max-width: 60%;
  padding: 15px;
  border-radius: 20px;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form-section .contact-form-styling .contact-location {
  background: #EFEFEF;
  height: 120px;
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #E7E7E7;
}

.contact-form-section .contact-form-styling .contact-location .location-icon {
  margin-right: 20px;
}

.contact-form-section .contact-form {
  padding: 20px;
  background: #EFEFEF;
  border-radius: 20px;
  margin-bottom: 55px;
}

.contact-form-section .contact-form .form-group {
  margin-bottom: 20px;
}

.contact-form-section .contact-form label {
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  display: block;
  text-align: left;
  color: #044B87;
  padding-bottom: 12px;
  font-weight: 500;
}

.contact-form-section .contact-form .contact-form-box {
  display: flex;
}

.contact-form-section .contact-form .form-left-side {
  margin-right: 15px;
}

.contact-form-section .contact-form .form-left-side,
.contact-form-section .contact-form .form-right-side {
  flex-basis: 50%;
}

.contact-form-section .contact-form input,
.contact-form-section .contact-form select,
.contact-form-section .contact-form textarea {
  box-sizing: border-box;
  width: 100%;
  height: 65px;
  outline: none;
  padding-left: 15px;
  border-radius: 10px;
  border: none;
  background: #fff;
  color: #242424;
  font-size: 20px;
  padding-left: 30px;
}

.contact-form-section .contact-form select,
.contact-form-section .contact-form .number-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* cursor: pointer; */
}

.contact-form-section .contact-form input[type=number] {
  -moz-appearance: textfield;
}

.contact-form-section .contact-form textarea {
  min-height: 186.9px;
  resize: none;
  padding-top: 22px;
  padding-left: 30px;
}

.contact-form-section .contact-form .form-right-side .form-group:first-child {
  margin-bottom: 16px;
}

.contact-form-section .contact-form .select-field-wrapper {
  position: relative;
}

.contact-form-section .contact-form .select-field-wrapper img {
  position: absolute;
  right: 15px;
  bottom: 27px;
  pointer-events: none;
}

.contact-form-section .location-text p {
  font-size: 20px;
  font-weight: 400;
  color: #044B87;
  font-family: "Outfit", sans-serif;
}

.contact-form-section a.apply-now {
  width: 243px;
}
#contactFormBtn{
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  border-radius: 40px;
  height: 60px;
  width: 243px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  color: #ffffff;
  font-family: "uber_movemedium";
  letter-spacing: 1px;
  cursor: pointer;
  border: none;
}
#contactFormBtn:hover{
background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
}
div#showMessage .success-msg{
  text-align: center;
  font-size: 22px;
  color: #1f8f1f;
  font-weight: 500;
  padding: 100px 0 50px;
}
/*================== Boiler Steps Styling ==================*/
.boiler-form-wrap {

    position: relative;
    background: #044B87;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#solar-details
{
  padding-top: 25px;
  padding-bottom: 30px;
  min-height: 100vh;
}

.boiler-form-wrap h2 {
  margin-top: 0px;
}

.boiler-form-section {
  padding: 10px;
  max-width: 380px;
  /* width: 100%; */
  margin-left: auto;
  margin-right: auto;
  background: #044B87;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* gap: 20px; */
  /* margin-top: 100px; */
}

#step-seventeen .boiler-form-section
{
  max-width: 750px;
}

#step-three .boiler-form-section
{
  max-width: 100%;
}

.radio-btn-wrapper {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-btn-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-btn-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* When the radio button is checked, add a blue background */
.radio-btn-wrapper input:checked~.checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-btn-wrapper input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-btn-wrapper .checkmark:after {
  top: 7px;
  left: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

.boilder-category {
  display: flex;
  border-radius: 12px;
  width: 100%;
  max-width: 345px;
  height: 110px;
  background: #013460;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 4px solid transparent;
  margin:8px auto 20px;
  border-radius: 100px;
  padding: 5px 15px;
}

.boilder-category h5 {
  margin: 0px;
  color: #fff;
  text-align: left;
  font-size: 16px;
  padding: 0px 5px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 25px;
  width: 55%;
}

.step-four .boilder-category h5
{
  width: 67%;
}
.heading-with-helper
{
  width: 70%;
}
.heading-with-helper small
{
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  margin-top: 5px;
}
.boilder-category.heading-with-helper h5
{
  width: 100%;
}
.image-option-container .boilder-category h5
{
  width: 50%;
}
.step-four .boilder-category
{
  height: 90px;
}

/* .boilder-category img {
  margin-bottom: 20px;
} */

.boilder-type-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  /* cursor: pointer; */
}


.boilder-category .radio, .boilder-category .checkbox {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: 4px solid #ccc;
  border-top-color: #bbb;
  border-left-color: #bbb;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  left: 0px;
  width: 100%;
  height: 100%;
}
#step-thirteen .boiler-form-section
{
  width: 100%;
}
.boilder-category .radio:checked, .boilder-category .checkbox:checked {
  border: 20px solid #4099ff;
}

/* ------------Selected Radio Button State----------- */

#solar-details .boilder-category .align-image {
  background: #084A82;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}
#solar-details .boilder-category.active-cat .align-image
{
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
}
#solar-details .boilder-category.active-cat svg path, #solar-details .boilder-category.active-cat .three-phase-svg path
{
  fill:#044B87;
  stroke: #044B87;
}
.three-phase-svg path
{
  fill:#ffffff;
  stroke: #ffffff;
}
#solar-details .boilder-category.active-cat h5
{
  color: #FFB800;
  font-weight: bold;
}
#solar-details .boilder-category.active-cat .heading-with-helper small
{
  color: #FFB800;
  font-weight: bold;
}
#solar-details .boilder-category.active-cat
{
  border: 4px solid #FFB800;
}
/* ------------Selected Radio Button State Ends---------- */

.form-flow .actions
{
  width: 100%;
}

.form-flow .actions>ul {
  list-style: none;
  padding: 0px;
}

.steps-flow.wizard>div.steps {
  display: none;
}

.form-flow .actions>ul>li {
  position: absolute;

}

.form-flow .actions>ul>li:nth-child(1) {
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
}

.form-flow .actions>ul>li:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
}

.steps-heading {
  display: block;
  width: 100%;
  text-align: center;
  color: #0F0F0F;
}

.steps-heading h4 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: white;
  margin: 5px 0px 5px;
}
.step-one .steps-heading h4, #step-forteen .steps-heading h4, #step-fifteen .steps-heading h4
{
  margin-bottom: 15px;
}

.step-two .boiler-form-section {
  max-width: 400px;
  justify-content: center;
}

.step-two .boilder-category {
  width: 180px;
}

/* --------------Round Radio Buttons------------- */
.radio-container {
  position: relative;
  width: 530px;
  height: 530px;
  margin: 0 auto;
  background: url('../../assets/images/Ellipse-1.png');
  background-repeat: no-repeat;
  margin-top: 60px;
  margin-bottom: 40px;
}

.radio-container input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio-container label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 189px;
  border-radius: 82px;
  background: #013460;
  cursor: pointer;
  margin: 0px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 5px;
  font-family: 'Inter', sans-serif;
  line-height: 25px;
}

.radio-container .boilder-category {
  padding: 5px 10px;
}

.radio-container input[type="radio"]:nth-child(1) + label {
  top: 0%;
  left: 50%;
}

.radio-container input[type="radio"]:nth-child(3) + label {
  top: 24%;
  left: 95%;
}

.radio-container input[type="radio"]:nth-child(5) + label {
  top: 49%;
  left: 95%;
}

.radio-container input[type="radio"]:nth-child(7) + label {
  top: 74%;
  left: 95%;
}

.radio-container input[type="radio"]:nth-child(9) + label {
  top: 94%;
  left: 50%;
}

.radio-container input[type="radio"]:nth-child(11) + label {
  top: 74%;
  left: 5%;
}

.radio-container input[type="radio"]:nth-child(13) + label {
  top: 49%;
  left: 5%;
}

.radio-container input[type="radio"]:nth-child(15) + label {
  top: 24%;
  left: 5%;
}

.boiler-form-wrap .boiler-form-section.radio-container.active-cat input[type="radio"]:checked + label
{
  background: url(../../assets/images/selection-tick.svg), linear-gradient(
  285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
  color: #013460;
  font-weight: bold;
  background-size: 25px auto, cover;
  background-repeat: no-repeat;
  background-position-x: 93%;
  background-position-y: center;
}

.image-option-container
{
  margin: auto;
}
.step-five .image-option-container .boilder-category {
    height: 90px;
    width: 205px;
}
#solar-details .image-option-container .boilder-category .align-image
{
  width: 80px;
  height: 80px;
}
#step-eighteen .step-twelve
{
  margin: auto;
}



/*================== Terms, Policy and Cookies Styling ==================*/
.privacy-policy,
.cookies-policy,
.terms-and-conditions {
  margin-top: 150px;
}

.privacyBoxes,
.cookiesBoxes,
.termsBoxes {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
}

.privacyBoxes h3,
.cookiesBoxes h3,
.termsBoxes h3 {
  font-size: 32px;
  color: #28276B;
  margin: 20px auto;
}

.privacyBoxes a,
.cookiesBoxes a,
.termsBoxes a {
  color: #c64b68;
  text-decoration: none;
}

.privacyBox.container,
.cookiesBox.container,
.termsBox.container {
  padding-bottom: 50px;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

#privacyTable,
#privacyTable td {
  border: 1px solid gray;
}

#privacyTable td {
  padding: 5px;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

#cookiesTable {
  border: 1px solid #8080802b;
  border-radius: 5px;
}
button#show-table {
    background: #29276b;
    color: white;
    border: 1px solid;
    padding: 7px 10px;
    border-radius: 7px;
    font-weight: 600;
}
.t-bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  height: 80px;
}

#cookie-table-body td {
  min-width: 100px;
  padding: 10px 15px;
  font-size: 14px;
}

.termsBoxes a {
  color: #c64b68;
  text-decoration: none;
}

/*================== Footer Styling ==================*/
.footer-wrapper {
  width: 100%;
  display: inline-block;
  background-color: #044B87;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;

}
.footer-wrapper .container
{
  padding: 90px 0;
}
.footer-wrapper .footer-inner-wrap {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  flex-wrap: wrap;
}

.check-icon
{
  opacity: 0;
  width: 30px;
}

.boilder-category.active-cat img.check-icon {
  opacity: 1;
}
.boilder-category.active-cat svg.check-icon {
  opacity: 1;
}
svg.check-icon
{
  max-width: 30px !important;
}
svg.check-icon path {
  fill: #044B87;
  stroke: #044B87;
}

@media (max-width: 1180px) {
  .footer-wrapper .footer-inner-wrap {
    justify-content: space-around;
  }
}

.footer-wrapper .footer-inner-wrap .footer-logo-section {
  width: 33%;
}

@media (max-width: 1180px) {
  .footer-wrapper .footer-inner-wrap .footer-logo-section {
    width: 27%;
  }
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .privacy-policy-menu ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 15px 0 0;
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .privacy-policy-menu ul li a {
  margin-right: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #F0AD4E;
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .privacy-policy-menu ul li a:hover {
  text-decoration: underline;
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .f-address h4 {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  margin: 20px 20px 15px 0px;
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .social-links ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

.footer-wrapper .footer-inner-wrap .footer-logo-section .social-links ul li {
  margin-right: 10px;
}

.footer-wrapper .footer-inner-wrap .footer-claim-section {
  width: 33%;
  /* pointer-events: none; */
}
.footer-wrapper .footer-inner-wrap .footer-claim-section ul
{
  padding-right: 20px !important;
}

@media (max-width: 1180px) {
  .footer-wrapper .footer-inner-wrap .footer-claim-section {
    width: 27%;
  }
}

.footer-wrapper .footer-inner-wrap .footer-claim-section h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #F0AD4E;
  margin-top: 0px;
  margin-bottom: 45px;
}

.footer-wrapper .footer-inner-wrap .footer-claim-section ul, .footer-contact-info ul {
  margin: 0;
  padding: 0;
}

.footer-wrapper .footer-inner-wrap .footer-claim-section ul li, .footer-contact-info ul li {
  list-style: none;
  margin: 7px 0;
}

.footer-wrapper .footer-inner-wrap .footer-claim-section ul li a, .footer-contact-info ul li a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: none;
}
/* .footer-contact-info ul li a {
  pointer-events: none;
} */
.footer-contact-info ul li a:hover
{
  text-decoration: underline;
}
.need-help
{
  margin-top: 25px;
}
.need-help p
{
  color: white;
  margin: 10px 0px;
}
.need-help a
{
  color: #F0AD4E;
}

.footer-wrapper .footer-inner-wrap .footer-claim-section ul li a:hover {
  text-decoration: underline;
}

.footer-wrapper .footer-inner-wrap .footer-contact-info {
  width: 33%;
}

@media (max-width: 1180px) {
  .footer-wrapper .footer-inner-wrap .footer-contact-info {
    width: 27%;
  }
}

.footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content p {
  font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #F0AD4E;
    margin-top: 0px;
}

.footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #F0AD4E;
  padding: 0px 0 10px;
  display: block;
}

.footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content a {
  color: #F0AD4E;
}

.footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content a:hover {
  text-decoration: none;
}

.footer-bottom-wrapper {
  width: 100%;
  display: inline-block;
  background: #033A68;
}

.footer-bottom-wrapper .footer-bottom-content p {
  text-align: right;
  padding: 0;
  margin: 7px 25px;
  font-size: 12px;
  color: #ffffff;
}

/*================== Animated forward Circle ==================*/
 .outer-circle {
                  position: absolute;
                  top: -12px;
   		   left: -12px;
                  width: 115px;
                  height: 115px;
                  border: 5px solid #FFB800;
                  border-radius: 50%;
                  animation: none;
                  clip: rect(0px, 115px, 30px, 60px);
                  z-index: 1;
                }
                .inner-white-circle {
                  position: absolute;
                  top: -12px;
                  left: -12px;
                  width: 115px;
                  height: 115px;
                  border: 5px solid #fff;
                  border-radius: 50%;
                  animation: none;

                }
                  #step-one .outer-circle
              {
                display: none;
              }
              #step-two .outer-circle
              {
                clip: rect(0px, 115px, 30px, 60px);
              }
              #step-three .outer-circle
              {
                clip: rect(0px, 125px, 50px, 60px);
              }
              #step-four .outer-circle, #step-four-addition .outer-circle
              {
                clip: rect(0px, 125px, 70px, 60px);
              }
              #step-five .outer-circle
              {
                clip: rect(0px, 125px, 90px, 60px);
              }
              #step-six .outer-circle
              {
                clip: rect(0px, 125px, 110px, 40px);
                transform: rotate(22deg);
              }
              #step-seven .outer-circle
              {
                clip: rect(0px, 125px, 125px, 40px);
                transform: rotate(20deg);
              }
              #step-seven .outer-circle
              {
                clip: rect(0px, 125px, 125px, 40px);
                transform: rotate(12deg);
              }
              #step-eight .outer-circle
              {
                clip: rect(0px, 125px, 125px, 40px);
                transform: rotate(12deg);
              }
              #step-nine .outer-circle
              {
                clip: rect(0px, 125px, 125px, 40px);
                transform: rotate(12deg);
              }
              #step-ten .outer-circle, #step-ten-addition-1 .outer-circle, #step-ten-addition-2 .outer-circle
              {
                clip: rect(0px, 125px, 125px, 40px);
                transform: rotate(20deg);
              }
              #step-ten-addition-3 .outer-circle
              {
                clip: rect(0px, 125px, 115px, 60px);
              }
              #step-eleven .outer-circle
              {
                clip: rect(0px, 125px, 125px, 30px);
                transform: rotate(30deg);
              }
              #step-twelve .outer-circle
              {
                clip: rect(0px, 125px, 125px, 30px);
                transform: rotate(30deg);
              }
              #step-thirteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 35px);
                transform: rotate(25deg);
              }
              #step-thirteen-addition .outer-circle
              {
                clip: rect(0px, 125px, 145px, 35px);
                transform: rotate(25deg);
              }
              #step-forteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 19px);
                transform: rotate(45deg);
              }
              #step-fifteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 15px);
                transform: rotate(50deg);
              }



                @keyframes pulse {
                  0% {
                    transform: scale(1);
                  }
                  50% {
                    transform: scale(1.05);
                  }
                  100% {
                    transform: scale(1);
                  }
                }

               .circle {
                position: relative;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                /* border: 1px solid; */
                overflow: hidden;
                z-index:10;
                background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
              }

              .arrow {
                position: absolute;
                top: 40%;
                transform: translateY(-50%);
                width: 10px;
                height: 10px;
                border: solid #044B87;
                border-width: 0 4px 4px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(310deg);
                /* animation: color-change 3s infinite; */
              }

              .arrow1 {
                left: 20%;
                display: none;
                animation-delay: 0s !important;
              }

              .arrow2 {
                left: 35%;
                /* animation-delay: 1s !important; */
              }

              .arrow3 {
                left: 50%;
                animation-delay: 1s !important;
                display:none;
              }

              @keyframes color-change {
                0%, 75%, 100% {
                  border-color: #ffffff;
                }
                50% {
                  border-color: #013460;
                }
              }

/*================== Tablet Responsive ==================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .main-section,
  .qualifying-benefits-inner-wrap,
  section.about {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content {
    padding-left: 5%;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
    background-size: 100%;
  }

  header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mobile-apply-btn.apply-now
  {
    width: 150px;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content {
    margin-right: 20px;
  }

  .fbr-banner-wrapper .fbr-banner-left-content {
    width: 45%;
  }

  .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content h1 {
    font-size: 45px;
    line-height: 45px;
  }

  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box p {
    font-size: 18px;
    padding: 0 10px;
  }

  .how-it-works .how-it-works-boxes-wrapper {
    margin: 0 0px 0 auto;
  }
  .faq-section .accordion-header p{
    font-size: 14px;
  }
  .eligibility-criteria .ec-content-wrapper .ec-left-content{
    margin-right: 20px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content:after{
    right: -20px;
    top: -35px;
  }
  .qualifying-benefits-wrapper svg{
    bottom: unset;
  }
  .footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content a{
    font-size: 12px;
  }
  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box{
    width: 46%;
  }
  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes{
    flex-wrap: wrap;
  }
  .contact-form-section .contact-form-styling{
    max-width: 70%;
  }
  .contact-form-section .contact-form-styling .contact-location{
    padding-left: 15px;
    padding-right: 15px;
  }
 /*================== Form Tablet Responsive ==================*/
 /* .boiler-form-section, .step-three .boiler-form-section
 {
  max-width: 600px !important;
 } */
 .boilder-category
 {
  width: 90%;
 }
 .boilder-category svg
 {
  max-width: 55%;
 }
 .step-four .boilder-category, .step-one .boilder-category
 {
  height: 90px !important;
 }
 #solar-details .boilder-category .align-image {
  width: 80px;
  height: 80px;
}
 .step-three .boilder-category
 {
  height:100px !important;
 }
 #solar-details .step-five .boilder-category {
  height: 100px;
  width: 310px;
}
#solar-details .step-five .image-option-container .boilder-category {

  width: 250px;
}
#solar-details .step-six .boilder-category
{
  height: 100px;
}
#solar-details .step-six.style-of-roof .finance .boilder-category {
  width: 19%;
}
#solar-details .step-two .boiler-form-section.rounded-edges {
  max-width: 100%;
}

#solar-details .rounded-edges .boilder-category-bg {
  width: 100%;
}
#solar-details .rounded-edges .boilder-category {
  width: 20%;
}
#solar-details #step-ten .rounded-edges .boilder-category {
  width: 13%;
}
#solar-details .rounded-edges .boilder-category-bg .boilder-category h5
{
  display: inline-table;
  font-size: 16px;
}
#solar-details .rounded-edges .boilder-category:last-child {
  margin-right: 20px;
}


 .form-flow .actions>ul>li:nth-child(1) {
  top: 60px;
  transform: translateY(-35%);
}
img.previous-btn {
    width: 75%;
}
.steps-heading {
   width: 100%;
  padding: 0px;
  margin: auto;
}
.step-three .boilder-category, .step-four .boilder-category
{
  width: 43%;
}
.government-benefits .boilder-category
{
  height: auto;
}
header .header-inner-wrap .logo {
  padding-left: 20px;
  padding-bottom: 7px;
}
.eligibility-criteria .ec-content-wrapper .ec-left-content h2, .heading-center h2, section.enquiry-form-wrapper .enquiry-form-inner-wrap h2,
.boiler-form-wrap h3, .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2,.good-news-wrapper h2 {

  font-size: 34px;
  line-height: 40px;
}
.f-logo img
{
  width: 100%;
}
header .header-inner-wrap nav.navbar ul li a {
  font-size: 16px;
}
.qualifying-benefits-wrapper
{
  background:#edfaff;
}
.qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2::after {
  right: 100px;
}
.fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content p {

  font-size: 16px;

}
.steps-heading h4
{
  font-size: 24px;
  line-height: 30px;
}
.step-five .boilder-category
{
  width: 40%;
}
.step-six .finance .boilder-category-bg {
  width: auto;
}
/* #step-ten .boilder-category
{
width:45%;
} */
.step-two .boilder-category {
  width: 275px;
}
.steps-flow .step-six.addition-1 .boilder-category {
  width: 22%;
  height:123px;
}
/* #step-twelve .boilder-category-bg
{
  width: 650px;
} */
 #solar-details
 {
  min-height:auto;
  padding-top: 100px;
 }
.step-eleven label
{
  width: 100%;
}
#return-home
{
  position: absolute;
  top: 5px;
  left: 15px;
}
#step-seventeen .boiler-form-section {
    margin-top: 100px;
}
.footer-wrapper .footer-inner-wrap .footer-logo-section .privacy-policy-menu ul li a
{
 margin-right:5px;
 }
 .about .left-section
 {
  width: 50%;
 }
 .about .right-section
 {
  width: 45%;
 }
 .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap
 {
  margin:50px 20px;
  }

.boilder-type-wrapper
{
  max-width: 730px;
}



  .form-flow .actions>ul>li.destop-forward {
    left: 90%;
    top: 7%;
    display: flex;
    position: inherit;
    margin: 60px auto 30px;
    width: 160px;
    justify-content: center;
  }
  .inner-white-circle,.outer-circle
	 {
	    top: -12px;
	    left: 26%;
	    width: 65px;
	    height: 65px;
	 }
	.circle
	 {
	  width:50px;
	  height:50px;
	 }
	.arrow
	{
	 top:35%;
	 width:5px;
	 height:5px;
	 border-width:0px 3px 3px 0px;
	 }
	 .arrow1
	 {
	  left:13%;
	 }
   .arrow2
	 {
	  left:32%;
	 }
   .arrow3
	 {
	  left:48%;
	 }

	 #step-two .outer-circle
              {
                clip: rect(0px, 115px, 35px, 40px);
              }
              #step-three .outer-circle
              {
                clip: rect(0px, 125px, 50px, 40px);
              }
              #step-seven .outer-circle, #step-eight .outer-circle, #step-nine .outer-circle, #step-four .outer-circle, #step-five .outer-circle, #step-six .outer-circle
              {
                clip: rect(0px, 125px, 75px, 40px);
                transform: initial;
              }

              #step-ten .outer-circle, #step-ten-addition-1 .outer-circle, #step-ten-addition-2 .outer-circle
              {
                clip: rect(0px, 125px, 110px, 40px);
              }
              #step-ten-addition-3 .outer-circle
              {
                clip: rect(0px, 125px, 115px, 40px);
              }
              #step-eleven .outer-circle
              {
                clip: rect(0px, 125px, 130px, 35px);
   		 transform: rotate(8deg);
              }
              #step-twelve .outer-circle
              {
                clip: rect(0px, 78px, 90px, 31px);
              }
              #step-thirteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 25px);
              }
              #step-sixteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 20px);
                transform: rotate(34deg);
              }
              #step-forteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 15px);
              }
              #step-fifteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 10px);
                transform: rotate(58deg);
              }
}


@media screen and (min-width: 1025px) and (max-width: 1200px) {
.boiler-form-section
{
  max-width: 750px;
}
.step-three .boiler-form-section
{
  max-width: 800px !important;
}
.form-flow .actions>ul>li:nth-child(2)
 {
  left: 85%;
 }
}


/*# sourceMappingURL=style.css.map */


/* -------------------Step Form Styling------------------- */

.boilder-type-wrapper {
  display: none;
}
.align-image img {
  width: 45px;
}
.image-option-container .align-image img {
  width: 40px;
}

.align-image .small {
  width: 25px;
}
.align-image .extra-small {
  width: 15px;
}
#step-one {
  display: block;
}

.actions>ul>li:nth-child(2) {
  top: 57%;
  transform: translateY(-57%);
  right: 0px;
  left: 90%;
  width: auto;
}

.step-three .boiler-form-section {
  max-width: 800px;
  justify-content: center;
}
.step-three.government-benefits .boiler-form-section {
  max-width: 900px;
}

.step-three .boilder-category {
  width: 22.5%;
  height: 120px;
  align-items: flex-start;
}

.step-three.government-benefits .boilder-category {
  width: 27%;
  height: 50px;
  align-items: center;
  padding: 15px;
}

.step-three.government-benefits .boilder-category h5
{
  font-size: 16px;
  padding: 0px;
  text-align: center;
  width: 100%;
}

.step-three .boilder-category h5 {
  padding: 0px 10px;
  text-align: left;
}

.step-four .boiler-form-section, .step-five .boiler-form-section {
  max-width: 800px;
  justify-content: center;
}
.step-four.property .boiler-form-section {
  max-width: 870px;
  justify-content: center;
}
.step-four.property .boilder-category
{
  height: 90px;
  max-width: 240px;
}
.step-five.obstructions .boiler-form-section {
  max-width: 870px;
  justify-content: center;
}
.step-five.obstructions .boilder-category
{
  height: 90px;
  max-width: 230px;
}
.step-five.fuel .boiler-form-section {
  max-width: 870px;
  justify-content: center;
}
.step-five.fuel .boilder-category
{
  height: 90px;
  max-width: 230px;
}
#solar-details .step-four.property .boilder-category .align-image
{
  width: 90px;
  height: 74px;
}
#solar-details .step-five.obstructions .boilder-category .align-image
{
  width: 100px;
  height: 74px;
}
#solar-details .step-five.fuel .boilder-category .align-image
{
  width: 100px;
  height: 74px;
}



.steps-flow .style-of-roof svg, .steps-flow .finance svg, .steps-flow .rounded-edges svg {
  width: 80px;
  max-width: initial;
}

.step-four .boilder-category {
  height: 108px;
}

@media screen and (min-width: 1200px) {
/* #step-four .boilder-category
{
  height:123px;
} */
.storage .right-section img {
  position: relative;
  left: 50px;
  top: -50px;
}
}

#solar-details #step-eleven .boilder-category .align-image
{
  width: 70px;
  height: 70px;
}

.step-five .boilder-category {
  height: 110px;
  width: 381px;
}

/* #step-twelve .boiler-form-section {
  max-width: 680px !important;
  width: 100%;
  border-radius: 100px;
  gap: 0px;
} */
/* #step-three .boiler-form-section
{
  max-width: 100%;
} */
.step-six .boilder-category {
  border-radius: 50%;
  width: 9%;
  height: 80px;
  background: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
}
.step-six .boiler-form-section.finance
{
  max-width: 100%;
}
.step-six .finance .boilder-category-bg
{
  max-width: 850px;
  width: 850px;
}
.step-six .finance .boilder-category
{
  width: 29%;
  height: 100px;
  border-radius: 80px;
}
.step-six.style-of-roof .finance .boilder-category
{
  width: 21%;
}
.step-six .finance .boilder-category h5
{
  padding-left: 15px;
  font-size: 16px;
  text-align: left;
}
.step-six .finance .boilder-category.active-cat h5
{
  color:#044B87;
  font-weight: bold;
}

.step-two .boiler-form-section.rounded-edges {
  max-width: 830px;
}

.rounded-edges .boilder-category {
  width: 23.5%;
  flex-direction: column;
  background: #084a82;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 22px 30px;
  background: #044B87;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  flex: none;
  order: 0;
  flex-grow: 0;
  height: 160px;
  margin-right: 15px;
}
.solar-location .rounded-edges .boilder-category {
  width: 15%;
}
.rounded-edges .boilder-category:first-child
{
  border-radius: 200px 12px 12px 200px;
}
.rounded-edges .boilder-category:last-child
{
  border-radius: 12px 200px 200px 12px;
  margin-right: 0px;
}
.rounded-edges .boilder-category h5
{
  width: 100%;
  padding: 0px 10px;
}

.rounded-edges .boilder-category-bg .boilder-category h5 {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}
#solar-details .rounded-edges .boilder-category .align-image
{
  background:#013460;
}

#solar-details .rounded-edges .boilder-category.active-cat .align-image {
  background: linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
}
.rounded-edges .boilder-category-bg {
  background: #013460;
  width: 850px;
  display: flex;
  border-radius: 203px;
  padding: 10px 20px 0px;
}

.step-six .boilder-category h5
{
  width: 100%;
  text-align: center;
}

.step-six.addition-1 .boilder-category {
  width: 22%;
}

.step-six.addition-1 .boiler-form-section {
  width: 590px;
  border-radius: 100px;
  gap: 0px;
}

.step-six .boilder-category-bg {
  padding: 10px 15px;
  width: 670px;
  background: #013460;
  border-radius: 100px;
  display: flex;
  flex-wrap: wrap;
}
.boilder-category-bg .boilder-category h5
{
  font-size: 18px;
  font-weight: 500;
}
#solar-details .step-six .boilder-category
{
  border: none;
}
#solar-details .step-six .active-cat {
  border: none;
  /* background-size: cover;
  background-image: url(/assets/images/ellipse-4.png); */
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%) !important;
}
#solar-details .step-six .active-cat h5 {
  color: #013460;
}

/* .step-ten .boiler-form-section, #step-ten .boiler-form-section, #step-ten-addition-3 .boiler-form-section {
  max-width: 750px;
  justify-content: center;
} */

#step-ten-addition-3 .col
{
  justify-content: flex-start;
}
/* .step-ten .boilder-category, #step-ten .boilder-category {
  width: 383px;
} */
/* .steps-flow #step-twelve .boilder-category
{
  height: 112px;
} */
.row {
  width: 100%;
  padding:5px;
}

.col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.col-sm-6 {
  width: 45%;
  margin-right:20px;
}

.step-eight .boiler-form-section,
.step-nine .boiler-form-section {
  max-width: 800px;
}

.step-eight label,
.step-nine label {
  color: #044B87;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
#step-forteen .boiler-form-section, #step-fifteen .boiler-form-section, #step-four-addition .boiler-form-section
{
  background: #F6F6F6;
}
#step-four-addition label
{
  width: 95%;
}
.inptFld,
.slctFld {
  width: 89%;
  height: 40px;
  border: 0;
  margin: 10px 0 10px;
  border-radius: 12px;
  padding: 0 20px;
  font-size: 16px;
  background: #fff;
  color: #242424;
  font-family: "Inter", sans-serif;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #242424 !important;
}

.areaFld {
  width: 100%;
  border: 0;
  margin: 20px 0px;
  border-radius: 12px;
  padding: 15px;
  font-size: 16px;
  background: #fff;
  resize: none;
  color: #242424;
  font-family: "Inter", sans-serif;
}

.inptFld::placeholder,
.areaFld::placeholder {
  color: #24242452;
}

.slctFld {
  width: 100%;
  background: url('../../assets/images/arrow-black.png') no-repeat right #fff;
  -webkit-appearance: none;
  background-position-x: 95%;
}
#step-seventeen .slctFld {
  background-position-x: 98%;
  margin: 0px;
}

.inptFld:focus,
.inptFld:focus-visible,
.slctFld:focus,
.slctFld:focus-visible,
.areaFld:focus,
.areaFld:focus-visible {
  outline: none;
}

.step-eleven {
  margin-bottom: 50px;
}

#step-two-addition-1 section.boiler-form-section {
  margin-top: 100px;
}
.step-eleven .areaFld {
  margin: 0px;
}

.step-eleven .boiler-form-section {
  padding: 0px;
  background: transparent;
  margin-top: 40px;
}

.step-eleven label {
  font-size: 20px;
  font-weight: 500;
  color: white;
  width: 100%;
  margin-top:15px;
  margin-bottom:10px;
}

.confirmation {
  margin-top: 30px;
  /* display: grid; */
  align-items: baseline;
}

#step-forteen {

  & .confirmation{
    max-width: 820px;
  }

  & .submit-enquiry {
    margin-top: 40px;
    margin-bottom: 30px;
  }

}

.step-eleven .terms, 
#step-forteen .terms-2 {
  font-size: 16px;
  font-weight: 400;
  color: #F0AD4E;
  margin-left: 30px;
  display: block;
  top: -24px;
  position: relative;
  margin-top:0px;
  margin-bottom:0px;
}

input#acceptTerms {
    accent-color: #CA1E63;
    transform: scale(2);
}

.step-twelve section {
  justify-content: center;
}

.step-twelve .boiler-form-section {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
}

.step-twelve h2 {
  font-weight: 700;
  font-size: 64px;
  line-height: 76px;
  margin: 20px 0 0px;
}

/* Modal Popup Css */

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}

.custom-model-inner {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
  margin-top: 15%;
}

.custom-model-wrap {
  background-color: #fff;
  border-radius: 20px;
  padding: 50px 70px;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}

.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}

.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: background 0.15s linear;
}

.describe label
{
  float: left;
}
.describe textarea
{
  border: 1px solid rgb(125, 125, 125);
}

.close-btn, .validation-close-btn, .north-close-btn, .describe-close-btn {
  background: #FFB800;
  border-radius: 40px;
  height: 48px;
  width: 130px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: none;
  font-weight: 600;
  margin: auto;
  font-size: 16px;
  color: #ffffff;
  font-family: "Inter";
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
}
.submit-enquiry
{
  margin-top: 100px;
}
.submit-enquiry button {
  background: #F38C47;
  border-radius: 40px;
  height: 60px;
  padding: 18px 50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: none;
  font-weight: 700;
  margin: auto;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-family: "uber_movemedium";
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
}
.submit-enquiry button:hover
{
  background:  linear-gradient(285.33deg, #FFB800 11.09%, #FEFD6F 101.39%);
}

.step-twelve h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #FFFFFF;
}
.congrats-animation
{
  text-align: center;
  background: url("../../assets/images/imgpsh_fullsize_anim.gif");
  background-size: cover;
  padding: 100px 200px;
}

label.field-error {
  color: red !important;
  opacity: 0;
  height: 0px;
  font-size: 13px;
  letter-spacing: 0.3px;
  position: relative;
  bottom: 11px;
  display: none !important;
}

#step-forteen label.field-error, #step-fifteen label.field-error, #step-seventeen label.field-error, #step-four-addition label.field-error
{
  display: inline !important;
  opacity: 1;
  height: auto;
}
#step-four-addition .col
{
  margin-bottom: 10px;
  margin-top: 10px;
}
#step-one label.field-error
{
  width: 0px;
}
section#step-fifteen label.field-error {
  opacity: 1;
}
section#step-seventeen label.field-error {
  opacity: 1;
}

label#acceptTerms-error {
  /* opacity: 0; */
  position: relative;
  bottom: 20px;
  /* width: 0px; */
  order: 2;
  margin-left: 30px;
}
#step-ten-addition-3 label.field-error {
  color: red !important;
  font-size: 13px;
  letter-spacing: 0.3px;
  opacity:1;
  height:auto;
  width: auto;
  position: relative;
  bottom:12px;
}

.congratulations {
  display: none;
}
.boiler-form-wrap.congratulations
{
  padding:100px 0px;
}
.boiler-form-wrap.congratulations h5
{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #F0AD4E;
  margin: 5px;
}

.steps-flow svg
{
  max-width: 40px;
}
/* -------------Loader CSS-------------------- */

#cover-spin {
  position:fixed;
  width:100%;
  left:0;right:0;top:0;bottom:0;
  background-color: rgba(255,255,255,0.7);
  z-index:9999;
  display:none;
}
.alignment
{
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
}

@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

#cover-spin::after {
  content:'';
  display:block;
  position:absolute;
  left:48%;top:40%;
  width:40px;height:40px;
  border-style:solid;
  border-color:black;
  border-top-color:transparent;
  border-width: 4px;
  border-radius:50%;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite;
}
/* ----------------------Footer button---------------------------- */
#top-btn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 15px;
  padding: 0px;
  background: transparent;
  cursor: pointer;
  border: none;
}

/* --------------Cookies CSS ---------------------- */

.cookie-banner
      {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 2px solid #dddcdc;
        z-index: 999;
        padding:10px 30px;
        background: #f1f1f1;
      }
      section.cookie-message {
        width: 85%;
      }
      section.cookie-message p
      {
        font-size: 13px;
        text-align: justify;
        color: #5e6669cf;
        padding: 0px 25px 0px 15px;
      }
      #read-btn
      {
       color: black;
       font-size: 12px;
       text-decoration: none;
       background: #e3e3e3;
       padding: 3px 10px;
       border:1px;
       border-radius:3px;
      }
      #read-btn:hover
      {
      background: #c2c2c2;
      cursor:pointer;
      }
      .cookie-buttons button {
        padding: 8px 15px;
        border: 1px solid;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;

      }
      #cookie-settings-btn
      {
       color: #91BD09;
       background: black;
      }
      #accept-cookies-btn
      {
       color: white;
       background: #91BD09;
      }
      #accept-cookies-btn:hover
      {
       background: #82AA08;
      }
      .cookies-popup {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .cookies-popup .custom-model-inner {
        margin-top: 0;
        padding-top: 40px;
      }
      .cookie-container {
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
        /* margin: 20px; */
      }
      .cookie-container.cookie-content
      {
        margin-bottom: 20px;
        padding: 10px 5px 10px 10px;
      }
      .cookie-container.cookie-content
      {
        background-color: #d3d3d340;
      }

      .cookie-left-section {
        /* display: flex; */
        align-items: center;
        cursor: pointer;
      }

      .cookie-right-section {
        display: flex;
        /* align-items: center; */
      }
      .cookie-container .heading
      {
        margin: 0px;
      }
      p.cookie-para {
        font-size: 13px;
        /* font-size: 0.875rem; */
        line-height: 1.25rem;
        text-align: justify;
        color: #5e6669cf;
    }
      .cookie-text {
        display: none;
        margin-top: 10px;
      }
      .cookies-popup .custom-model-wrap
      {
        padding: 30px;
      }
      .cookies-popup-close-btn {
        cursor: pointer;
        display: inline-block;
        height:30px
      }
      .cookies-popup-close-btn img {
        width: 25px; /* initial width of the image */
        transition: all 0.3s ease-in-out;
      }

      .cookies-popup-close-btn:hover img {
        width: 30px; /* increased width on hover */
        cursor: pointer;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
      }
      .toggle-switch {
        position: relative;
        display: inline-block;
        width: 51px;
        height: 25px;
      }

      .toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
      }

      .cookie-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
      }

      .cookie-slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
      }

      input:checked + .cookie-slider {
        background-color: #29276bba;
      }

      input:focus + .cookie-slider {
        box-shadow: 0 0 1px #29276bba;
      }

      input:checked + .cookie-slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
      }

      .cookie-slider.round {
        border-radius: 34px;
      }

      .cookie-slider.round:before {
        border-radius: 50%;
      }

      /* acc */
      .accordion {
        cursor: pointer;
        border: none;
        text-align: left;
        outline: none;
        font-size: 14px;
        padding: 10px 0px;
        background-image: url('../../assets/images/cookie-content-show.svg');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 20px;
        background-size: 3%;
      }
      .accordion.active1 {
        background-image: url('../../assets/images/cookie-content-hide.svg');
        padding-left: 22px;
        background-size: 4%;
      }
      .active1 + .panel
      {
          max-height: fit-content !important;
          display: block !important;
          text-align: left;
          font-size:12px;
          background-color: #f4f4f4;
      }
      .panel {
        padding: 0 5px;
        background-color: white;
        overflow: hidden;
        max-height: 0;
        /* transition: max-height 0.2s ease-out; */
      }
      .save-cookie {
        margin: 40px 5px 20px;
        text-align: end;
      }
      button.save-btn {
        padding: 5px 20px;
        border: none;
        color: white;
        background: #91BD09;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        height: 30px;
        border-radius: 5px;
      }
      button.save-btn:hover
      {
        background: #b1c960;
      }
      #privacy-bottom-btn
      {
       color:white;
       cursor:pointer;
       background: #91BD09;
       display: none;
 	position: fixed;
       bottom: 0px;
       right: 0px;
       padding: 10px;
       cursor: pointer;
       border: none;
       border-top-left-radius: 5px;
      }

/* Solar Quotes Step Nine */

.solar-quote{
  max-width: unset;
}

.solar-quote .finance .boilder-category-bg {
  max-width: unset;
  width: 1200px;
  background: unset;
}

.solar-quote .boiler-form-section{
  width: 1200px;
}

.solar-quote .steps-heading {
  margin-top: 25px;
}

.solar-quote .boilder-category.solar-quote-wrapper {
  width: 300px!important;
  height: 422px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

#solar-details .solar-quote-wrapper{
  background-color: #013460;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#solar-details .solar-quote .active-cat {
  border: 4px solid #FFB800;
  background: #013460!important;
}


#solar-details .solar-quote-wrapper label {
  color: #fff;
  font-weight: bold;
}


#solar-details .solar-quote .active-cat-2 label {
  color: #FFB800;
  font-weight: bold;
}

.solar-quote-wrapper h4 {
  color: #fff;
  margin-bottom: 11px;
  font-size: 22px;
}

.solar-quote-wrapper h2 {
  color: #fff;
  font-size: 27px;
  line-height: normal;
}

.solar-quote .solar-quote-wrapper .solar-quote-checkboxes{
  width: 88%;
  height: 50px;
  flex-direction: row;
}

.solar-quote-wrapper.active-cat img.check-icon {
  opacity: 0;
}

.solar-quote-btn {
  z-index: 1;
  text-align: center;
}

.solar-quote-btn .next-btn{
  padding: 14px 27px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  background-color: #FFB800;
  border: 2px solid #044B87;
  border-radius: 8px;
  margin-top: 34px;
}

/* Custom CheckBox start */
.custom-checkbox-container {
  min-width: 35px;
  height: 35px;
  position: relative;
  border: none!important;
  margin-right: 15px;
}

/* Hidden default checkbox */
.custom-checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* Custom checkbox */
.custom-checkbox {
  width: 100%;
  height: 100%;
  background-color: #044B87;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Image for tick */
.custom-checkbox img {
  width: 50%;
  height: 50%;
  display: none; /* Initially hidden */
}

/* When the checkbox is checked, display the tick image */
.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox img {
  display: block;
}

.custom-checkbox-container .js-custom-checkbox-display {
  display: block;
}
/* Custom Checkbox End */

/* Step Nine Addition */

#step-nine-addition{
  max-width: unset;
  width: 1200px;
  background: unset;
  /* position: relative; */
}

.promo-banner{
  margin-top: 20px;
  /* height: 50px; */
  width: 100%;
  background-color: #FFD900;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  max-height: 200px;
  transition: all 1s ease;
}

.promo-banner p{
  font-weight: 700;
}

.promo-btn{
  margin-left: 25px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  background-color: #ea1c0a;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}

.discount-input{
  margin-top: 30px;
  border: 2px solid #8f9192;
  border-radius: 5px;
  width: 414px;
}

.discount-input input{
  position: relative;
  padding: 15px 10px 14px 10px;
  width: 350px;
  border: none;
  border-radius: 1px;
  outline: none;
}

.discount-input button{
  position: absolute;
  border: none;
  padding: 0;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.proposal-wrapper{
  margin: 50px auto 0px auto;
  width: 480px;
  background-color: #013460;
  padding: 30px 20px;
}

.proposal-price{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.proposal-wrapper h4{
  font-size: 24px;
  color: #c4c4c4;
  text-align: center;
  margin: 0;
}

.proposal-wrapper h5{
  font-size: 18px;
  color: #727475;
  font-weight: bold;
}

.finance-wrapper{
  position: relative;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}

.finance-wrapper-line{
  width: 100%;
  height: 4px;
  background-color: #8F9192;
  position: absolute;
  text-align: center;
  overflow: hidden;
}

.finance-wrapper-text{
  background-color: #013460;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  padding: 0px 8px;
  white-space: nowrap;
  color: #8F9192;
  font-size: 18px;
}

.monthly-cost{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.monthly-cost p{
  font-size: 18px;
  color: #727475;
  font-weight: bold;
  max-width: 290px;
}

.monthly-cost span{
  font-size: 22px;
  color: #c4c4c4;
  font-weight: bold;
}

.bullet-points{
  display: flex;
  align-items: center;
}

.bullet-points p{
  font-size: 18px;
  color: #c4c4c4;
  margin-left: 10px;
}

.battery-info {
  background-color: #002341;
  margin: 10px -20px 0px -20px;
  padding: 35px 20px;
}


.battery-info h4{
  text-align: start;
}

.battery-info-checkbox{
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.battery-info-checkbox .custom-checkbox-container{
  min-width: unset;
  width: 35px;
  display: block;
}

.battery-info-checkbox .custom-checkbox-container img{
  filter: invert(1);
}

.battery-info-checkbox .custom-checkbox{
  background-color: #fff;
}

.battery-info-checkbox{
  color: #c4c4c4;
  font-size: 18px;
}

.proposal-btn{
  margin-top: 20px;
  text-align: center;
}

.proposal-btn button{
  background-color: #FFD900;
  font-size: 16px;
  border: none;
  padding: 15px 30px;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
}

/* Step Nine Addition End */

/* Step Nine Second Addition */
#step-nine-secondAddition.solar-quote {
  max-width: 900px;
  padding: 0px 20px;
}

.step-nine-second-addition-content{
  margin-top: 50px;
  padding: 40px 20px;
  background-color: #013460;
  font-size: 18px;
}

.step-nine-second-addition-content {
  & p {
    color: #fff;
  }
  
  & h4 {
    color: #cccccc;
    font-size: 22px;
  }

  & h5, span{
    color: #FFB800;
    font-size: 18px;
    font-weight: 700;
  }

  & h6{
    color: #fff;
    font-size: 16px;
    /* font-weight: 700; */
  }

  & > span{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: -28px;
  }

  & > span > h5:first-child  {
    margin-bottom: 10px;
  }

  & > span > h5:nth-child(2) {
    margin-top: 0;
  }

  & button{
    padding: 10px 20px;
    font-size: 16px;
    background-color: #FFB800;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
  }
}

/* 60-degree folded corner */
.sharp-fold {
  position: relative;
  background: linear-gradient(-150deg, transparent 1.5em, #013460 0);
  border-radius: .5em;
}

.sharp-fold::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.2) 0, rgba(0,0,0,.4)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}

/* Step Nine Second Addition End */

.boiler-label-2{
  display: none;
}

.double-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 420px;
  height: 150px;
}

.next-page{

  margin-top: 40px;
  display: flex;
  justify-content: center;
  
  & button {
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    border-radius: 18px;
    padding: 12px 28px;
    border: none;
    color: #013460;
    background-color: #FFD900;
  } 
}

.fbr-banner-left-inner-content .speak-to-us{
  display: none;
}

/* Step Seven SVG Width */
#step-seven .align-image svg {
  max-width: 40px;
}

.step-seven .boiler-form-section {
  max-width: 800px;
}

.step-seven .boilder-category {
  height: 110px;
  width: 381px;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.step-seven .boilder-category {
    height: 100px;
    width: 310px;
}
}
@media screen and (max-width: 768px) {
.step-seven .boilder-category {
  width: 78%;
  height: 100px;
}
}

.promo-banner-hide {
  opacity: 0;
  transform: translateY(-100%);
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0px 20px;
}

/* -------------Cookies Mobile Responsiveness CSS------------ */

@media screen and (max-width: 1250px) {
  .solar-quote .boiler-form-section {
    width: 1059px;
  }

  .storage .right-section img {
    position: relative;
    left: 0px;
    top: -50px;
  }

  header .header-inner-wrap nav.navbar ul li.btn .speak-to-us{
    display: none;
  }

  .fbr-banner-left-inner-content .speak-to-us{
    display: flex;
    margin-bottom: 15px;
  }

  #step-nine-addition {
    max-width: 900px;
    width: unset;
    padding: 10px 25px;
  }
}

@media screen and (max-width: 1080px) {
  .solar-quote .finance .boilder-category-bg {
    width: unset;
  }
  .solar-quote .boiler-form-section {
    width: unset;
  }

}

@media screen and (max-width: 992px) {
	.cookie-banner
	{
	display:block;
	padding:10px;
	}
	.cookie-buttons
	{
	padding-left:15px;
	text-align:right;
	}
	.cookie-buttons button {
        padding: 8px 15px;
        border: 1px solid;
        border-radius: 5px;
        font-size: 10px;
        cursor: pointer;
      }
	section.cookie-message p
	{
	text-align:left;
	font-size:10px;
	padding: 0px 10px 10px;
	}
	section.cookie-message
	{
	width:auto;
	}
	p.cookie-para
	{
	text-align:left;
	}
	.accordion
	{
	cursor:none;
	}
	#read-btn {
	 font-size:10px;
	}
  header .header-inner-wrap nav.navbar ul li
  {
    padding: 0px 0px;
  }

  #step-nine-addition{
    max-width: 690px;
  }
}

/* -------------Mobile Responsiveness CSS------------ */

/*================== Home Mobile Responsive ==================*/
@media screen and (max-width: 767px) {

  #step-nine-addition{
    max-width: 350px;
  }

  .proposal-wrapper {
    width: unset;
  }

  .custom-checkbox-container,
  .battery-info-checkbox .custom-checkbox-container {
    min-width: 24px;
    height: 24px;
  }

  .battery-info-checkbox {
    font-size: 15px;
  }

  .proposal-wrapper h4 {
    font-size: 18px;
  }

  .proposal-btn button {
    font-size: 14px;
    padding: 10px 18px;
  }

  #return-home {
    background: transparent;
    border: none;
    position: absolute;
    top: 10px;
    left: 10px;
    display:block !important;
	}

  .about .flex-between {
    flex-direction: column;
    padding: 0px 20px;
  }

  .about .left-section {
    width: 100%;
  }

  .about .right-section>img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .about .apply-now {
    margin-left: auto;
    margin-right: auto;
  }

  .eligibility-criteria .ec-content-wrapper {
    flex-direction: column;
  }

  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap {
    flex-direction: column-reverse;
  }

  .eligibility-criteria .ec-content-wrapper .ec-right-content,
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content,
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-right-content {
    width: auto;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .eligibility-criteria .ec-content-wrapper .ec-left-content h2,
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2 {
    text-align: center;
    margin: 10px auto 30px !important;
  }

  .eligibility-criteria .ec-content-wrapper .ec-left-content,
  .eligibility-criteria .ec-content-wrapper .ec-right-content {
    width: auto;
  }

  .how-it-works .how-it-works-boxes-wrapper {
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .about .heading-center h2
  {
    margin: 0px auto 40px;
  }

  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .slick-next.slick-arrow {
    right: 20px;
  }

  /*----------- header-----------*/
  header .header-inner-wrap {
    position: relative;
    padding: 5px 5px;
    z-index: 1000;
  }

  header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo .mobile-menu {
    display: block;
  }

  .mobile-apply-btn.apply-now {
    display: flex;
    font-size: 16px;
    width: 125px;
    height: 42px;
  }

  header .header-inner-wrap .logo {
    padding-left: 15px;
  }

  header .header-inner-wrap .logo a {
    display: inherit;
  }

  header .header-inner-wrap .logo a>img {
    width: 100%;
  }

  header .header-inner-wrap nav.navbar ul {
    flex-direction: column;
    position: absolute;
    left: 10px;
    top: 55px;
    background: #fff;
    box-shadow: 0 0 2px #cecece;
    border-radius: 10px;
    align-items: flex-start;
    z-index: 1000;
    display: none;
  }

  header .header-inner-wrap nav.navbar ul li {
    padding: 10px 20px;
  }

  header .header-inner-wrap nav.navbar ul li.btn {
    display: none;
  }

  .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content h1 {
    font-size: 40px;
    line-height: 47px;
  }

  .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content p {
    font-size: 14px;
  }

  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
    max-width: 100%;
  }
  .sponser-carousel .logo-wrapper .slick-slide img
  {
    width: 100px;
    height: 60px;
  }

  .storage .left-section, .storage .right-section
  {
    width: 100%;
  }
  .storage .flex-between
  {
    flex-wrap: wrap;
  }
  section.about
  {
    background: #EDFAFF;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .steps-flow .style-of-roof svg, .steps-flow .finance svg, .steps-flow .rounded-edges svg {
    width: auto;
    max-width: fit-content;
  }
  .eligibility-criteria .ec-content-wrapper .ec-left-content h2, .heading-center h2, section.enquiry-form-wrapper .enquiry-form-inner-wrap h2,
.boiler-form-wrap h3, .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2,.good-news-wrapper h2 {

  font-size: 34px;
  line-height: 40px;
}
  /*----------- Contact form responsive styling-----------*/
  .contact-form {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-form label {
    padding-bottom: 6px;
  }

  .contact-form .contact-form-box {
    flex-direction: column;
  }

  .contact-form .form-left-side {
    margin-right: 0px;
  }

  .contact-form .form-right-fields {
    display: flex;
    flex-direction:column;
  }

  .contact-form .form-group {
    margin-bottom: 10px;
  }

  .main-section .contact-form-styling {
    max-width: 100%;
  }

  .main-section .contact-form-styling .contact-location {
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-section .contact-form-styling .contact-location .location-icon {
    margin-right: 20px;
  }

  .contact-heading+form {
    padding-left: 11px;
    padding-right: 11px;
  }

  .fbr-banner-wrapper {
    flex-direction: column;
  }

  .fbr-banner-wrapper .fbr-banner-left-content,
  .fbr-banner-wrapper .fbr-banner-right-content {
    width: 100%;
  }
  .fbr-banner-wrapper .fbr-banner-right-content{
    position: relative;
    align-items: flex-start;
    min-height: auto;
    padding-bottom: 65px;
  }
  body .fbr-banner-left-content .fbr-banner-left-inner-content {
    padding-top: 130px!important;
    padding-left: 30px !important;
    padding-bottom: 80px;
    padding-right: 30px;
  }

  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -65px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img{
    height: 200px;
    /* width: 300px !important; */
    margin-left: 15px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content:after{
    content:unset;
  }
  .fbr-banner-wrapper .fbr-banner-left-content{
    min-height: auto;
    margin-top: -95px;
  }
  header{
    position: static;
    padding-top: 35px;
  }
  /*----------- Footer styling-----------*/
  .footer-wrapper .footer-inner-wrap {
    flex-direction: column;
  }

  .footer-wrapper .footer-inner-wrap .footer-logo-section,
  .footer-wrapper .footer-inner-wrap .footer-claim-section,
  .footer-wrapper .footer-inner-wrap .footer-contact-info {
    width: 100%;
  }

  .footer-wrapper .container {
    padding: 35px 20px;
  }

  .footer-wrapper .footer-inner-wrap .footer-contact-info .contact-info-inner-wrap .ciw-content p {
    font-size: 14px ;
    margin-top: 15px;
  }
  .footer-contact-info ul li a {
    font-size: 14px;

}
  .footer-wrapper .footer-inner-wrap .footer-claim-section ul li a,
  .footer-wrapper .footer-inner-wrap .footer-logo-section .f-address h4 {
    font-size: 14px;
  }

  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content ul li:before {
    top: 10px;
  }

  .qualifying-benefits-wrapper {
    padding-bottom: 40px;
    padding-top: 0px;
  }

  .qualifying-benefits-inner-wrap .benefits-left-content h2 {
    margin-top: 0px;
    padding-top: 65px;
  }

  .qualifying-benefits-wrapper svg {
    position: absolute;
    bottom: -83px;
    z-index: -999;
  }

  .eligibility-criteria .ec-left-content {
    margin-left: auto;
    margin-right: auto;
  }

  section.enquiry-form-wrapper .enquiry-form-inner-wrap h2{
    font-size: 32px;
    line-height: 38px;
    padding: 0px 20px;
  }
  .how-it-works{
    padding-top: 0px;
    padding-bottom: 10px;
  }
  section.sponser-carousel.section-spacing {
    padding-top: 10px;
  }
  section.enquiry-form-wrapper
  {
    background: #ebfbfb;
    border-radius: 150px 150px 0px 0px;
    padding-top: 20px;
  }
  .eligibility-criteria{
    padding-bottom: 0px;
    padding-top: 0px;
  }
  section.enquiry-form-wrapper .enquiry-form-inner-wrap {
    padding: 0px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content{
    max-width: 100%!important;
  }
  .contact-wrapper{
    margin-top: -90px;
  }
  /* .fbr-banner-wrapper .fbr-banner-left-content .fbr-banner-left-inner-content h1::before{
    right: 105px;
  } */

   /* ---------- Form Responsiveness for Mobile----------------------- */
   #solar-details
   {
     padding-top: 100px;
     padding-bottom: 0px;
   }
   #step-one
   {
    margin-top: -50px;
   }
 .boiler-form-wrap h3
 {
  font-size: 24px;
  line-height: 26px;
 }
 .steps-heading h4
 {
  font-size: 14px;
  padding: 0px 20px;
  margin: 10px 0px 20px;
  line-height: 22px;
 }
 .heading-with-helper {
  width: 70%;
}

/* ----------_Direction Responsive---------------- */
.step-five .boiler-form-section.radio-container
{
  width: 330px;
  height: 450px;
  background: none;
  margin-top: 50px;
}
.radio-container label
{
  font-size: 12px;
  padding: 20px 5px;
  line-height: initial;
  width: 150px;
}
.radio-container input[type="radio"]:nth-child(1) + label {
  top: 0%;
  left: 50%;
}
.radio-container input[type="radio"]:nth-child(3) + label {
  top: 15%;
  left: 74%;
}
.radio-container input[type="radio"]:nth-child(5) + label {
  top: 32%;
  left: 75%;
}
.radio-container input[type="radio"]:nth-child(7) + label {
  top: 70%;
  left: 75%;
}
.radio-container input[type="radio"]:nth-child(9) + label {
  top: 86%;
  left: 50%;
}
.radio-container input[type="radio"]:nth-child(11) + label {
  top: 70%;
  left: 23%;
}
.radio-container input[type="radio"]:nth-child(13) + label {
  top: 32%;
  left: 23%;
}
.radio-container input[type="radio"]:nth-child(15) + label {
  top: 15%;
  left: 23%;
}

.image-option-container
{
  display: flex;
}
.image-option-container .align-image svg {
  max-width: 30px;
}
#solar-details .image-option-container .boilder-category .align-image {
  width: 50px;
  height: 50px;
  margin-bottom: 2px;
}
.step-five .image-option-container .boilder-category {
  height: 50px;
  width: 140px;
  margin-right: 5px;
}

.align-image svg
{
  max-width: 40px;
}
.rounded-edges .boilder-category-bg {
  width: 190px;
  display: block;
  padding: 10px 10px 10px;
}
.rounded-edges .boilder-category:first-child {
  border-radius: 200px 200px 12px 12px;
}
.step-two .rounded-edges .boilder-category {
  width: 51%;
  height: 110px;
  margin: 10px auto;
  /* flex-wrap: wrap; */
}
.rounded-edges .boilder-category-bg .boilder-category h5 {
  font-size: 12px;
  display: inline-table;
}
.rounded-edges .boilder-category:last-child {
  border-radius: 12px 12px 200px 200px;
  margin-right: auto;
}

.step-three.government-benefits .boilder-category h5
{
  font-size: 12px;
}
.step-three.government-benefits .boilder-category
{
  border-radius: 16px;
  width: 35%;
  height: auto;
}

#step-nine .finance .boilder-category {
  width: 80%;
  height: 75px;
  border-radius: 40px;
}
#step-nine .finance .boilder-category-bg {
  max-width: initial;
  width: 100%;
}
#step-nine .boilder-category h5
{
  font-size: 12px;
}
#step-nine .boilder-category svg.check-icon
{
  width: 40px;
}
#step-nine .boiler-form-section
{
  width: unset;
}
.describe textarea {
  border: 1px solid rgb(125, 125, 125);
  width: auto;
}

.step-six.style-of-roof .finance .boilder-category
{
  width: 100%;
}
.step-six .finance .boilder-category-bg
{
  width: 180px;
  border-radius: 60px;
}
 #step-fifteen .steps-heading h4
 {
  margin: -5px 0px 10px;
 }
 .boiler-form-section,.step-two .boiler-form-section, #step-sixteen .boiler-form-section
 {
  max-width: 275px;
  padding: 10px 5px;
 }
 .step-six .boiler-form-section
 {
  width: 90px;
 }
 .boilder-category
 {
 margin:5px;
 }
 #step-ten .boiler-form-section
 {
  max-width: 275px;
 }
 #step-ten-addition-3 .boiler-form-section {
  max-width: 300px;
  padding: 20px;
}
.step-six .boilder-category {
  width: 100%;
  height: 60px;
}
 .step-three .boiler-form-section ,.step-five .boiler-form-section, #step-eleven .boiler-form-section, #step-thirteen .boiler-form-section,
 #step-seventeen .boiler-form-section
 {
  max-width: 350px;
  margin: auto;
 }
 .step-eight .boiler-form-section, .step-nine .boiler-form-section
 {
  max-width: 300px;
 }
 .col-sm-6
 {
  width: 90%;
  margin: auto;
 }
 .step-three .boilder-category h5 {
  padding: 0px 5px;
}
.step-three .boilder-category {
  width: 29%;
  height: 85px;
}

.boilder-type-wrapper
{
  max-width: 350px;
  margin: auto;
}
 .boilder-category,.step-two .boilder-category
 {
  width: 80%;
  height: 90px;
  margin: 10px auto;
 }

 .step-four .boilder-category
 {
  height: 90px;
 }

 #step-sixteen .boilder-category
 {
  width: 44%;
  height: 115px;
 }
 /* #step-six .boilder-category
 {
  height: 130px ;
 } */
 /* #step-ten .boilder-category
 {
  height: 140px;
  width: 44.5%;
 } */
 .step-five .boiler-form-section, #step-eleven .boiler-form-section, #step-thirteen .boiler-form-section
 {
  padding: 10px;
 }
 #step-eleven .boilder-category
 {
  width: 29%;
  height: 115px;
 }
 .step-five .boilder-category
 {
  width: 80%;
  height: 100px;
 }
  #step-eleven .boilder-category
 {
  width: 80%;
  height: 70px;
 }
 .step-six.addition-1 .boilder-category, #step-twelve .boilder-category {
  width: 100%;
  height: 75px;
}
.step-six.addition-1 .boiler-form-section, #step-twelve .boiler-form-section {
  max-width: 105px !important;
  padding: 10px;
}
.step-six .boilder-category-bg
{
  padding: 10px;
}
.step-six .finance .boilder-category {
    height: 70px;
}
.step-eight label, .step-nine label
{
  font-size: 14px;
}
.step-eleven label
{
  font-size:14px;
  width: 100%;
}
.inptFld .slctFld
{
  font-size: 14px;
  height: 35px;
  /* padding: 15px;  */
}

.step-eleven .terms
{
  font-size:12px;
  margin-left: 30px;
    width: auto;
}

#step-seventeen #additional_comments
{
  height: 22px;
}
input#acceptTerms {
  transform: scale(1.3);
  top: 3px;
  position: relative;
}
.boilder-category-bg .boilder-category h5
{
  font-size: 12px;
}
 .boilder-category h5
 {
  font-size: 12px;
  padding: 0px 5px;
 }
 .step-six .finance .boilder-category h5
 {
  font-size: 12px;
 }
 .step-twelve h2
 {
  font-size: 36px;
 }
 .step-twelve h3
 {
  font-size: 16px;
 }
 .congrats-animation
 {
  padding: 45px;
 }
 .custom-model-wrap
 {
  padding: 50px 10px;
  max-width: 80%;
  margin: auto;
 }
 #solar-details .boilder-category .align-image
 {
  width: 75px;
  height: 75px;
  margin-bottom: 5px;
 }
 .align-image img
 {
  width: 35px;
 }
 .align-image .small
 {
  width: 25px;
 }
 .align-image .extra-small
 {
  width: 15px;
 }
 #solar-details
 {
  padding-bottom: 10px;
 }

 .form-flow .actions>ul>li:nth-child(1)
 {
  top: 65px;
 }

 .form-flow .actions>ul>li.destop-forward
 {
    left: 80%;
    top: 8%;
    display: flex;
    position: inherit;
    margin: 60px auto 30px;
    width: 160px;
    justify-content: center;
}
.form-flow .actions>ul>li.mobile-forward
 {
  left: 80%;
  top: 5%;
  display: block !important;
  position: absolute;
}
#step-seventeen
{
  padding: 10px;
}
#step-seventeen label.field-error, #step-ten-addition-3 label.field-error {
  bottom:10px;
}
#step-seventeen .boiler-form-section
{
  margin-top: 0px;
}
.submit-enquiry
{
  margin-top: 35px auto;
}
.submit-enquiry button
{
  font-size: 18px;
  height: 50px;
  padding: 18px 35px;
}
.previous-btn
{
  width: 75%;
}
.need-help {
  margin-top: 25px;
  margin-bottom: 20px;
}
.footer-wrapper .footer-inner-wrap .footer-claim-section h3
{
  margin-bottom: 20px;
}
.about a.apply-now.overlap-btn
{
  margin-top: -150px !important;
}

 /* ---------- Form Responsiveness for Mobile ends----------------------- */
 .eligibility-criteria .ec-content-wrapper .ec-right-content
  {
    margin-bottom: 30px;
  }
 .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes
 {
  flex-wrap: wrap;
 }
 .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box
 {
  width: 100%;
 }
 .qualifying-benefits-wrapper svg
 {
   bottom: -100px;
 }
 .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:first-child .hiw-box-content {
  background-image: url("../../assets/images/pexels-christina-morillo.png");
  opacity: 0.9999;
}
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:nth-child(2) .hiw-box-content {
  background-image: url("../../assets/images/hiw-2.png");
  opacity: 0.9999;
}
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:nth-child(3) .hiw-box-content {
  background-image: url("../../assets/images/hiw-3.png");
  opacity: 0.9999;
}
/* .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box:last-child .hiw-box-content {
  background-image: url("../../assets/images/hiw-hover.png");
  opacity: 0.9999;
} */
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content p
{
  color: white;
  margin-top: 30px;
}
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box {
 min-height: 290px;
}

.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content:before {
  content: "";
  width: 100%;
  height: 100%;
  background:  #044B87;
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  position: absolute;
  border-radius: 34px;
  z-index: -1;
}
.how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box .hiw-box-content span {
  background: #ffffff;
  color: #d10a0a;
}
.privacy-policy,
.cookies-policy,
.terms-and-conditions {
  margin-top: 0px;
}
.t-overflow-hidden.t-shadow.t-ring-1.t-ring-black.t-ring-opacity-5.md\:t-rounded-lg {
  overflow-x: auto;
}
.terms-and-conditions .heading-center
{
  padding: 0px 20px;
}
.terms-and-conditions .heading-center h2::after
{
  right: 50px;
}

.qualifying-benefits-wrapper a.apply-now {
  width:75%;
}

.inner-white-circle,.outer-circle
	 {
	    top: -12px;
	    left: 26.6%;
	    width: 65px;
	    height: 65px;
	 }
	.circle
	 {
	  width:50px;
	  height:50px;
	 }
	.arrow
	{
	 top:35%;
	 width:5px;
	 height:5px;
	 border-width:0px 3px 3px 0px;
	 }
	 .arrow1
	 {
	  left:13%;
	 }
   .arrow2
	 {
	  left:32%;
	 }
   .arrow3
	 {
	  left:48%;
	 }

	 #step-two .outer-circle
              {
                clip: rect(0px, 115px, 35px, 40px);
              }
              #step-three .outer-circle
              {
                clip: rect(0px, 125px, 50px, 40px);
              }
              #step-six .outer-circle
              {
                clip: rect(0px, 125px, 60px, 40px);
              }
              #step-five .outer-circle, #step-six .outer-circle {
                clip: rect(0px, 125px, 110px, 40px);
                transform: none;
              }
              #step-four .outer-circle, #step-four-addition .outer-circle
              {
                clip: rect(0px, 125px, 60px, 40px);
              }
              #step-seven .outer-circle, #step-eight .outer-circle, #step-nine .outer-circle
              {
                clip: rect(0px, 78px, 90px, 31px);
                transform: rotate(10deg);
              }
              #step-ten .outer-circle, #step-ten-addition-1 .outer-circle, #step-ten-addition-2 .outer-circle
              {
                clip: rect(0px, 125px, 145px, 25px);
                transform: rotate(25deg);
              }
              #step-ten-addition-3 .outer-circle
              {
                clip: rect(0px, 125px, 115px, 40px);
              }
              #step-eleven .outer-circle
              {
                clip: rect(0px, 125px, 145px, 25px);
                transform: rotate(25deg);
              }
              #step-twelve .outer-circle
              {
                clip: rect(0px, 125px, 145px, 25px);
                transform: rotate(25deg);
              }
              #step-thirteen .outer-circle, #step-thirteen-addition .outer-circle
              {
                clip: rect(0px, 125px, 145px, 15px);
                transform: rotate(45deg);
              }
              #step-sixteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 20px);
                transform: rotate(34deg);
              }
              #step-forteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 15px);
              }
              #step-fifteen .outer-circle
              {
                clip: rect(0px, 125px, 145px, 10px);
                transform: rotate(45deg);
              }
}

@media screen and (min-width: 601px) and (max-width: 766px)
{
  .eligibility-criteria .ec-content-wrapper
  {
    padding: 20px;
    flex-direction: inherit;
  }
  .eligibility-criteria .ec-content-wrapper .ec-left-content h2
  {
    text-align: left;
    font-size: 36px;
  }
  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes
  {
    justify-content: center;
  }
  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box
  {
    width: 45%;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap
  {
    margin: 25px;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content
  {
    margin-right: 0px;
  }
  .eligibility-criteria .ec-content-wrapper .ec-left-content h2, .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2
  {
    text-align: left;
  }
  .fbr-banner-wrapper
  {
    flex-direction: inherit;
  }
  .fbr-banner-wrapper .fbr-banner-left-content, .fbr-banner-wrapper .fbr-banner-right-content
  {
    width: 45%;
    align-items: center;
  }
  .fbr-banner-wrapper .fbr-banner-right-content
  {
    width: 55%;
    align-items: center;
  }
  .fbr-banner-wrapper .fbr-banner-right-content
  {
    min-height: 400px;
    padding-bottom: 0px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content
  {
    margin-top: -45px;
    background-size: 98%;
    margin-left: -20px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img
  {
    height: 200px;
    margin-left: 10px;
  }
  

}


@media (max-width: 600px) {
  .eligibility-criteria .ec-content-wrapper .ec-left-content h2 {
    margin: 0px 20px 50px;
    text-align: left;
    font-size: 40px;
    width: auto;
  }

  header .header-inner-wrap .logo a>img {
    width: 150px;
  }
  .qualifying-benefits-wrapper
  {
    background: #EDFAFF;
  }

  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content {
    max-width: 90% !important;
    background-size: contain;
    background-position: top;
    padding: 13px 15px 15px 0px;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap {
    margin: auto;
  }

  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2
  {
    /* width: 220px; */
    font-size: 28px;
    text-align: left;
    padding-top: 5px;
    text-align: center;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content
  {
    margin-right: 0px;
  }
  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content h2::after
  {
    right: 75px;
  }

  .good-news-wrapper h2:after {
    right: 60px;
  }
  .good-news-wrapper h2 {

    /* width: 220px; */
    font-size: 28px;
    text-align: left;
    margin: 40px auto;
    text-align: center;
  }

  .qualifying-benefits-wrapper .qualifying-benefits-inner-wrap .benefits-left-content ul li {
    font-size: 15px;
    line-height: 30px;
  }

  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes {
    flex-wrap: wrap;
  }

  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box {
    width: 100%;
  }

  .how-it-works .how-it-works-boxes-wrapper .how-it-works-boxes .hiw-box p {
    font-size: 16px;
  }
  .how-it-works h2 {
    margin-bottom: 40px;
    font-size: 30px;
    padding: 0px 15px;
    line-height: 40px;
  }
  .how-it-works h2:after {
    right: 15px;
}
  .heading-center h2 {
    font-size: 34px;
  }

  p {
    font-size: 12px;
  }

  .sponser-carousel h3 {
    font-size: 22px;
  }

  .faq-section h5 {
    font-size: 12px;
    padding: 0px 10px;
  }

  .faq-section .accordion-header {
    padding-right: 60px;
  }

  .footer-wrapper {
    width: 100%;
  }

  .footer-bottom-wrapper .footer-bottom-content p {
    text-align: center;
  }


  .qualifying-benefits-wrapper svg
  {
    bottom: -60px;
  }

.footer-wrapper .footer-inner-wrap .footer-claim-section h3
{
  font-size: 14px;
}

.mobile-btn
{
  display: flex !important;
  margin: 30px auto;
}

#hero .destop-btn
{
  display: none;
}
.ec-right-content .destop-btn
{
  display: none;
}
.good-news-video-wrap iframe {
  height: 200px;
}
.radio-container .check-icon
{
  width: 20px;
}

}

@media (min-width: 1440px) {

.fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img
{
 width:580px !important;
}
.boilder-category .radio, .boilder-category .checkbox {
  cursor: pointer;
}

}
@media (min-width: 1680px) {

.form-flow .actions>ul>li:nth-child(2)
{
  left: 80%;
}

}

@media screen and (min-width: 1200px) and (max-width: 1820px) {

  /* Form Responsiveness for desktop */

#step-nine .steps-heading h4
{
  padding: 0px 250px;
}
.steps-flow #step-seventeen .boiler-form-section
{
  max-width: 830px;
}
#step-three .steps-heading h4, #step-eleven .steps-heading h4
{
  margin: 5px 0px 15px;
}
/* #step-three, #step-eleven
{
  margin-top: -30px;
} */

}

@media screen and (min-width: 768px) and (max-width: 991px) {

.fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img
  {
    height: 200px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content:after{
    right: -20px;
    top: -60px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content img
  {
    height: 250px;
  }
  .fbr-banner-wrapper .fbr-banner-right-content .fbr-banner-right-inner-content:after{
    top: -35px;
  }
}

@media screen and (max-width: 430px) {

  .promo-banner {
    width: 85%;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .double-btns{
    justify-content: center;
  }
}

@media screen and (max-width: 360px) {
  #step-nine .finance .boilder-category-bg {
    width: 289px;
  }
}


.fullscreen-container {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(90, 90, 90, 0.5);
  z-index: 9999;
}

button.accept-all-btn {
  margin: 2px;
  min-height: fit-content;
  padding: 5px 20px;
  border: none;
  color: white;
  background: #91BD09;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  /*height: 30px;*/
  border-radius: 20px;
}
button.reject-all-btn {
  margin: 2px;
  min-height: fit-content;
  padding: 5px 20px;
  border: none;
  color: #91BD09;
  background: black;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  /*height: 30px;*/
  border-radius: 20px;
}

button.cancel-btn {
  padding: 5px 20px;
  border: none;
  color: #91BD09;
  background: black;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  height: 30px;
  border-radius: 5px;
}
button.cancel-btn:hover, button.reject-all-btn:hover
{
  background: #383838;
}  

#solar-details .solar-quote .boilder-category.solar-quote-wrapper{  height: 422px;
}
#solar-details .solar-quote-wrapper .solar-quote-checkboxes {
  height: 50px;
}