@font-face {
    font-family: 'Forma DJR Banner';
    src: url('../fonts/formadjr_banner-regular-testing-webfont.woff2') format('woff2'),
         url('../fonts/formadjr_banner-regular-testing-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Forma DJR Text';
    src: url('../fonts/formadjr_text-bold-testing-webfont.woff2') format('woff2'),
         url('../fonts/formadjr_text-bold-testing-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: "Forma DJR Display";
    src: url('../fonts/FormaDJRDisplay-Regular.woff2') format('woff2'),
         url('../fonts/FormaDJRDisplay-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Forma DJR Display";
    src: url('../fonts/FormaDJRDisplay-Medium.woff2') format('woff2'),
         url('../fonts/FormaDJRDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Forma DJR Text';
    src: url('../fonts/FormaDJRText-Medium.woff2') format('woff2'),
         url('../fonts/FormaDJRText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'Forma DJR Text';
    src: url('../fonts/formadjr_text-regular-testing-webfont.woff2') format('woff2'),
         url('../fonts/formadjr_text-regular-testing-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Forma DJR Deck';
    src: url('../fonts/formadjr_deck-regular-testing-webfont.woff2') format('woff2'),
         url('../fonts/formadjr_deck-regular-testing-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Forma DJR Mono';
    src: url('../fonts/FormaDJRMono-Regular.woff2') format('woff2'),
         url('../fonts/FormaDJRMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*** hide footer and header ***/
.page-template-templatestemp-form-php header#myHeader2, .page-template-templatestemp-form-v2-php header#myHeader2, .page-template-templatestemp-form-v3-php header#myHeader2 {
	display: none;
}

.page-template-templatestemp-form-php section.shopFooter_bg, .page-template-templatestemp-form-v2-php section.shopFooter_bg, .page-template-templatestemp-form-v3-php section.shopFooter_bg{
	display: none;	
}


/*** hide footer and header ***/


/*16.10.2023*/
	
.content {
    padding-top: 0;
}

.wizard-form-content{
   background-color: #fff;
}

.max-width-100{
   max-width: 100% !important
}

.wizard-form-content .preparing-quote-content,
.wizard-form-content .home-address-content,
.wizard-form-content .do-you-own-or-rent-your-home-content,
.wizard-form-content .house-built-content,
.wizard-form-content .type-of-heating-system-content,
.wizard-form-content .condition-heating-system-content,
.wizard-form-content .average-monthely-electricty-cost-content,
.wizard-form-content .experience-following-home-content,
.wizard-form-content .heating-cooling-content,
.wizard-form-content .whats-your-number-content,
.wizard-form-content .whats-your-email-content,
.wizard-form-content .thank-you-content,
.wizard-form-content .approximate-footage-content,
.wizard-form-content .welcome-content,
.wizard-form-content .otp-verify-content{
   display: none;
}


.wizard-form-content.preparing-quote .preparing-quote-content,
.wizard-form-content.home-address .home-address-content,
.wizard-form-content.do-you-own-or-rent-your-home .do-you-own-or-rent-your-home-content,
.wizard-form-content.house-built .house-built-content,
.wizard-form-content.type-of-heating-system .type-of-heating-system-content,
.wizard-form-content.condition-heating-system .condition-heating-system-content,
.wizard-form-content.average-monthely-electricty-cost .average-monthely-electricty-cost-content,
.wizard-form-content.experience-following-home .experience-following-home-content,
.wizard-form-content.heating-cooling .heating-cooling-content,
.wizard-form-content.whats-your-number .whats-your-number-content,
.wizard-form-content.whats-your-email .whats-your-email-content,
.wizard-form-content.thank-you .thank-you-content,
.wizard-form-content.otp-verify .otp-verify-content,
.wizard-form-content.welcome .welcome-content,
.wizard-form-content.approximate-footage .approximate-footage-content{
   display: block;
}

.wizard-form-content.approximate-footage .wizard-content-left .wizard-left-mid img,
.wizard-form-content.house-built .wizard-content-left .wizard-left-mid img,
.wizard-form-content.type-of-heating-system .wizard-content-left .wizard-left-mid img,
.wizard-form-content.experience-following-home .wizard-content-left .wizard-left-mid img,
.wizard-form-content.heating-cooling .wizard-content-left .wizard-left-mid img,
.wizard-form-content.do-you-own-or-rent-your-home .wizard-content-left .wizard-left-mid img
.wizard-form-content.thank-you .wizard-content-left .wizard-left-mid img,
.wizard-form-content.average-monthely-electricty-cost .wizard-content-left .wizard-left-mid img
/*do-you-own-or-rent-your-home*/
{
   max-width: 100% !important;
   display: none;
}

.wizard-form-content .wizard-content-left{
   background-color: #FDEFEB;
   padding: 50px 80px 40px 80px;
   height: 100vh;
}

.wizard-form-content{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   height: 100vh;
   overflow: hidden;
}

.wizard-form-content .wizard-content-left,
.wizard-form-content .wizard-content-right{
   width: 50%;
}

.wizard-form-content .wizard-content-right{
   height: 100%;
   overflow: hidden auto;
}

.wizard-form-content .wizard-content-left .wizard-content-width{
   max-width: 100%;
   margin: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: calc(100vh - 50px);
}

.wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-content-width{
   height: calc(100vh - 12px);
}

.wizard-form-content .wizard-content-left .top-logo{
   text-align: left;
}

.wizard-form-content .wizard-content-left .top-logo img{
   width: 180px;
}

.wizard-form-content .wizard-content-left .wizard-left-mid{
   text-align: center;
   max-width: 552px;
   margin: 0 auto;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-top: 120px;
}

.wizard-form-content .wizard-content-left .wizard-left-mid h6{
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   margin-bottom: 24px;
   font-family: "Forma DJR Text" !important;

}

.wizard-form-content .wizard-content-left .wizard-left-mid p{
   color: #111;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
   margin: 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   text-overflow: ellipsis;
   max-width: 552px;
   font-family: "Forma DJR Text" !important;
}

.wizard-form-content .wizard-content-left .wizard-left-mid span{
   color: #111;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   margin-top: 25px;
   display: block;
   font-family: "Forma DJR Text" !important;
}

.wizard-form-content .wizard-content-left .wizard-left-mid img{
   max-width: 80%;   
   margin: 0 auto;
   max-height: 390px;
   margin-top: 60px;
   display: none;
}

.wizard-form-content.thank-you.supportedLocation .wizard-content-left{
   overflow: hidden;
}

.wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img{
   max-width: 390px;
   margin: 0 auto;
   max-height: max-content;
   margin-top: 60px;
   display: none;
}

.wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid{
   justify-content: center;
}
#heading {
   text-transform: uppercase;
   color: #673AB7;
   font-weight: normal
}

.form-content{
   padding:0 90px;
}

.wizard-content-right{
   position: relative;
}

.wizard-content-right .progress {
   height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   border-radius: 0;
}

.wizard-form-content .wizard-content-right .exit-btn-box{
   text-align: right;
   margin: 57px 52px 14% 0;
}

.wizard-form-content .wizard-content-right .exit-btn-box .takes-minute{
    background-color: #fdefeb;
    color: #ff5900;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 14px 24px;
    border-radius: 35px;
    float: left;
    margin: 0 0 30px 25px;
    display: none;
    font-family: "Forma DJR Text" !important;
}

.wizard-form-content.welcome .wizard-content-right .exit-btn-box .takes-minute{
   display: block;
}

.wizard-content-right .exit-btn{
   color: #111;
   text-align: center;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   box-shadow: none;
   outline: none;
   font-family: "Forma DJR Text" !important;
}

.wizard-content-right .form-content{
   max-width: 100%;

   max-height: calc(63% - 100px);
   height: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;

}

.wizard-content-right .form-content h3{
   color: #111;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 40px;
   margin: 0;
   padding: 0 0 40px 0;
   max-width: 450px;
   font-family: "Forma DJR Text" !important;
}

.wizard-content-right .progress-bar-striped{
   background-image: none !important;
}

.wizard-content-right .progress-bar-animated {
    animation: none !important;
}

.wizard-content-right .progress-bar{
   background: #FF5900;
   /*background: var(--Gradient, linear-gradient(271deg, #FDAB2B 0.73%, #FF5900 99.27%));*/
}

#msform .form-control::placeholder {
   color: rgba(17, 17, 17, 0.35);
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
}

#msform .form-control::-ms-input-placeholder {
   color: rgba(17, 17, 17, 0.35);
   font-size: 22px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
}


#msform {
   text-align: center;
   position: relative;
   margin: 0;
}

#msform fieldset {
   background: transparent;
   border: 0 none;
   border-radius: 0.5rem;
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding-bottom: 20px;
   position: relative;
   text-align:left;
}
.form-card {
   text-align: left
}

#msform fieldset:not(:first-of-type) {
   display: none
}

 #msform label{
	margin: 24px 0 10px 0;
   color: #111;
   font-family: "Forma DJR Mono";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
}

#msform .check-box-list li label {
   margin: 0 !important;
   font-family: "Forma DJR Mono";
}

#msform .whats-your-number .custom-control-label{
   margin: 0 0 0px 18px !important;
}


#msform .form-control{
	padding: 12px 15px 12px 0;
	border-bottom: 2px solid #F0EEFC;
	border-width: 0 0 2px 0;
	border-radius: 0px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	color: rgba(17, 17, 17, 0.35) !important;
	background-color: #fff !important;
	font-size: 22px;
	letter-spacing: 1px;
	max-width: 450px;
	height: 40px;
}


#msform .form-control.input-active{
   border-color: #FF5900;
}


#msform textarea {
   padding: 8px 15px 12px 0;
   border-bottom: 2px solid #F0EEFC;
   border-radius: 0px;
   margin-bottom: 25px;
   margin-top: 2px;
   width: 100%;
   box-sizing: border-box;
   color: #2C3E50;
   background-color: #ECEFF1;
   font-size: 16px;
   letter-spacing: 1px
}


#msform .action-button.next, #msform .action-button.submit {
   width: 115px;
   height: 50px;
   color: #fff;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   background: #FF5900;
   padding: 10px 5px;
   margin: 40px 0px 10px 0;
   border: 1px solid #FF5900;
   border-radius: 6px;
   font-family: "Forma DJR Text" !important;
}

#msform .action-button.next:hover,
#msform .action-button.next:focus {
   background-color: transparent;
   color:#FF5900;
}

#msform .card {
   z-index: 0;
   border: none;
   position: relative
}
#msform .fs-title {
   font-size: 25px;
   color: #673AB7;
   margin-bottom: 15px;
   font-weight: normal;
   text-align: left
}
#msform .purple-text {
   color: #673AB7;
   font-weight: normal
}

#msform #progressbar {
   margin-bottom: 30px;
   overflow: hidden;
   color: lightgrey
}
#msform #progressbar .active {
   color: #673AB7
}

#msform #progressbar li {
   list-style-type: none;
   font-size: 15px;
   width: 25%;
   float: left;
   position: relative;
   font-weight: 400
}
#msform #progressbar #account:before {
   font-family: FontAwesome;
   content: "\f13e"
}
#msform #progressbar #personal:before {
   font-family: FontAwesome;
   content: "\f007"
}
#msform #progressbar #payment:before {
   font-family: FontAwesome;
   content: "\f030"
}

#msform #progressbar #confirm:before {
   font-family: FontAwesome;
   content: "\f00c"
}
#msform #progressbar li:before {
   width: 50px;
   height: 50px;
   line-height: 45px;
   display: block;
   font-size: 20px;
   color: #ffffff;
   background: lightgray;
   border-radius: 50%;
   margin: 0 auto 10px auto;
   padding: 2px;
}
#msform #progressbar li:after {
   content: '';
   width: 100%;
   height: 2px;
   background: lightgray;
   position: absolute;
   left: 0;
   top: 25px;
   z-index: -1;
}
#msform #progressbar li.active:before,
#msform #progressbar li.active:after {
   background: #673AB7;
}

#msform .progress-bar {
	background-color: #673AB7
}
#msform .fit-image {
   width: 100%;
   object-fit: cover
}

#msform .checkbox-container {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#msform .checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


#msform .checkbox-container .checkmark {
   min-height: 50px;
	max-width: 270px;
	background-color: #fff;
	padding: 0 0px 0px 50px;
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
   color:#FF5900;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   border-radius: 6px;
   border: 1px solid #FF5900;
}

#msform .checkbox-container .checkmark:hover,
#msform .checkbox-container .checkmark:focus{
	background-color: #FDEFEB;
}

#msform .checkbox-container .checkmark span{
	color: #FF5900;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	height: 30px;
	width: 30px;
	display: inline-block;
	border: 1px solid #FF5900;
	background-color: #fff;
	padding: 4px 0;
	margin-right: 10px;
	position: absolute;
	left: 10px;
}

#msform .checkbox-container .checkmark:hover span,
#msform .checkbox-container .checkmark:focus span{
	background-color:#FDEFEB;
}



#msform .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


#msform .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}


#msform .checkbox-container .checkmark:after {
	right: 20px;
	/*top: 13px;*/
   top: calc(50% - 12px);
	width: 9px;
	height: 19px;
	border: solid #FF5900;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#msform .check-box-list li{
	margin-bottom: 10px;
   max-width: 270px;
}

#msform .check-box-list li:last-child{
	margin-bottom: 0;
}

.wizard-form-content .form-card.whats-your-number h3,
.wizard-form-content .form-card.whats-your-email h3{
	max-width: 465px;
	padding: 0;
	line-height: 60px;
   font-family: "Forma DJR Text" !important;
}

.wizard-form-content .form-card.whats-your-number p,
.wizard-form-content .form-card.whats-your-email p,
.wizard-form-content .form-card.otp-verify p,
.wizard-form-content .form-card.welcome p{
	color: #111;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; 
	margin-bottom: 40px;
	max-width: 450px;
   font-family: "Forma DJR Text" !important;
}

/*.wizard-form-content.thank-you .wizard-content-right .form-content{
   max-width: 100%;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   position: absolute;
   bottom: 0;
}*/

.wizard-form-content #msform .thank-you{
   padding-bottom: 0;
}

.wizard-form-content .form-card.thank-you p{
	color: #111;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; 
   margin: 0 0 40px 0;
   text-align: left;
   max-width: 510px;
   font-family: "Forma DJR Text" !important;
}

/*.wizard-form-content .form-card.thank-you{
	padding-top: 165px;
}*/

.wizard-form-content .form-card .custom-checkbox{
	margin-top: 30px !important;
}

.wizard-form-content .form-card .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
   border-radius: 4px;
   border: 1px solid #FF5900;
   background: #FFF;
}

.wizard-form-content .form-card .custom-checkbox .custom-control-label::before{
	width: 30px;
	height: 30px;
}

.wizard-form-content .form-card .custom-checkbox .custom-control-label::after{
	width: 30px;
	height: 30px;
   filter: invert(1);
}

.wizard-form-content .form-card .custom-checkbox .custom-control-label{
	margin-left: 16px;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 36px !important;
}

.wizard-form-content .form-card .custom-checkbox .custom-control-label a{
   color: #111;
   border-bottom:none;
}

.wizard-form-content .goto-box{
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   right: 52px;
   bottom: 52px;
   z-index: 999;
}

#msform .goto-box .action-button.next,
.wizard-form-content .goto-box .action-button-previous {
   height: 40px !important;
   width: 40px !important;
   margin: 0;
   color: initial;
   text-align: center;
   font-size: initial;
   font-style: normal;
   font-weight: initial;
   line-height: initial;
   border-radius: 4px !important;
   background: #F1D972;
   padding: 0;
   margin: 2px;
   border: none;
}

.wizard-form-content .goto-box .action-button-previous img{
   width: 40px;
}

.wizard-form-content .form-card .alert-msg{
   background-color: #ffcfcf;
   padding: 12px 10px;
   margin-top: 10px;
   display: inline-block;
   color: #BD0000;
   font-size: 11px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0.1px;
   height: 40px;

}
.wizard-form-content .form-card .alert-msg img{
   width: 16px;
   vertical-align: top;
   margin-right: 6px;
}

.wizard-form-content .thank-you .form-card ul,
.wizard-form-content .thank-you.form-card ul{
   text-align: left;
}

.wizard-form-content .thank-you .form-card ul li,
.wizard-form-content .thank-you.form-card ul li{
   display: inline-block;
   vertical-align: top;
}

.wizard-form-content .thank-you .form-card ul li.app-store-box,
.wizard-form-content .thank-you.form-card ul li.app-store-box{
   text-align: left;
   padding: 18px 9px 0 9px;
}

.wizard-form-content .thank-you .form-card ul li .form-qr-img,
.wizard-form-content .other-address-email ul li .form-qr-img,
.wizard-form-content .thank-you.form-card ul li .form-qr-img{
   max-width: 110px;
}

.wizard-form-content .thank-you .form-card ul li .google-play-store,
.wizard-form-content .thank-you.form-card ul li .google-play-store{
   max-width: 110px;
   margin-bottom: 14px;
}

.wizard-form-content .thank-you .form-card ul li .app-store-img,
.wizard-form-content .thank-you.form-card ul li .app-store-img{
   max-width: 95px;
}

.wizard-form-content .thank-you .form-card ul li .form-wizard-mobile-img,
.wizard-form-content .thank-you.form-card ul li .form-wizard-mobile-img{
   max-width: 200px;
}

/*.wizard-form-content.thank-you .thank-you-content p{
   font-size: 55px;
   line-height: 64px;
   font-weight: 700;
   color: #fff;
}*/

.wizard-form-content .otp-verify p.otpCode{
   color: #111;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 16px;
   letter-spacing: 0.1px;
   margin-top: 30px;
}

.wizard-form-content .otp-verify p.otpCode a{
   font-weight: 700;
   color: #111 !important;
}

.wizard-form-content.do-you-own-or-rent-your-home .wizard-content-right .form-content h3{
   max-width: 320px;
}

.wizard-form-content.home-address .form-card.thank-you p{
   max-width: 450px;
}



.wizard-form-content.welcome .wizard-content-left .wizard-left-mid{
   max-width: 100%;
}

.wizard-form-content.welcome .wizard-content-left .wizard-left-mid img{
   max-height: initial;
   min-width: calc(110% - 30px);
   margin-left: -20px;
   margin-top: 0 !important;
   display: none;
}

.wizard-form-content.welcome .wizard-content-left{
   overflow: hidden;
}



@media(max-width:1600px){

   .wizard-form-content .wizard-content-left .wizard-left-mid img {
      max-width: 65%;
   }

   .wizard-form-content .wizard-content-left .wizard-left-mid{
      padding-top: 36px;
   }

   .wizard-form-content .wizard-content-right .exit-btn-box {
      margin: 54px 52px 10% 0;
   }


	.wizard-content-right .form-content h3{
		font-size: 26px;
		line-height: 30px;
		padding: 0 0 25px 0;
	}

   .wizard-form-content .form-card.whats-your-number p, 
   .wizard-form-content .form-card.whats-your-email p, 
   .wizard-form-content .form-card.otp-verify p, 
   .wizard-form-content .form-card.welcome p{
      font-size: 20px;
   }

/*	.wizard-form-content .form-card.thank-you {
	    padding-top: 148px;
	}*/

	.wizard-form-content .form-card.thank-you p{
		font-size: 24px;
		line-height: 32px;
	}

	.wizard-form-content .form-card.whats-your-number p, 
   .wizard-form-content .form-card.whats-your-email p,
   .wizard-form-content .form-card.otp-verify p  {
	    font-size: 20px;
	    font-weight: 400;
	    line-height: 28px;
	    max-width: 380px;
	}

   .wizard-form-content.thank-you .wizard-content-right .form-content{
       padding: 0 25px 0 90px;
   }

/*   .wizard-form-content .thank-you .form-card ul li .form-wizard-mobile-img,
   .wizard-form-content .thank-you.form-card ul li .form-wizard-mobile-img {
       max-width: 225px;
   }*/


   .wizard-form-content .form-card .custom-checkbox .custom-control-label{
      line-height: 20px !important;
/*      padding-top: 8px;*/
   }

  
}

@media(max-width:1200px){
   .wizard-form-content .wizard-content-right .exit-btn-box {
       margin: 54px 15px 15% 0;
   }
	.wizard-form-content .wizard-content-left{
		padding: 50px 20px 80px 20px;
	}

	.wizard-form-content .wizard-content-right .form-content {
      padding: 0 30px !important;
	}

	.wizard-form-content .wizard-content-left .wizard-left-mid p,
	.wizard-form-content .form-card.thank-you p{
	    font-size: 20px;
	    line-height: 28px;
	}


   .wizard-form-content .wizard-content-left .wizard-left-mid img {
       max-height: 260px;
   }


   .wizard-form-content.thank-you .thank-you-content p {
       font-size: 42px !important;
       line-height: 50px !important;
   }
   .wizard-form-content .thank-you .form-card ul {
       text-align: center;
   }

   .wizard-form-content .thank-you .form-card ul li,
   .wizard-form-content .thank-you.form-card ul li{
       margin-top: 15px;
   }

   .wizard-form-content .thank-you .form-card ul li .form-qr-img,
   .wizard-form-content .thank-you.form-card ul li .form-qr-img {
       max-width: 90px;
   }

   .wizard-form-content .thank-you .form-card ul li .google-play-store,
   .wizard-form-content .thank-you.form-card ul li .google-play-store {
      max-width: 95px;
   }

   .wizard-form-content .thank-you .form-card ul li .app-store-img,
   .wizard-form-content .thank-you.form-card ul li .app-store-img {
       max-width: 85px;
   }

   
   .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid {
      justify-content: center;
   }

   .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img{
      max-width: 330px;
   }
}



   
   @media(max-width:991px){
	   .wizard-form-content .wizard-content-left .top-logo {
		    margin-bottom: 60px;
      }

		.wizard-form-content .wizard-content-right .exit-btn-box {
		    margin: 57px 15px 105px 0;
		}   

      .wizard-form-content .wizard-content-left .wizard-left-mid{
         padding-top: 0;
      }



		.wizard-form-content .form-card.whats-your-number h3, 
		.wizard-form-content .form-card.whats-your-email h3{
			line-height: 32px;
			font-size: 24px;
		}

		.wizard-form-content .form-card.whats-your-number p, 
		.wizard-form-content .form-card.whats-your-email p{

		}

		.wizard-form-content .form-card .custom-checkbox .custom-control-label::before {
		    width: 20px;
		    height: 20px;
		}

		.wizard-form-content .form-card .custom-checkbox .custom-control-label::after {
		    width: 20px;
		    height: 20px;
		}

		.wizard-form-content .form-card .custom-checkbox .custom-control-label {
		    margin-left: 6px;
		    line-height: 22px !important;
		}

		.wizard-form-content .form-card.thank-you {
		    padding-top: 0;
		}

      #msform .form-control::placeholder {
         font-size: 18px;
         line-height: 22px;
         font-family: "Forma DJR Text" !important;
      }

      #msform .form-control::-ms-input-placeholder {
         font-size: 18px;
         line-height: 22px;
         font-family: "Forma DJR Text" !important;
      }

      .wizard-form-content.thank-you .thank-you-content p{
         font-size: 32px !important;
         line-height: 36px !important;
         font-family: "Forma DJR Text" !important;
      }

      .wizard-form-content .form-card .custom-checkbox .custom-control-label {
         padding-top: 0;
      }

       .wizard-form-content.thank-you .wizard-content-right .form-content{
         height: 100%;
         position: initial;
      }

      .wizard-form-content.thank-you .wizard-content-right .exit-btn-box {
          margin: 40px 15px 24px 0;
      }

      .wizard-content-right .form-content h3{
         font-size: 22px;
         line-height: 26px;
      }

/*      .wizard-form-content .wizard-content-left .wizard-content-width{
         justify-content: flex-start;
         height: 100%;
      }
*/
   }


@media all and (orientation:landscape) {
      .wizard-form-content{
         min-height: 100%;
         overflow: auto;
      }
      .wizard-form-content .wizard-content-left {
         padding: 10px 20px 0 20px;
         min-height: 100%;
         height: auto;
      }
      .wizard-form-content .wizard-content-left .top-logo {
          margin-bottom: 25px;
      }

      .wizard-form-content .wizard-content-left .top-logo img {
          width: 140px;
      }

      .wizard-form-content .wizard-content-left .wizard-left-mid h6{
         margin-bottom: 8px;
      }

      
      .wizard-content-right .form-content h3{
         padding: 0 0 25px 0;
      }

   }
   

   @media(max-width:767px){


      .wizard-form-content,
      .wizard-form-content .wizard-content-right{
         overflow: initial;  
      }
      .wizard-form-content .wizard-content-left .top-logo img{
         width: 150px;
      }

      .wizard-form-content .wizard-content-left, 
      .wizard-form-content .wizard-content-right {
         width: 100%;
      }
      .wizard-content-right .form-content h3{
         max-width: 100%;
      }
      .wizard-form-content{
         flex-direction: column;
         justify-content: flex-start;
      }

      .wizard-form-content .wizard-content-left .wizard-content-width{
         margin: 0;
         max-width: 100%;
         height: auto;
      }

      .wizard-form-content .wizard-content-left {
         padding: 20px;
         height: auto;
      }


      .wizard-content-right .form-content{
         max-width: 100%;
         max-height: auto;
         height: auto;
         display: block;
      }

      .wizard-form-content .wizard-content-right .exit-btn-box {
         margin: 45px 0 0 0;
      }



      .wizard-form-content .wizard-content-left .top-logo {
         margin-bottom: 0;
      }

      .wizard-form-content .wizard-content-left .wizard-left-mid{
         padding-top: 30px;
         text-align: center;
      }


      .wizard-form-content .wizard-content-left .wizard-left-mid p {
         font-size: 18px;
         line-height: 26px;
      }

      .wizard-form-content .wizard-content-left .wizard-left-mid h6{
         margin-bottom: 15px;
      }

      .wizard-form-content .wizard-content-left .wizard-left-mid img {
         max-width: 230px;
         margin:30px auto 0 auto;
         max-height: 178px;
      }

      #msform .action-button{
         margin: 30px 0px 10px 0;
      }

      .wizard-form-content .wizard-content-left {
          min-height: auto;
          height: auto;
      }

      #msform{
         width: 100%;
      }

   

      .wizard-form-content .form-card.thank-you {
          padding-top: 0;
      }

      .wizard-form-content .thank-you .form-card ul li .form-qr-img ,
      .wizard-form-content .thank-you.form-card ul li .form-qr-img {
          max-width: 130px;
      }

      .wizard-form-content .thank-you .form-card ul li .google-play-store,
      .wizard-form-content .thank-you.form-card ul li .google-play-store{
          max-width: 110px;
      }

      .wizard-form-content .thank-you .form-card ul li .app-store-img,
      .wizard-form-content .thank-you.form-card ul li .app-store-img{
          max-width: 100px;
      }


      .wizard-form-content .wizard-content-left .wizard-left-mid span{
         margin-top: 10px;
      }

      .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid {
          justify-content: flex-start;
      }

      .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
          max-width: 298px;
      }


      .wizard-form-content.thank-you.supportedLocation .wizard-content-left{
         overflow: initial;
      }


      .wizard-form-content.welcome .wizard-content-left {
          overflow: initial;
      }

      .wizard-form-content.welcome .wizard-content-left .wizard-left-mid img {
         min-width: auto;
         margin-left: 0;
         height: auto;
         max-width: 70% !important;
      }

      .wizard-form-content.welcome .form-card.welcome p{
         margin-bottom: 0;
      }
/*
      .wizard-form-content{
         min-height: 100%;
         overflow: auto;
      }
      .wizard-form-content .wizard-content-left {
         padding: 10px 20px 15px 20px;
         min-height: auto;
         height: auto;
      }
      .wizard-form-content .wizard-content-left .top-logo {
          margin-bottom: 25px;
      }

      .wizard-form-content .wizard-content-left .top-logo img {
          width: 140px;
      }

      .wizard-form-content .wizard-content-left .wizard-left-mid h6{
         margin-bottom: 8px;
      }

      
      .wizard-content-right .form-content h3{
         font-size: 22px;
         line-height: 26px;
         padding: 0 0 25px 0;
      }*/
      .wizard-form-content #msform .thank-you {
         padding-bottom: 30px !important;
      }

      .wizard-content-right .exit-btn{
         display: none;
      }
   }



   @media(max-width:576px){
   		#msform .action-button{
   			width: 100%;
   		}

         .wizard-form-content .goto-box {
             right: 15px;
             bottom: 10px;
         }

         .wizard-content-right .form-content h3 {
          font-size: 20px;
          line-height: 26px;
          padding: 0 0 15px 0;
         }

         .wizard-form-content.thank-you .thank-you-content p{
            font-size: 28px !important;
            line-height: 36px !important;
         }

         .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
             max-width: 320px;
         }


   }	

   @media(max-width:420px){
         .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
             max-width: 270px;
         }      
   }



/*16.10.2023*/


/*20.10.2023*/
.wizard-form-content .range-silder input[type="range"]{
   background-image: linear-gradient(to right, rgb(21, 4, 158) 18%, rgb(241, 217, 114) 0px);
   max-width: 450px;
   height: 15px;
   border-radius: 8px;
}

.wizard-form-content .range-silder p{
   color: #15049E;
   font-size: 30px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}


.wizard-form-content .range-silder input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none !important;
   width: 20px;
   height:20px;
   background: #fff;
   border: 6px solid #15049E;
   border-radius: 50%;
   cursor: pointer;
}


.wizard-form-content .range-silder input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  /*background: transparent;*/
}

.wizard-form-content .range-silder #electricityCostSliderToolTip{
   width: 93px;
   height: 38.971px;
   background: url(../img/drag-here-bg-img.png)no-repeat;
   position: relative;
   margin: 0 0 0 -45px;
   padding: 7px 0 0 0;

   color: #15049E;
   text-align: center;
   font-size: 11px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0.1px;
   display: block;
   background-size: cover;
}

@media(max-width:992px){

   .wizard-form-content .range-silder #electricityCostSliderToolTip{
      width: 80px;
      height: 33px;
   }

   .wizard-form-content .range-silder input[type="range"]{
      max-width: 100%;
   }

}
/*20.10.2023*/

/*01.11.2023*/

   .success-msg{
      padding-top: 10px;
      color: green;
   }
   
/*01.11.2023*/


.getstarted-form-3 .home-address-content{
   display: block !important;
}

.getstarted-form-3 .wizard-left-mid .home-address-content  img {
   min-width: 0 !important;
}