.header_nav > div > nav > ul > li > a:focus,
.header_nav > div > nav > ul > li > a:hover,
.header_nav > div > nav > ul > li > a.highlighted,
.header_nav > div > nav > ul > li:hover > a
{
	color: #6C757D !important;
}

.header_nav > div > nav > ul > li > ul a:hover,
.dev_mega_menu a:hover,
.dev_mega_menu a:hover span,
.upper_menu > div > nav > ul > li > a:hover{
	color: #202020 !important;
}

/* a[role="button"].elementor-button-link:hover, */
.pop_up_contact_form .submit_btn:hover input,
a[role="button"]#pop_up_another_form:hover,
.btn-primary:hover,
.our_summery_detail button:hover,
a.desk_part:hover,
.meet_shine_right_wrap a:hover,
.panel_active .select_button button.btn:hover{
	background-color:  #5DD2D3 !important;
}
.pop_up_contact_form.active_form .submit_btn:hover input[type="submit"] {
    transform: scale(1.11);
}
.main_transform{
	background-image: url("../../uploads/2021/06/Group-1022.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	font-family: Inter;
	color: #202020;
	line-height: 100%;
	box-sizing: border-box;
}

.main_transform figure{
	margin: 0;
}

.main_transform p{
	margin-bottom: 0;
	font-weight: 300;
font-size: 16px;
line-height: 160%;

color: #202020;
}


.main_transform_wrapper{
	padding-top: 34px;
}

.main_transform_wrapper > div > div,
.go_back{
	max-width: 1320px;
	margin: 0 auto;
}
.main_transform_wrapper .what_happend_wrap {
    max-width: unset;
}
.go_back a{
	font-size: 14px;
	text-align: center;
	color: #202020;
}

.transform_heading h2,
.our_summary h2,
.what_happend_wrap h2,
.have_que_wrap h2{
	font-weight: bold;
	font-size: 38px;
	line-height: 130%;
	text-align: center;
	letter-spacing: -0.02em;
}

.transform_feature_wrapper,
.each_curve_wrap,
.watch_video,
/* .join_solar_wrap, */
.bef_aft,
.bef_aft > div,
.meet_shine_wrap,
.shine_contact_details ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.transform_feature{
	margin: 58px 0 41px;
}

.each_feature{
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.05);
	border-radius: 40px;
	max-width: 345px;
	width: 100%;
	padding: 26px 44.5px 20px;
}

.each_feature_wrap p{
	font-weight: bold;
	font-size: 16px;
}

.each_feature_wrap h3{
	font-weight: bold;
	font-size: 56px;
	letter-spacing: -0.02em;
	margin: 38px 0 36px;
}

.each_feature_second{
	margin-left: 24px;
}

.each_feature_second h3,
.aft p{
	background-image: url("../../uploads/2021/05/Highlight.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.bar_value {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 10px;
}

.bar_value > div{
	display: flex;
	align-items: center;
}

.bar_value p{
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
	margin-left: 5px;
}

.our_summary h2{
	margin: 0;
	margin-bottom: 23px;
}

.our_summery_detail{
	max-width: 1050px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.05);
	border-radius: 34px;
	height: 200px;
	overflow: hidden;
}

.our_summery_detail_wrap,
.our_sum_left_wrap,
.img_detail,
.sum_top_details,
.curve_sec_wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	justify-content: center;
}

.our_summery_detail_wrap{
	justify-content: space-between;
}
.sum_details h4{
	font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #202020;
    margin-bottom: 4px;
    margin-top: 0px;
}

.sum_details ul{
	padding-left: 25px;
}

.our_sum_left{
 	height: 100%;
	flex: 0 0 calc(100% - 326px);
}

.our_sum_right {
    height: 100%;
	flex: 0 0 326px;
	background-color: #F0FDFE;
	align-items: center;
    flex-direction: column;
    display: flex;
}

.sum_details p,
.sum_details ul li{
	font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 160%;
    color: #202020;
    margin-bottom: 0px;
}

.sum_top_details{
	text-align: left;
}

.sum_top_details p{
	font-size: 18px;
	line-height: 160%;
	max-width: 122px;
}

.sum_top_details h3{
	font-weight: bold;
	font-size: 42px;
	line-height: 100%;
	letter-spacing: -0.02em;
	margin-left: 39px;
}

.our_sum_right_wrap button{
	background-color: #6BF0F2 !important;
	border-radius: 32px;
	font-weight: bold;
	font-size: 16px;
	color: #202020 !important;
	line-height: 100%;
	letter-spacing: -0.02em;
	outline: none;
	border: 1px solid #6BF0F2;
	max-width: 244px;
	height: 52px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.our_sum_right_wrap button:focus{
	outline:none !important;
}
.our_sum_right_wrap {
    width: 100%;
	text-align: center;
}

.big_plus {
	margin-left: 41.45px;
	margin-right: 43.16px;
}

.our_sum_left_wrap .img_detail:first-child figure{
	margin-right: 25px;
}

.our_sum_left_wrap .img_detail:last-child figure{
	margin-right: 16px;
}

.main_transform .product_description {
/*     padding-top: 55px; */
    display: flex;
    flex-wrap: wrap;
/* 	justify-content: center; */
    position: relative;
	
	box-sizing: border-box;
	max-width: 1050px;
	margin: 0 auto;
	margin-top: 13px;
	padding: 44px 55px 37px 53px;
	align-items:flex-start;
	text-align: left;
}
.product_description  h2 {
font-weight: bold;
width: 100%;
font-size: 28px;
line-height: 150%;
letter-spacing: -0.02em;
color: #202020;
margin-bottom: 15px;
}

.main_transform .col-45 {
    width: 45%;
    flex: 0 0 45%;
}

.main_transform .col-55 {
    width: 55%;
    flex: 0 0 55%;
}

.main_transform .col-30 {
    width: 30%;
    flex: 0 0 30%;
}

.main_transform .col-70 {
    width: 70%;
    flex: 0 0 70%;
}

.main_transform .col-45-wrap {
    padding-bottom: 0px;
    padding-right: 30px;
}

.main_transform .col-45-wrap > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding-top:24px;
}

.main_transform .col-45-wrap > div + div{
    border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 23px;
	margin-top: 23px
}

.main_transform .col-45-wrap > div .col-70-wrap {
    padding-left: 20px;
}

.main_transform .col-45-wrap > div .col-70-wrap h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: -0.02em;
	margin: 0;
}

.main_transform .col-45-wrap > div .col-70-wrap > p{
	font-size: 12px;
	line-height: 160%;
	margin: 12px 0px;
}

.main_transform .flexing,
.main_transform .product_details,
.main_transform .download{
	display: flex;
	align-items: center;
}

.main_transform .flexing p{
	font-size: 12px;
	line-height: 140%;
	margin-left: 8px;
}

.main_transform .col-55-wrap {
    max-width: 490px;
    margin-left: auto;
    background-color: rgba(32,32,32,0.02);
    border-radius: 16px;
	padding: 32px 18.5px 35px 37px;
}

.main_transform .product_des{
	font-size: 14px;
	line-height: 150%;
}
span.bigtext {
    font-size: 24px;
}
.main_transform .product_details > p{
	margin-left: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
}

.main_transform .product_details > p span{
	font-weight: 600;
}

.main_transform .product_details-wrap{
	margin: 21px 0 29px;
}

.main_transform .product_details-wrap > div + div{
	padding-top: 13px;
}

.main_transform .download a{
	font-weight: bold;
	font-size: 14px;
	line-height: 100%;
	text-decoration-line: underline;
	color: #202020;
	display: inline-block;
	margin-left: 8px;
}

.book_call{
	max-width: 1050px;
	margin: 26px auto 63px;
}

.book_call_wrapper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

.book_call_wrapper p{
	font-weight: 300;
	font-size: 18px;
	line-height: 160%;
}

.book_call_wrapper a{
	padding: 24px 32px;
	background-color: #FFFFFF;
	border: 2px solid #6BF0F2;
	border-radius: 32px;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #202020 !important;
	display: inline-block;
	margin-left: 24px;
}

/* need help css start */

	.need_help_top{
		background: #FFFFFF;
		box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.08);
		border-radius: 32px 0px 0px 32px;
		padding: 16px 24px 16px 16px;
		display: flex;
		align-items: center;
		max-width: 178px;
		cursor: pointer;
		position: fixed;
		z-index: 999999;
		right: -1px;
		top: 50%;
		transform: translateY(-50%);
	}

	.need_help_top > p{
    	font-family: "Inter", Sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: -0.02em;
		color: #202020;
		margin-bottom: 0;
		margin-left: 10px;
		margin-right: 8px;
	}

	.what_sign,
	.down_arrow{
		display: flex;
	}

	.need_help_bottom{
		display: none;
		background: #FFFFFF;
		box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.08);
		border-radius: 32px;
		max-width: 264px;
		padding: 27.6px 22px 25px;
		position: fixed;
		z-index: 999999;
		right: 143px;
		top: calc( 50% + 95px);
		transform: translateY(calc(-50% + 95px));
	}

	.need_dec {
	    display: flex;
	}

	.need_dec p{
		margin-left: 19px;
    	font-family: "Inter", Sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 140%;
		color: #202020;
		margin-bottom: 0;
	}

	.need_help_bottom a{
		display: block;
	}

	.learn_more_btn{
    	font-family: "Inter", Sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		color: #202020 !important;
		text-align: center;
		margin: 15.5px 0 24.5px;
	}

	.switch_btn{
		background: #FFFFFF;
		border: 1px solid #202020;
		box-sizing: border-box;
		border-radius: 32px;
		padding: 19px 15px;
    	font-family: "Inter", Sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: -0.02em;
		color: #202020 !important;
	}

/* 	.page-template-transform div[data-elementor-type="footer"]{
		z-index: 9999999;
		position: relative;
	} */
#pop_up_form .elementor-button{
	cursor: pointer;
}

	/* need help css finish */

.each_curve{
	background: #FFFFFF;
	box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.05);
	height: 321px;
	width: 321px;
	border-radius: 50%;
}

.each_curve_wrap{
	height: 100%;
	flex-direction: column;
	padding: 0 47.7px;
}

.each_curve_wrap h3{
	font-weight: bold;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: -0.02em;
	margin: 0;
	margin-bottom: 20px;
}

.each_curve_wrap p{
	font-weight: 300;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
}

.curve_sec_wrap .each_curve:nth-child(2){
	margin: 0 97px;
}

.curve_sec{

	height: 610px;
	margin-top: 56px;
	background-image: url("../../uploads/2021/06/Vector-1-1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.watch_video{
	margin-bottom: 158px;
}

.watch_video a,
.watch_video p{
	font-size: 16px;
}

.watch_video a{
	font-weight: bold;
	line-height: 100%;
	color: #202020;
}

.watch_video p{
	font-weight: 300;
	line-height: 140%;
	color: #000000;
	margin-left: 16px;
}

.partners{
	margin-bottom: -72px;
    z-index: 9;
    position: relative;
}

.partners_wrapper{
	padding: 45px 50px;
	background: #FFFFFF;
	box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.04);
	border-radius: 40px;
}

.partners_wrapper ul{
	list-style: none;
	padding-left: 0;
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.partners_wrapper img{
	max-width: 93px;
	height: auto;
	object-fit: contain;
}

.partners_wrapper ul li:nth-child(1) img{
	max-width: 81px;
}

.partners_wrapper ul li:nth-child(2) img{
	max-width: 102px;
}

.partners_wrapper ul li:nth-child(3) img{
	max-width: 68px;
}

.join_solar{
	background-image: url("../../uploads/2021/06/Background-Light-Teal.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 186px 0 153px;
	background: #F8F8FD;
}

.join_solar_wrap{
	max-width: 100% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.join_each_slider .join_each_slider_wrap{
/* 	max-width: 332px; */
	background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
border-radius: 16px;
	overflow: hidden;
	padding-bottom: 33px;
}

.join_slider .slick-track > div + div{
	margin-left: 29px;
}

/* .join_slider {
    display: flex;
} */

.slider_title{
	background: #E1FCFC;
	border-radius: 10px;
	padding: 8px 24px;
	max-width: 176px;
    margin: 0 auto;
    margin-top: -21px;
    position: relative;
}

.slider_title h4{
	margin: 0;
	font-weight: bold;
	font-size: 22px;
	line-height: 120%;
	text-align: center;
	letter-spacing: -0.02em;
}

.slider_title span{
	display: block;
	    padding-bottom: 7px;
    margin-top: 8px;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #202020;
}

/* .join_each_slider_wrap figure{
	max-width: 332px;
	height: auto;
} */

.join_each_slider_wrap img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.join_solar_left_wrap h2,
.meet_shine_right_wrap h2{
	font-weight: bold;
	font-size: 56px;
	line-height: 130%;
	letter-spacing: -0.02em;
	margin: 0;
}

.join_solar_left_wrap p,
.meet_shine_right_wrap p{
	font-weight: 300;
	font-size: 18px;
	line-height: 160%;
	margin: 24px 0 32px;
}
.join_solar_left_wrap a,
.meet_shine_right_wrap a,
.slider_link > a{
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #202020 !important;
	padding: 24px 32px;
	background-color: #6BF0F2 !important;
	border-radius: 32px;
	display: inline-block;
}

.bef_aft span{
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
}

.bef_aft p{
	font-weight: bold;
	font-size: 30px;
	line-height: 120%;
	letter-spacing: -0.02em;
	margin-top: 8.6px;
}
.power_bill {
	min-height: 58px;
}
.power_bill p{
	font-family: Inter;
	font-style: italic;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #202020;
	max-width: 231px;
	display: inline-block;
	margin:15px auto auto;
}

.bef_aft{
	margin: 13px 0 23px;
}

.bef_aft > div{
	flex-direction: column;
	flex: 0 0 50%;
}

.meet_shine_wrap > div{
	flex: 0 0 50%;
}
.bef_aft > div + div{
	border-left: 1px solid rgba(0,0,0,0.1);
}

.aft p{
	background-size: cover;
}

.meet_shine_team{
	padding: 81px 0 109px;
}
.meet_shine_team.newprocess {
	position: relative;
}
.meet_shine_team.newprocess:before {
	content:'' ;
	width: 100%;
	height: 270px; 
 display: block; 
	background-image: url('images/summary/patternsvideo.png');
    background-repeat: no-repeat;
    background-size: contain;
	    background-position: bottom right;
    position: absolute;
    bottom: 6%;
    right: -20%;
}
.meet_shine_left{
	padding-right: 50px;
	/* background-image: url(/wp-content/uploads/2021/06/Vector-3.png); */
    background-repeat: no-repeat;
    background-size: contain;
}
.meet_shine_right{
	padding-left: 0px;
}

.second_partners{
	margin-bottom: 96px;
}
.second_partners .partners_wrapper ul li:nth-child(1) img{
	max-width: 120px;
}
.second_partners .partners_wrapper ul li:nth-child(2) img{
	max-width: 116px;
}
.second_partners .partners_wrapper ul li:nth-child(3) img,.second_partners .partners_wrapper ul li:nth-child(4) img,.second_partners .partners_wrapper ul li:nth-child(5) img{
	max-width: 134px;
}

.accordion{
	margin: 45px auto 114px;
	max-width: 960px;
	
}

.accordion h4{
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	margin-left: 24px;
}

.accordion__tab__headline{
	cursor: pointer;
}

.accordion__tab__headline,
.accordion__tab__headline span{
    display: flex;
    align-items: center;
}

.accordion__tab__content p{
	font-weight: 300;
	font-size: 16px;
	line-height: 140%;
}

.accordion__tab__content p + p{
	margin-top: 20px;
}

.accordion__tab__content {
	display: none;
    padding-left: 50px;
	padding-top: 30px;
	padding-bottom: 19px;
}

.accordion__tab.active .accordion__tab__content{
	display: block;
}

.accordion__tab{
	background: #FFFFFF;
	box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.04);
	border-radius: 24px;
	padding: 31px 74px 32px 40px;
}

.accordion__tabs{
	list-style: none;
	padding-left: 0;
}

.accordion__tab.active .accordion__tab__headline .minus_sign{
	display: block;
}

.accordion__tab.active .accordion__tab__headline .pluse_sign,
.accordion__tab .accordion__tab__headline .minus_sign{
	display: none;
}

.accordion__tabs li + li{
	margin-top: 23px;
}

.shine_contact_wrap{
	background: #FFFFFF;
	box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.04);
	border-radius: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 0 51px;
}

.shine_contact_details{
	margin-top: 53px;
}

.shine_contact_details ul{
	list-style: none;
	padding-left: 0;
}

.shine_contact_details ul li + li{
	margin-left: 80px;
}

.shine_contact_details ul li a{
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	color: #202020;
	display: flex;
	align-items: center;
}

.shine_contact_details ul li a svg{
	margin-right: 17px;
}

.shine_contact{
	margin-bottom: -70px;
	position: relative;
	z-index: 999999999;
}

.slick-arrow{
	position: absolute;
	bottom: -71px;
	cursor: pointer;
	z-index: 999;
}

.prevArrow {
	left: 51%;
}

.nextArrow {
	left: 56%;
}

/*---------summary page css edited 05-07-21 ----------*/
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) {
    flex: 1 1 20%;
    max-width: 20%;
}
.our_summary.custom_summary_panel_battery .our_sum_left {
    padding: 56px 0px 50px 62px;
}

/*-----css for battery+panel single list-----*/
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap {
    justify-content: space-between;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:first-child {
     flex:0 0 40%;
	max-width:40%;
	justify-content:flex-start;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:nth-child(2) {
    flex: 0 0 10%;
    max-width: 10%;
    margin: 0;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:last-child {
    flex-wrap: nowrap;
    padding-right: 20px;
	flex:0 0 50%;
	max-width:50%;
}

.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:first-child figure img ,
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:last-child figure img {
	
	height: 89px;
}
/*-----css for battery and panel single list-----*/

.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left {
     padding: 47px 0px 50px 49px;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) {
    align-items: center;
    justify-content: flex-start;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) {
    flex: 1 1 50%;
    max-width: 50%;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) 

{
    padding-left: 20px;
    padding-right: 10px;
    justify-content: space-between;
    align-items: center;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) figure ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) figure {
    flex: 1 1 30%;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details {
    flex: 1 1 70%;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) {
    flex: 1 1 30%;
    max-width: 30%;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details h4 ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details h4 
{
	font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #202020;
    margin-bottom: 4px;
    margin-top: 0px;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell {
    display: flex;
    justify-content: flex-start;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li.elementor-icon-list-item ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li.elementor-icon-list-item {
    padding-bottom: 16px;
    display: flex;
    justify-content: flex-start;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li.elementor-icon-list-item span.elementor-icon-list-icon ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li.elementor-icon-list-item span.elementor-icon-list-icon {
    display: none;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul span.elementor-icon-list-text ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul span.elementor-icon-list-text 

 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: rgba(32, 32, 32, 0.57);
    padding-left: 30px;
    position: relative;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li span.elementor-icon-list-text::before ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) .wrap-panell ul li span.elementor-icon-list-text::before 

 {
    background: url(https://staging.shinehub.com.au/wp-content/uploads/2021/05/Vector-1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
/*---------csss ofr description----*/
.main_transform .product_description {padding:20px 55px 49px 0px;}
.main_transform .product_description {
    align-items: flex-start;
}
.main_transform .product_description .col-45 .col-45-wrap {
    padding-left: 0;
    padding: 0;
}
.main_transform .product_description .col-55 {
    padding-left: 60px;
   
}
.main_transform .product_description .col-55 .col-55-wrap {
	padding:0px 0px 35px;
}
.main_transform .product_description .col-55 .col-55-wrap .product_des {
    padding: 32px 37px 21px 37px;
}
.main_transform .product_description .col-55 .col-55-wrap .product_des p {
    margin: 0;
    padding: 0;
	font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #202020;
	font-weight: 300;
}
.main_transform .product_description .col-55 .col-55-wrap .product_details-wrap {
    padding: 0 19px 16px 56px;
	margin:0px;
}

.product_description.show_product .product_details-wrap .product_details {
    align-items: flex-start;
	padding-bottom:13px;
}
.main_transform .download {
   padding-left: 40px;
   padding-top:16px;
}

.main_transform .product_description .col-45 .col-45-wrap .col-30 .product_image img {
	width: 77px;
    height: auto;
}

.main_transform .product_description .col-45 .col-45-wrap .col-70 .col-70-wrap h3 {
    margin-bottom: 0px;
    font-family: "Inter", Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #202020;
    padding-bottom: 1px;
	text-align: left;
	display: inline-block;
	border-bottom:1px solid #202020;
}


/*---------summary page css ends 05-07-21 ----------*/

	@media(min-width:  768px){
		
		.see_product_details,
		.mob_show{
			display: none;
		}
		
	}

@media(min-width: 1024px){
	body .elementor .elementor-element.header_nav .our_story .sub-menu li a {
    font-size: 16px !important;
    line-height: 100%;
    font-weight: 400 !important;
}
	.header_nav .our_story .sub-menu a {
		font-weight: 400 !important;
	}
	.header_nav .our_story .sub-menu{
		    padding: 20px 115px 20px 58px !important;
	}
	.upper_part>p{
		white-space: nowrap;
	}
	.get_upfront{
		cursor: pointer;
	}
	.join_solar_left{
			width: 364px;
			padding: 0 50px;
		}

		.join_solar_wrap .slick-list{
			  padding:0 22% 0 0;
			}

		.join_solar_right{
			width: calc(100% - 364px);
			padding-left: 0px;
		}
	
	.mobile_part{
		display: none !important;
	}
}

/* @media only screen and (max-width: 1024px) and (min-width: 767px) {
	
	.menu_col > div,
	.header_nav > div > nav > ul{
		flex-wrap: nowrap !important;
	}
	
	.menu_col{
		width: 82% !important;
	}
	
	.logo_col{
		width: 18% !important;
	}
	
	.header_nav > div > nav > ul > li{
		margin-right: 0 !important;
	}
	
	.menu_design_btn a{
		font-size: 16px !important;
		line-height: 16px !important;
		padding: 15px 18px !important;
    	margin-left: 15px !important;
	}
}  */

	@media(max-width:  1024px){
		.show_first_menu{
			display: block !important;
		}
		.custom_quote_form form .form-group input[type=email], .custom_quote_form form .form-group input[type=tel],  .custom_quote_form form .form-group input[type=text], span.wpcf7-form-control.wpcf7-radio{
			    -webkit-appearance: none;
    		-webkit-box-shadow: inset 1px 1px 4px rgb(0 0 0 / 10%);
		}
		.header_nav .elementor-menu-toggle,button,a, a:visited { 
			outline: none!important;
		}
		a:hover,
		a:active,
		a:focus,
		.header_nav .elementor-menu-toggle:hover,
		.header_nav .elementor-menu-toggle:active,
		.header_nav .elementor-menu-toggle:focus{
		  background-color: transparent !important;  
		}
		.pop_up_contact_form fieldset .down_wrapper{
			padding: 0 20px;
		}
		*{
			cursor: unset !important;
		}

		.main_transform_wrapper{
			padding: 37px 0;
		}
		
		/* .main_transform_wrapper > div { */
			/* margin-left: 30px !important; */
			/* margin-right: 30px !important; */
		/* } */
		.main_transform_wrapper > div {
			margin-left: 24px !important;
			margin-right: 24px !important;
		}
/* 		.main_transform_wrapper > div > div,
		.transform_heading,
		.transform_dec {
			margin: 0 30px;
		} */
		.our_summery_detail,
		.curve_sec{
			height: auto;
		}
		.desk_part{
			display: none !important;
		}
		
	}

@media(min-width:  1366px){
	.join_solar{
		padding-left: 13%;
	}
}


@media(min-width:  1440px){
	.join_solar {
		padding-left: 13%;
	}
}

@media(min-width:  1680px){
	.join_solar {
		padding-left: 20%;
	}
}

@media(min-width:  1920px){
	.join_solar {
		padding-left: 25%;
	}
}

	@media(max-width:  1024px){
		
		.header_nav nav[aria-hidden="false"]{
			height: 100vh !important;
		}
		.header_nav .elementor-menu-toggle i{
			display: none;
		}
		
/* 		.header_nav .elementor-menu-toggle{
			height: 44px;
			width: 44px;
		} */
		.header_nav .elementor-menu-toggle{
			background-image: url(../../uploads/2021/06/Group-121.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			height: 22px;
			width: 30px;
			border-radius: 0;
		}
		
		.header_nav  .elementor-menu-toggle.elementor-active{
			background-image: url(../../uploads/2021/06/image-26-1.png);
		}
		.need_help,
		.desk_show,
		.go_back,
		.our_summary h2,
		.hide_detail,
		.book_call,
		.main_transform .transform_dec{
			display: none;
		}
		
		.main_transform_wrapper > .have_que{
			background: linear-gradient(145.15deg, rgba(240, 235, 245, 0.3) 13.79%, rgba(251, 251, 254, 0.3) 89.68%);
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		
		.have_que > div{
			padding-top: 37px;
			margin-left: 30px !important;
			margin-right: 30px !important;
		}
		
		.what_happend_wrap h2{
			font-size: 25px;
			line-height: 140%;
			margin: 0;
		}
		
		.accordion__tab{
			padding: 24px;
		}
		
		.accordion h4{
			font-size: 16px;
			line-height: 130%;
		}
		
		.accordion__tab__content {
    		padding-left: 0;
		}
		
		.accordion__tab__content p{
			font-size: 14px;
			line-height: 140%;
		}
		
		.accordion__tabs li + li {
			margin-top: 16px;
		}
		
		.have_que_learn a{
			background: #FFFFFF;
			border: 1px solid #202020;
			border-radius: 32px;
			display: inline-block;
			padding: 24px 32px;
			font-weight: bold;
			font-size: 18px;
			line-height: 100%;
			letter-spacing: -0.02em;
			color: #202020;
		}
		
		.each_curve_wrap{
			padding: 0 26px;
		}
		
		.curve_sec{
			margin-top: 0;
			padding: 48px 0 54px;
			background-image: url(../../uploads/2021/06/Vector-2-1.png);
		}
	
		.curve_sec_wrap{
			flex-direction: column;
		}
		.curve_sec_wrap .each_curve:nth-child(1){
			order: 3;
		}
		
		.curve_sec_wrap .each_curve:nth-child(2) {
			margin: 0;
			order: 1;
		}
		
		.curve_sec_wrap .each_curve:nth-child(3){
			order: 2;
			margin: 60px 0 57px;
		}
		
		.each_curve_wrap h3{
			font-size: 18px;
			line-height: 130%;
			margin-bottom: 8px;
		}
		
		.each_curve_wrap p{
			font-size: 12px;
		}
		
		.each_curve {
			height: 220px;
			width: 220px;
		}
		
		.watch_video{
			margin: 45px 0 26px;
		}
		
		.watch_video p{
			margin-left: 0;
			margin-top: 12px;
		}
		.join_solar_wrap{
			display: block;
		}
		
		.what_happend{
			padding-top: 81px;
		}
		
		.partners_wrapper{
			padding: 32.5px 22.5px;
		}
		.second_partners .partners_wrapper ul li:nth-child(1) img {
			max-width: 69px;
		}
		.second_partners .partners_wrapper ul li:nth-child(2) img {
			max-width: 67px;
		}
		
		.second_partners .partners_wrapper ul li:nth-child(3) img, .second_partners .partners_wrapper ul li:nth-child(4) 		img, .second_partners .partners_wrapper ul li:nth-child(5) img {
			max-width: 78px;
		}
		
		.second_partners .partners_wrapper ul li:nth-child(4){
			order: 5;
		}
		
		.second_partners .partners_wrapper ul li:nth-child(5){
			order: 4;
		}
		.partners_wrapper ul{
			justify-content: space-around;
		}
		
		.have_que_learn {
			text-align: center;
		}
		
		.accordion{
			margin: 29px auto 37px;
		}
		
		.accordion__tab__headline svg{
			height: 16px;
			width: 16px;
		}
		
		.partners_wrapper ul li + li + li + li{
			margin-top: 20px;
		}
		
		.accordion__tab__headline {
			align-items: flex-start !important;
		}
		
		.second_partners {
			margin-bottom: 45px;
		}
		
		.join_solar{
			background-image: none;
			padding: 0;
		}
		
		.join_solar_left_wrap h2{
			font-size: 28px;
			line-height: 120%;
			text-align: center;
		}
		
		.transform_heading h2{
			font-size: 30px;
			text-align: left;
		}
		
		.transform_feature {
			margin: 28px 0 32px;
		}
		
		.join_solar_right {
			margin-top: 30px;
		}
		
		.join_slider .slick-track > div + div {
			margin-left: 0;
		}
		
		.slider_title{
			max-width: 126px;
			padding: 5px 17px;
			margin-top: -13px;
		}
		.slider_title h4{
			font-size: 15.7888px;
		}
		
		.bef_aft span{
			font-size: 12px;
		}
		
		.bef_aft p{
			margin-top: 5px;
			font-size: 28px;
		}
		
		.join_slider .slick-dots button{
			display: none;
		}
		
		.join_slider .slick-dots{
			list-style: none;
			padding-left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 24px 0 48px;
		}
		
		.join_slider .slick-dots li{
			height: 8px;
			width: 8px;
			border: 2px solid #000000;
			border-radius: 50%;
			overflow: hidden;
			
		}
		.join_slider .slick-dots li.slick-active{
			background-color: #000000;
		}
		
		.join_slider .slick-dots li + li{
			margin-left: 8px;
		}
		
		.slider_link{
			text-align: center;
		}
		
		
		.power_bill p{
			font-size: 11px;
		}
		
		.meet_shine_left {
    		padding-right: 0px;
			background-image: none;
		}
		
		.meet_shine_right {
			padding-left: 0px;
		}
		
		.meet_shine_team {
			padding: 111px 0 50px;
		}

		.each_feature{
			padding: 25px 29px 24px 31px;
		}
		
		.meet_shine_right_wrap h2{
			font-size: 28px;
			margin-top: 25px;
			line-height: 150%;
		}
		
		.meet_shine_right_wrap p{
			font-size: 16px;
			line-height: 150%;
			margin: 28px 0 38px;
		}
		
		.have_que_wrap h2{
			font-size: 28px;
			line-height: 150%;
		}
		
		.each_feature_wrap h3{
			font-size: 44px;
			margin: 23px 0 18px;
		}
		
		.each_feature_second {
			margin-left: 0;
			margin-top: 18px;
		}
		
		.our_sum_left,
		.our_sum_right,
		.our_sum_left_wrap > div,
		.main_transform .col-45,
		.main_transform .col-55,
		.meet_shine_wrap > div{
			flex: 0 0 100%;
			width: 100%;
		}
		.our_sum_left_wrap{
			padding: 37.5px 0 35px;
		}
		
		.big_plus{
			margin: 26px 0 25px;
			text-align: center;
		}
		.sum_details ul {
			padding-left: 0;
			list-style: none;
		}
		.sum_top_details p {
			font-size: 16px;
			max-width: 100%;
		}
		.sum_top_details h3 {
			font-size: 22px;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.sum_top_details{
			margin-bottom: 29px;
		}
		
		.our_sum_right_wrap{
			padding: 29px 0 40px;
		}
		
		.our_summary{
			position: relative;
		}
		
		.see_product_details{
			background: #FFFFFF;
			border: 1px solid #E6E6E6;
			border-radius: 32px;
			max-width: 220px;
			height: 46px;
			margin: 0 auto;
			position: absolute;
			bottom: -23px;
			left: 0;
			right: 0;
		}
		
		.see_product_details_wrap p{
			font-weight: 600;
			font-size: 14px;
			line-height: 100%;
			letter-spacing: -0.02em;
			margin-right: 8px;
		}
		
		.see_product_details_wrap{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
		}
		
		.main_transform .product_description{
			margin-top: 30px;
			padding: 32px 24px
		}
		
		.main_transform .col-45-wrap{
			padding-right: 0;
		}
		
		.main_transform .col-45-wrap > div .col-70-wrap h3{
			font-size: 12px;
		}
		
		.main_transform .col-30 {
			width: 23%;
			flex: 0 0 23%;
		}
		
		.main_transform .col-70 {
			width: 77%;
			flex: 0 0 77%;
		}
		
		.main_transform .col-45-wrap > div .col-70-wrap > p{
			margin: 8px 0;
		}
		
		.main_transform .col-45-wrap > div .col-70-wrap > p,
		.main_transform .flexing p{
			font-size: 10px;
		}
		
		.main_transform .col-45-wrap > div {
			border-top: none !important;
			padding-top: 0 !important;
			margin-bottom: 32px;
			margin-top: 0;
		}
		.main_transform .product_des{
			font-size: 12px;
		}
		
		.main_transform .product_details-wrap{
			padding: 0 !important;
			margin: 0 0 25px;
		}
		
		.main_transform .product_details > p {
			font-size: 12px;
			line-height: 140%;
		}
		
		.main_transform .product_details .svg_wrapper svg{
			width: 8.39px;
				height: 5.5px;
		}
		
		.main_transform .product_details-wrap > div {
			padding-top: 8px !important;
			margin-bottom: 1em;
		}
		
		.main_transform .download a{
			text-decoration-line: none;
		}
		
		.main_transform .flex_display{
			display: flex;
		}
		
		.arrow_btm svg{
			    transform: rotate(180deg);
		}
		
	}

/* June 22 */
.lets__discover{
	background: #F3FDFE;
	padding: 80px 0;
	margin-bottom: 40px;
}

.lets__discover h2{
	text-align: center;
	margin-bottom: 40px;
}
.popup_title{
	line-height: 1;
}
.multi_steps .popup_title h3, .upper_part > p, .pop_up_contact_form .submit_btn input[type="submit"]{
	transition: all 0.3s;
}
/* .multi_steps:hover .popup_title h3{
	color: #6BF0F2;
}
.multi_steps:hover .upper_part > p{
	opacity: 1;
} */
.pop_up_contact_form .submit_btn input[type="submit"]:hover{
	transform: scale(1.11);
	cursor: pointer;
}
/* .rangeslider__handle__value{
	display: block !important;
} */

.rangeslider__handle__value{
	display: block !important;
}

.pop_up_contact_form .submit_btn.attr_select:hover:before,
.pop_up_contact_form .submit_btn.attr_select:hover:after{
	display: none !important;
}

.pop_up_contact_form .submit_btn input[disabled="disabled"].brown_bg{
	background-color: #EEEEEE !important;

}

/* .pop_up_contact_form .submit_btn input[disabled="disabled"]{
		cursor: no-drop !important;
} */

span.overlay_span {
    position: absolute;
/*     background-color: red; */
    width: 100%;
    height: 66px;
    z-index: 99999;
    cursor: pointer;
}

.next_text{
	margin-right: 0 !important;
}

/* .fieldset.multi_steps.steps1 .show_slider_range .rangeslider__handle__value{
	display: block;
} */

/* popup css start*/

.pop_up_quote .dialog-widget-content{
	border-radius: 40px !important;

}

.pop_up_quote .dialog-message.dialog-lightbox-message{
	  -ms-overflow-style: none !important;  
		scrollbar-width: none !important;
}

.pop_up_quote .dialog-message.dialog-lightbox-message::-webkit-scrollbar {
  display: none !important;
}
.pop_up_quote .wrap_quote_form #quote-btn{
	padding: 24px 77.5px;
}

.popup {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
	z-index: 999;
}

.popup_form {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlayer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
}

.popup_wrapper input{
	color: #202020;
}

.popup_wrapper select{
	font-family: "Inter", Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    background: rgba(32, 32, 32, 0.02);
    box-shadow: inset 1px 1px 4px rgb(0 0 0 / 10%);
    border-radius: 8px;
    border: none;
    padding: 17px 16px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../uploads/2021/05/Vector-1.png);
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-position: 96% 50%;
    cursor: pointer;
	height: auto;
	color: #202020;
}

.popup_wrapper .form-control:focus{
	color: #202020;
    background-color: rgba(32, 32, 32, 0.02);
    border-color: transparent;
    outline: 0;
	box-shadow: inset 1px 1px 4px rgb(0 0 0 / 10%);
}

.popup_wrapper > .custom_quote_form{
	overflow: unset !important;
}

.popup_wrapper{
	position: relative;
    z-index: 10;
	background: #FFFFFF;
	box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.04);
	border-radius: 40px;
    max-width: 597px;
    width: 100%;
    height: 95%;
    max-height: 635px;
	 padding: 30px 61px 40px 57px;
	 overflow-y: hidden;
	  -ms-overflow-style: none;  
  		scrollbar-width: none;
}
/* 
@media(min-width: 1640px){
	.popup_wrapper{
			 overflow-y: hidden;
	}
} */


.popup_wrapper::-webkit-scrollbar {
  display: none;
}

.close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.popup_wrapper span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    align-items: center;
    text-align: center;
    background: #FFFFFF;
    box-shadow: inset 1px 1px 4px rgb(0 0 0 / 10%);
    border-radius: 12px;
    overflow: hidden;
    justify-content: space-between;
}

.popup_wrapper h2{
    font-family: "Inter", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.2px;
	color: #202020;
	margin-bottom: 0;
}
.popup_wrapper .wrapper > p{
  	font-family: "Inter", Sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 170%;
	color: #202020;
	max-width: 405px;
	margin-bottom: 18px;
}

.popup_wrapper .label_wrap > p{
	font-family: "Inter", Sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #EC1D4D;
	margin-bottom: 0;
	display: none;
	text-align: left;
}

.popup_wrapper .fill_field .label_wrap > p{
	display: flex;
}

.popup_wrapper .custom_quote_form form .form-group input[type=email], .popup_wrapper .custom_quote_form form .form-group input[type=tel], .popup_wrapper .custom_quote_form form .form-group input[type=text],.popup_wrapper span.wpcf7-form-control.wpcf7-radio{
	border: 2px solid transparent;
}

.popup_wrapper input.is-invalid,.popup_wrapper .fill_field span.wpcf7-form-control.wpcf7-radio{
	border: 2px solid #CC0033 !important;
}

.popup_wrapper span[data-shcrole="field-error"]{
	display: none !important;
}

.popup_wrapper .fill_field > .label_wrap > label{
	color: #EC1D4D !important;
}


.popup_wrapper .label_wrap > p svg {
    margin-left: 6px;
}

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

.popup_wrapper .custom_quote_form form .form-group label.form-label{
	padding-bottom: 8px !important;
	margin-bottom: 0 !important;
}

.popup_wrapper .custom_quote_form form .form-group {
    padding-bottom: 14px;
	margin-bottom: 0 !important;
}

.popup_wrapper .form-actions{
	margin-top: 7px;
}

.popup_wrapper .top-yenoh {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.custom_quote_form form .form-group input[type=email], .custom_quote_form form .form-group input[type=tel], .custom_quote_form form .form-group input[type=text]{
	height:auto;
}

.popup_wrapper .wpcf7-list-item {
    margin: 0;
	width: 100%;
}

.popup_wrapper .wpcf7-list-item label {
    margin-bottom: 0;
/*     padding: 20px 22px; */
    display: block;
    cursor: pointer;
}

.popup_wrapper span.wpcf7-list-item-label{
padding: 20px 19px !important;
    display: inline-block;
	font-family: "Inter", Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #202020;
	width: 100%;
}

.popup_wrapper input[type="radio"] {
    display: none;
}

.custom_quote_form form input[type="radio"]:checked ~ span.wpcf7-list-item-label {
/*     padding: 20px 22px; */
	    background: #202020;
	color: #fff;
}

.shc-already-have span.wpcf7-form-control.wpcf7-radio {
    justify-content: flex-start !important;
}

.shc-already-have label{
	padding-bottom: 0 !important;
	    width: 100%;
}

.custom_quote_form .wpcf7-radio label input,
#pop_up_another_form{
	cursor: pointer;
}

.custom_quote_form form .form-group.shc-already-have .cnt-slet-item span.wpcf7-form-control > span {
    width: 80px !important;
    flex: 0 0 80px !important;
	position: relative;
}

.shc-already-have span.wpcf7-form-control-wrap.system {
    display: inline-block;
}

.popup_wrapper .custom_quote_form .form-actions button{
	background-color: #6BF0F2 !important;
	border-radius: 32px;
	max-width: 242px;
	text-align: center;
	outline: none !important;
	padding: 24px 0;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #202020 !important;
	border: none;
	width: 100% !important;
}

.popup_wrapper .btn.btn-primary:hover, .popup_wrapper .btn.btn-primary:active, .popup_wrapper .btn.btn-primary:focus {
    transform: scale(1.1);
    transition: all .3s;
	background-color: #5DD2D3 !important;
}

@media (max-width: 1024px){
.popup_wrapper .down_wrapper {
    padding: 0;
}
}

@media (max-width: 767px){
	.popup_wrapper .fill_field .label_wrap > p{
		text-align: right;
	}
	.pop_up_quote .dialog-widget-content{
	border-radius: 24px !important;

}
	.popup_wrapper h2 {
		font-size: 24px;
		line-height: 120%;
		margin-bottom: 10px;
	}
	.pop_up_quote .wrap_quote_form #quote-btn{
    width: 100% !important;
}
	.popup_wrapper {
    	margin: -50px 20px 0;
		padding: 35px 32px;
		border-radius: 24px;
		max-height: 675px;
		overflow-y: hidden;
	}
	.close {
		top: 20px;
		right: 24px;
	}
	.custom_quote_form form .form-group label{
		font-size: 12px;
	}
	
	.custom_quote_form form .form-group input[type=email], .custom_quote_form form .form-group input[type=tel], .custom_quote_form form .form-group input[type=text],
	.custom_quote_form form .wpcf7-list-item-label,
	.popup_wrapper .wrapper > p{
		font-size: 14px !important;
	}
	
	.popup_wrapper .wrapper > p{
		max-width: 100%;
		line-height: 160%; 
	}
	
	.custom_quote_form span.wpcf7-list-item-label{
		padding: 20px 9px !important;
    	width: 100%;
	}
	
	.popup_wrapper .custom_quote_form .form-actions button{
		max-width: 100%;
		width: 100% !important;
	}
	.custom_quote_form form .form-group {
    padding-bottom: 21px !important;
}

/*----summary page custommedia query--------*/
.our_sum_left_wrap {
	padding:0px;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) ,
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3),
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(1) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(3) 
{
    display: none;
}
.our_summary .our_summery_detail .our_summery_detail_wrap .our_sum_left {
    padding: 23px 24px 31px 24px;
}
.our_summary.custom_summary_panel_battery .our_summery_detail .our_summery_detail_wrap .our_sum_left
{
padding:23px 30px 23px 30px;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) ,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 100%;
    width: 100%;
    max-width:100%;
}
.our_summary.custom_summary_panel .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details,
.our_summary.custom_summary_battery .our_summery_detail_wrap .our_sum_left_wrap>*:nth-child(2) .sum_details
{
    flex: 1 1 70%;
    padding-left: 38px;
}

.our_summery_detail .our_sum_right .our_sum_right_wrap {
    padding: 28px 24px 29px 25px;
}
.see_product_details {
    padding: 15px 7px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -24px;
    max-width: 166px;
    width: 100%;
    justify-content: center;
}
.see_product_details_wrap p {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #202020;
    margin-bottom: 0px;
}
.see_detail_arow {
    position: relative;
    display: flex;
}
.main_transform .product_description {
   padding: 32px 24px 32px 24px;
}
.main_transform .product_description .col-45 .col-45-wrap .col-30
{
	width:20%;
	flex:0 0 20%;
}
.main_transform .product_description .col-45 .col-45-wrap .col-70
{
	width:80%;
	flex:0 0 80%;
}
.main_transform .product_description .col-55 {
    padding-left: 60px;
    flex: 1 1 100%;
    width: 100%;
    padding-left: 0px;
}
.main_transform .product_description .col-55 .col-55-wrap .product_des
{
	padding:0px 0px 8px;
}
.main_transform .product_description .col-55 .col-55-wrap
{
	min-width: 90vw;
	margin-left: -1.8em;
	padding: 2em;
	background-color: ;
}
.main_transform .download {
    padding-left: 0;
    padding-top: 16px;
}
/*-----css for battery+panel combined css---*/
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:first-child {
  flex-wrap: nowrap;
    padding-right: 0px;
    flex: 0 0 100%;
    max-width: 320px;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:nth-child(2) {
  flex: 0 0 100%;
    max-width: 320px;
    justify-content: flex-start;
    align-items: center;
    margin: 15px auto;
    display: flex;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap .big_plus:before {content: "";width: 110px;height: 37px;}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:last-child {
  flex-wrap: nowrap;
    padding-right: 0px;
    flex: 0 0 100%;
    max-width: 320px;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap .sum_details h4 {
    padding-bottom: 8px;
    font-size:20px;
}
span.bigtext{font-size: 20px;}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap .sum_details {
    text-align: left;
    width: calc(100% - 90px);
}

.page-template-page-online-transform .see_product_details {
    left: 0;
    transform: unset;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap .sum_details p, .our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap .sum_details ul li {
  
    font-size: 13px;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:first-child figure img, .our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:last-child figure img {
    height:89px;
	
}

.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap>*:nth-child(2) svg {
    width: 33px;
    height: 37px;
}

.our_sum_left_wrap .img_detail:last-child figure,.our_sum_left_wrap .img_detail:first-child figure {
    margin-right: 0px;
    width:90px;
}
.our_summary.custom_summary_panel_battery .our_sum_left .our_sum_left_wrap {
    align-items: flex-start;
}

}

/* popup css finish */
@media(min-width: 768px){
	
	.popup_title{
		padding-top: 5px;
	}
}
/* css/2021-22-6 */
.recommend {
    padding: 0px 0px 50px !important;
}
.recommend .herobanner-title h2{
	font-weight:700;
	font-size: 38px;
}
.lets__discover{
	background-color:transparent;
	background-repeat:no-repeat;
	padding:25px 0 !important;
	
}
.power_meter.pop_up_contact_form .wpcf7-list-item label {
    margin-bottom: 0 !important;
}
.go-back a img{
	margin-right:8px;
}

/* 2021-june-30 */

.popup_title h3, .next_text,
.upper_part>p,
.submit_btn input,
.mob_btns button, .mob_btns p{
	font-family: "Inter", Sans-serif !important;
}

#elementor-popup-modal-7512 .dialog-message{
	align-items: flex-start !important;
}

/* other_header css */

.page-template-page-online-order-system-selector .header_steps ul li:nth-child(2) span,
.page-template-page-online-transform .header_steps ul li:nth-child(2) span,
.page-template-page-online-transform .header_steps ul li:nth-child(3) span,
.page-template-page-online-order-book-time .header_steps ul li:nth-child(2) span,
.page-template-page-online-order-book-time .header_steps ul li:nth-child(3) span,
.page-template-page-online-order-book-time .header_steps ul li:nth-child(4) span{
	display: none;
}

.page-template-page-solar-product .header_steps ul li:nth-child(2),
.page-template-page-online-order-system-selector .header_steps ul li:nth-child(3),
.page-template-page-online-transform .header_steps ul li:nth-child(4),
.page-template-page-online-order-book-time .header_steps ul li:last-child{
	background-color: #6BF0F2;
}


.page-template-page-online-order-system-selector .header_steps ul li:nth-child(2),
.page-template-page-online-transform .header_steps ul li:nth-child(2),
.page-template-page-online-transform .header_steps ul li:nth-child(3),
.page-template-page-online-order-book-time .header_steps ul li:nth-child(2),
.page-template-page-online-order-book-time .header_steps ul li:nth-child(3),
.page-template-page-online-order-book-time .header_steps ul li:nth-child(4){
	background-color: #6BF0F2;
	background-image: url(../../uploads/2021/07/Number-Circle.png);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center;
}
.header_steps ul:before {
    position: absolute;
    content: "";
    height: 5px;
    background-color: #6BF0F2;
    top: 0;
    bottom: 0;
    width: 0;
    margin: auto;
    left: 0;
	z-index: 9;
/*     right: 0; */
}
.page-template-page-solar-product .header_steps ul:before {
	 width: 25%;
}

.page-template-page-online-order-system-selector .header_steps ul:before {
	 width: 50%;
}

.page-template-transform .header_steps ul:before {
	 width: 75%;
}

.page-template-page-online-order-book-time .header_steps ul:before {
	 width: 100%;
}

/* other_header css */

svg.prevArrow.slick-arrow.slick-disabled {
    display: none!important;
}
span.seps {
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
   
    color: #000;
}

@media(min-width:768px){
.event-slot.text-success.mb-3 {
    font-family: Inter;
    font-style: normal;
    font-size: 26px;
}
}
.map-marker-address::after {
    position: absolute;
    top: calc( 50% );
    right: 36px;
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    z-index: 1;
    color: #6BF0F2;
    font-size: 16px;
    line-height: 18px;
}

.col-md-12.mb-2.form-group.map-marker-address {
    position: relative;
}
@media(max-width:768px){
    .main_transform {
    padding-top: 25px;
}
    .main_transform_wrapper{
	padding-top:0px;
}
}
.page-template-page-online-transform .header_steps ul:before {
    width: 75%;
}


/* NEW SUMMARY DESIGN PAGE DEC 2021 */
.main_transform_wrapper > div > div, .go_back {
	width: 100%;
	max-width: none;
}
.header-summary {
	background-image: url('images/summary/gradient-header.png');
	width: 100%;
	height: 470px;
	position: relative;
	padding-top: 75px;
	margin-top: -30px;
}
.pattern-header {
	background-image: url('images/summary/pattern-arrow.png');
	width: 100%;
	height: 255px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1 !important;
}
.container-selection {
	max-width: 1076px !important;
	margin: 0px auto;
}
.image-choice {
 display: inline-block;
 vertical-align: top;
 padding-left: 50px;
 padding-top: 40px;
}
.img-content {
	width: 330px;
}
.img-content.imgpanelonly {
	width: 210px;
}
.smallsummarytop {
	display: inline-block;
	vertical-align: top;
	float: right;
}
.boxsmallsummary {
	width: 480px;
	background: #FFFFFF;
border: 0.5px solid #D2D2D2;
box-sizing: border-box;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
border-radius: 30px;
padding: 40px;
}
.titlesum {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 140%;
	color: #202020;
	margin-bottom: 15px;
}
.perweeksum {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-size: 21px;
	line-height: 25px;
	color: #202020;
}
.list-iconsum {
	display: inline-block;
	width: 100%;
  margin-top: 34px;
} 
.list-iconsum ul {
  margin-bottom: 34px;
}
.list-iconsum ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 60px;
}
.list-iconsum ul li:last-child {
	margin-right: 0px;
}
.list-iconsum ul li .boxicon {

}
.list-iconsum ul li .boxicon img{
  height: 53px;
  width: auto;
}
.list-iconsum ul li .boxicon p {
	font-size: 12px;
	line-height: 16.8px;
	margin-top: 10px;
}
.smalllegend {
	width: 100%;
	font-size: 12px;
	line-height: 160%;
	color: #202020;
	opacity: 0.6;
	margin-top: 20px;
}
.finalisequote {

}
.finalisequote a {
 font-weight: bold;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #202020 !important;
	text-align: center;
    padding: 18px 30px;
    background-color: #6BF0F2 !important;
    border-radius: 32px;
    display: inline-block;
	min-width: 241px;
}
/* TAB Summary*/
.tab-summary-content {
  margin-top: 80px;
  text-align: center;
}
.double-arrows-container {
	padding-left: 30%;
	margin-top: 2em;
    display: block;
}
.menu-tab {
  border-bottom: 1px solid #D2D2D2;
}
.menu-tab ul {
  display: inline-block;
  max-width: 1145px !important;
	margin: 0px auto;
	text-align: center;
}
.menu-tab ul li {
  display: inline-block;
  padding-bottom: 15px;
  margin-right: 85px;
}
.menu-tab ul li:last-child {
	margin-right: 0px;
}
.menu-tab ul li a {
font-size: 21px;
line-height: 25px;
padding-bottom: 10px;
padding: 0px 60px 10px 60px;
text-align: center;
color: #4D4D4D;
 border-bottom: 5px solid transparent;
}
.menu-tab ul li a:hover {
 border-bottom: 5px solid #202020;
   font-weight: 600;
   color: #202020;
}
.menu-tab ul li.active a {
   border-bottom: 5px solid #202020;
   font-weight: 600;
   color: #202020;
}

/* TAB 1 CONTENT*/
.summary-content {
	margin: 0px auto;
}

.hiw-graph {
  position: relative;
  padding-bottom: 200px;
  max-width: 1050px;
  margin: 0px auto;
  text-align: center;
}
.partbox {
	width: 235px;
	text-align: left;
}
.partbox p {
	font-weight: normal;
	font-size: 21px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #202020;
}
.partbox .number {
	background: rgba(0, 240, 242, 0.2);
	height: 35px;
	width: 35px;
	text-align: center;
	font-weight: 600;
	font-size: 21px;
	line-height: 110%;
	text-align: center;
	letter-spacing: -0.02em;
	color: #202020;
	border-radius: 50%;
	padding-top: 5px;
	margin-bottom: 12px;
}
.img-house {
	width: 375px;
	margin: 90px auto auto;
	display: inline-block;
} 
.partone {
  position: absolute;
  top: 90px;
  left: 0px;
}
.parttwo {
	position: absolute;
	left: 0px;
	top:300px
}
.partthree {
	position: absolute;
	top: 110px;
	right: 0px;
}

.energy-need-summary {
  background: #F8F8FD;
  padding: 73px 0px;
}


.content-energy-need {
	max-width: 1050px !important;
	margin: 0px auto;
	text-align: left;
}
.content-energy-need h2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #202020;
	margin-bottom: 40px;
}
.boxenergy {
	width: 704px;
	height: 131px;
	display: block;
	margin-top: 25px;
	background: #FFFFFF;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
border-radius: 20px;
overflow: hidden;

}
.blockpartone {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 23px;
	padding-top: 23px;
	padding-bottom: 23px;
}
.blockparttwo {
		text-align: left;
	display: inline-block;
	vertical-align: top;
	padding-right: 23px;
	padding-top: 4px;
	padding-bottom: 15px;
	padding-left: 23px;
	background: #E9FDFD;
	float: right;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.blockpartone .icon{
		display: inline-block;
	vertical-align: top;
	margin-right: 45px;	
}
.blockpartone .contentnb{
		display: inline-block;
	vertical-align: top;	
	margin-top: -12px;
}
.contentnb h4 {
font-weight: bold;
font-size: 38px;
line-height: 150%;
letter-spacing: -0.02em;
color: #202020;
margin-bottom: 3px;
}
.contentnb h4 span {
		font-size: 30px;
	}
.contentnb p {
	font-size: 16px;
	color: #202020;
	line-height: 22.4px;
}
.blockparttwo .contentnb p {
	width: 160px;
}
.energy-left {
	display: inline-block;
	vertical-align: top;
}
.energy-right {
	display: inline-block;
	vertical-align: top;
	width: 285px;
	padding-top: 24px;
	margin-left: 45px;
}
.energy-right p {
	font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;

letter-spacing: -0.02em;
color: #202020;
}
.checksentence {
	background: #FFFFFF;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
border-radius: 40px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
letter-spacing: -0.02em;
color: #00B8BA;
position: relative;
width: 244px;
padding: 15px 15px 15px 51px;
margin-top: 40px;
}
.checksentence:before {
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	left: 15px;
	top:13px;
	display: block;
	background-image: url('images/summary/check-icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
.tab-content {
	text-align: left;
	display: inline-block;
	width: 100%;
}
.our_summary_wrap {
	max-width: 1050px;
	margin: 0px auto auto;
}
.our_summary_wrap h2 {
	font-weight: bold;
	text-align: left;
font-size: 28px;
line-height: 150%;
letter-spacing: -0.02em;
color: #202020;
}
#finalbook button {
    background-color: #6BF0F2 !important;
    border-radius: 32px;
    font-weight: bold;
    font-size: 16px;
    color: #202020 !important;
    line-height: 100%;
    letter-spacing: -0.02em;
    outline: none;
    border: 1px solid #6BF0F2;
    max-width: 244px;
    height: 52px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 12px;
	width: 241px;
}
.banner-bottomtabone {
	width: 100%;
	background-size: cover;
	height: 169px;
	background-repeat: no-repeat;
	background-image:url('images/summary/bannerblue.jpg');
}
.banner-content {
	max-width: 1050px;
	margin: 60px auto auto;
	text-align: left;
	padding-top: 33px;
}
.banner-bottomtabone p {
	font-family: Inter;
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 150%;
color:#FFF;
letter-spacing: -0.02em;
}
.banner-left-content {
	display: inline-block;
	vertical-align: top;
	width: 55%;
	padding-left: 50px;
}
.banner-logo-content {
	display: inline-block;
	vertical-align: top;
	float: right;
	padding-right: 50px;
}
.banner-logo-content img {
	width: 222px;
}
.trust-company {
	text-align: left;
}
.containergeneral-summary {
	max-width: 1050px;
	margin: 0px auto auto;
	text-align: left;
}
.content-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 60px;
	margin-top: 70px;
}
.trust-company {
	padding-top: 100px;
	padding-bottom: 100px;
}
.trust-company h2 {
	font-weight: bold;
	font-size: 29px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #202020;
}
.trust-box p {
	font-size: 16px;
line-height: 170%;

letter-spacing: -0.02em;
color: #202020;
}
.logotrust {
  margin-bottom: 22px;
}
.logotrust img {
  height: 65px;
}
.trust-box h3 {
	font-weight: bold;
font-size: 21px;
line-height: 31px;
letter-spacing: -0.02em;
color: #202020;
margin-bottom: 22px;
min-height: 96px;
}
.join_solar_left {
	text-align: left;
}
.join_solar_left_wrap h2, .meet_shine_right_wrap h2 {
	font-weight: bold;
	font-size: 38px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #202020;

}
.join_solar_left_wrap p, .meet_shine_right_wrap p {
font-weight: 300;
font-size: 16px;
line-height: 160%;
color: #202020;
}
.unsure-area {
	width: 100%;
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 0px;
	align-items: center;
}
.imagesection {
 height: 660px;
 width: 100%;
 background-repeat: no-repeat;
 background-image: url('images/summary/peopleimagefade.jpg');
 background-size: cover;
 background-position: right;
}
.contentunsure {
 text-align: left;
 max-width: 552px;
 margin: 0px auto auto;
 transform: translateY(50%);

}
.contentunsure h2 {
	font-weight: bold;
	font-size: 38px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #202020;
	margin-bottom: 28px;
}
.contentunsure p {
	font-weight: 300;
	font-size: 16px;
	line-height: 160%;
	color: #202020;
	margin-bottom: 32px;
	padding-right: 6em;
}
.m-0.copyrigh {
	color: #202020 !important;
	font-size: 14px !important;
}
.m-0.copyrigh a{
	color: #202020 !important;
	font-size: 14px !important;
}
.licence {
color: #202020 !important;
font-size: 14px !important;
}
.licence a {
	color: #202020 !important;
	font-size: 14px !important;
}

.googleheader {
	display: inline-block;
	width: 1050px !important;
	margin: 0px auto 70px
}
.googleheader h2{
	display: inline-block;
	text-align: left;
	float: left;
	font-weight: bold;
	font-size: 28px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #202020;
}
.googleheader .googlebadge{
	display: inline-block;
	float: right;
}
/* google reviews*/
.google-review {
	background:#F8FEFE;
	padding: 80px 0px 140px 0px;
}
#google-reviews-slider {
	padding-top: 70px;
}
.slider-reviews .slick-slide {
    margin: 0 40x;
  }
  /* the parent */
.slider-reviews .slick-list {
    margin: 0 -40px;
  }
  .slider-reviews .slick-list {
	  overflow: visible;
  }
.rstar {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain;
	background-image: url('images/summary/star.svg');
}
.rstarh {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain;
	background-image: url('images/summary/halfstar.svg');
}
.reviewbox {
 background: #FFFFFF !important;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07) !important;
border-radius: 40px !important;
width: 706px;
min-height: 229px;
position: relative;
padding: 26px;
}
.topreviewbox {
	padding: 26px 16px 26px 45px;
	width: 424px;
	height: 116px;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
	border-radius: 40px;
	font-style: italic;
	font-weight: normal;
	font-size: 21px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #202020;
	position: absolute;
    top: -60px;
    right: 40%;
    transform: translateX(50%);
}
.fulldescrptionreview {
 color: #222!important;
    font-size: 13px!important;
    line-height: 18px!important;
    max-width: 100%!important;
	margin-top: 18px;
    word-break: break-word!important
}
.content-review {
	padding-top: 40px;
}

.timewreview, .nbreview {
color: #999!important;
    font-size: 13px!important;
}
   .namereview {
   color: #000000!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
	font-weight: 700;
	margin-bottom: 5px;
   } 
  .avatar {
	width: 50px!important;
    height: 50px !important;
    border-radius: 50%!important;
	box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;
	display: inline-block;
	vertical-align: top;
  } 
  .avatar.desktop {
	  display: inline-block;
  }
   .avatar.mobile {
	  display: none;
  }
.content-description {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 88%;
	padding-left: 11px;
}
.reviewsystem {
	width: 100%;
	margin-top: 10px;
	display: inline-block;
}
.nbstarts {
	display: inline-block;
	vertical-align: top;
}
.timewreview {
	display: inline-block;
	vertical-align: top;
}
.newcontenttext {
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	margin-top: -3px;
	margin-left: 5px;
	font-size: 13px;
	border:1px solid #DDD;
	border-radius: 5px;
	padding: 3px 7px;
	color: #000;
	text-transform: uppercase;
}
.slider-reviews .slick-slide {
	margin: 0px 10px;
}
.block-fifty {
	display: inline-block;
	max-width: 1050px;
	margin-top: 70px;
}
.left-content-fifty {
	width: 40%;
	display: inline-block;
	vertical-align: top;
		float: left;
		text-align: left;
}
.left-content-fifty h2 {
	font-weight: bold;
	font-size: 38px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #202020;
}
.left-content-fifty p {
	font-family: Inter;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 160%;
	color: #202020;
	margin-bottom: 25px;
}
.right-content-fifty {
 width: 60%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.list-aftercare {
  margin-top: 124px;
}
.list-aftercare ul {
   margin-bottom: 80px;
}
.list-aftercare ul li {
   display: inline-block;
   width: 33%;
}
.list-aftercare ul li .boxaftercare {
  width: 215px;
}

.list-aftercare ul li .boxaftercare .iconaftercare{
	height: 80px;
	margin-bottom: 40px;
}
.list-aftercare ul li .boxaftercare .iconaftercare img{
	height: 80px;
}
.list-aftercare ul li .boxaftercare p {
	font-family: Inter;
	font-weight: normal;
	font-size: 21px;
	line-height: 145%;
	letter-spacing: -0.02em;
	color: #202020;
}
#tab-process {
	margin-bottom: 80px;
}
#tab-process .right-content-fifty {
 text-align: right;
} 
#tab-process .right-content-fifty img {
  max-width: 383px;
}
.left-content-fifty h4 {
	font-weight: 600;
	font-size: 21px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #00B8BA;
	margin-bottom: 15px;
}
.containergeneral-summary-smaller {
	max-width: 910px;
	margin: 0px auto auto;
}
.newprocess {
	
}
.newprocess h2 {
	font-weight: bold;
	font-size: 38px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #202020;
}

.newprocess p {
	font-family: Inter;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 160%;
	color: #202020;
	margin-bottom: 25px;
}
#tab-payment {
	margin-top: 80px;
	margin-bottom: 80px;
}
#tab-payment .containergeneral-summary-smaller > p {
	font-weight: 300;
font-size: 16px;
line-height: 160%;
}
.payment-box {
	background: #FFFFFF;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
border-radius: 40px;
padding: 71px;
margin-top: 48px;
}
.logopay {
	margin-bottom: 13px;
}
header .book_a_call {
	display: none !important;
}
.payment-left {
display: inline-block;
vertical-align: top;
width: 49%;
}
.payment-left h4 {
font-weight: bold;
font-size: 21px;
line-height: 150%;
color: #202020;
margin-bottom: 13px;
}
.payment-left h4 a {
font-weight: bold;
font-size: 21px;
line-height: 150%;
text-decoration-line: underline !important;
color: #202020;
position: relative;
}
.payment-left h4 a:hover {
text-decoration-line: none !important;
color: #202020;
}
.payment-left h4 a:after {
	position: absolute;
	right: -25px;
	top:4px;
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-image:url('images/summary/linkarrow.svg');
}
.payment-left p {
	font-family: Inter;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 160%;
color: #202020;
margin-bottom: 25px;
}
.subpay {
	font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #000000;
margin-bottom: 15px;
}
.payment-right {
	    margin-top: 70px;
    padding-left: 60px;
    display: inline-block;
    vertical-align: top;
}
.listpay {

}
.listpay li {
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 160%;
	color: #202020;
	margin-bottom: 18px;
}
#body .disclaimer {
    padding: 1rem 0 1rem 0  !important;
	}
.hideonmobile {
		display: block;
}
.showonmobile, .summarytopmobile {
		display: none;
	}
.rightimgmobileprocess {
	display:none;
}
.boxsmallsummary {
		position: relative;
	}
	.boxlimitedtimeonly {
		position: absolute;
		background: rgba(0, 240, 242, 0.1);
		border-radius: 15px;
		font-weight: 600;
		font-size: 12px;
		line-height: 160%;
		text-align: center;
		color: #254E4F;
		top:20px;
		right: 20px;
		padding: 10px 18px;
	}
/* EXTRA PAGE*/

.page-template-transform .need_help_side {
	display: none;
}
.page-template-transform .menu-tab ul li {
	margin-right: 50px;
}
.page-template-transform .disclaimer .container {
	margin: 0px auto auto;
}
.page-template-transform ul li::marker {
	display: none;
}
.page-template-transform .bottom-part ul {
	list-style: none;
}
.page-template-transform .go_back {
	position: absolute;
	left: 9%;
}
.page-template-transform .main_transform_wrapper {
	padding-top: 30px;
}



/* RESPONSIVE NEW SUMMARY LAYOUT */


@media screen and (max-width: 911px) {
	.tab-summary-content {
		/* display: none; */
	}
	.double-arrows-container {
		display: none;
	}
	 .avatar.desktop {
	  display: none;
  }
   .avatar.mobile {
	  display: inline-block;
	  vertical-align: top;
  }
  .underavatar {
	  display: inline-block;
	  vertical-align: top;
	  margin-top: 10px;
  }
	.image-choice {
		position: relative;
		z-index: 1;
	}
	.hideonmobile {
		display: none;
	}
	.pattern-header {
		display: none;
	}
	.showonmobile, .summarytopmobile {
		display: block;
	}
	.main_transform_wrapper > div {
		padding-left: 0px ;
		padding-right: 0px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
    .header-summary {
		height: 195px;
		padding-top: 30px;
		padding-left: 25px !important;
		padding-right: 25px !important;
		position: relative;
	}
	 .header-summary:after {
		 content: '';
		 z-index: 0;
		 top:0px;
		 left: 0px;
		 background-size: cover;
		 background-position: bottom center;
		 height: 200px;
		position: absolute;
		width: 100%;
		background-image: url('images/summary/backgroundhmob.png');
		background-repeat: no-repeat;
		display: block;

	 }
	.image-choice {
		padding: 0;
	}
	.img-content {
   	 	width: 120px;
	}
	.img-content.imgpanelonly {
    	width: 75px;
	}
	.smallsummarytop {
		float: none;
	}
	.smallsummarytop {
		width: 100%;
		position: relative;
		z-index: 1;
		border-radius: 10px;
	}
	.boxsmallsummary {
		margin-top: 12px;
		width: 100%;
		padding: 27px;
		border-radius: 10px;
		position: relative;
	}
	.boxlimitedtimeonly {

		top:-120px;

	}
	.titlesum {
		font-weight: bold;
		font-size: 16px;
		line-height: 19px;
	}
	.titlesum br {
		display: none;
	}
	.perweeksum {
		font-weight: 500;
		font-size: 16px;
		line-height: 19px
	}
	.finalisebtpay {
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}
	.summarytopmobile {
		float: left;
		width: 100%;
	}
	.list-iconsum ul li .boxicon img {
		height: 37px;
	}
	.list-iconsum ul li .boxicon p {
		font-size: 11px;
		line-height: 14px;
	}
	.m-0.copyrigh, .licence, .licence a {
		font-size: 11px !important;
	}
	.menu-tab ul li {
		margin-right: 0px;
		padding-bottom: 3px;
	}
	.menu-tab {
		margin-left: -24px !important;
		margin-right: -24px !important; 
		width: calc(100% + 24px) !important;
	}
	.menu-tab ul li a {
		font-size: 14px;
		padding: 0px 10px 5px 10px;
		border-bottom: 3px solid transparent;
	}
	.menu-tab ul li.active a {
		border-bottom: 3px solid #202020;
	}
	.hiw-graph {
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 80px;
		padding-top: 40px;
	}
	.img-house {
		width: 100%;
		margin: 20px auto auto;
	}
	.partbox {
		position: relative !important;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
		float: left;
	   margin-top: 20px;
	}
	.partbox .number {
		display: inline-block;
		vertical-align: top;
		float: left;
		width: 35px;
	}
	.partbox p {
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		line-height: 21px;
		padding-left: 13px;
		width: 80%;
	}
	.energy-need-summary {
		padding-left: 25px;
		padding-right: 25px;
	}
	.boxenergy {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.blockpartone .icon {
		width: 24px;
		margin-right: 10px;
	}
	.contentnb h4 {
		font-size: 21px;
	}
	.contentnb h4 span {
		font-size: 17px;
	}
	.contentnb p {
		font-size: 12px;
	}
	.content-trust {
		display: none;
		column-gap:0px;
	}
	.blockpartone {
		width: 50%;
	}
	.blockparttwo {
		width: 50%;
	}
	.blockpartone .contentnb {
		width: 68%;
	}
	.blockparttwo .contentnb {
		width: 92%;
	}
	.blockparttwo .contentnb p {
		width: 100%;
	}
	.blockparttwo {
		padding-top: 11px;
		padding-bottom: 40px;
	}
	.energy-need-summary {
		padding: 33px 25px;
	}
	.energy-right {
		width: 100%;
		padding-top: 24px;
		margin-left: 0px;
	}
	.content-energy-need h2 {
		margin-bottom: 20px;
	}
	.banner-left-content {
		padding-left: 25px;
	}
	.banner-bottomtabone p {
		font-size: 12px;
		line-height: 16px;
	}
	.banner-logo-content {
		padding-right: 25px;
	}
	.banner-logo-content img {
		width: 122px;
	}
	.trust-company {
		display: none;
	}
	.join_solar {
		padding-left: 25px;
		padding-right: 25px;
	}
	.join_solar_left_wrap h2, .meet_shine_right_wrap h2 {
		font-size: 21px;
		line-height: 30px;
		text-align: left;
	}
	.join_solar_right .slider_link {
		display: none;
	}
	.unsure-area {
		grid-template-columns: repeat(1, 1fr);
	}
	.imagesection {
		height: 293px;
		background-image: url('images/summary/peopleimagefademobile.png');
	}

	.contentunsure {
		width: 100%;
		margin-top: 20px;
		max-width: none;
		padding-left: 25px;
		padding-right: 25px;
		transform: translateY(0%);
	}
	.contentunsure h2 {
		font-size: 28px;
		line-height: 39px;
		margin-bottom: 10px;
	}
	.transform_feature {
		margin: 25px 0 32px;
	}
	.pre-footer.d-flex.align-items-center.justify-content-center {
		margin-top: 60px !important;
		width: 90% !important;
		padding: 30px !important;
		margin-bottom: -225px !important;
	}
	.bottom-part li {
		margin-bottom: 25px;
		text-align: left;
	}
	.bottom-part ul>li>a img {
		align-self: start;
	}
	.product_description.transform_dec {
		display: flex;
	}
	.transform_feature .download {
		display: none;
	}
	#finalbook {
		width: 100% !important;
	}
	#finalbook button {
		width: 100% !important;
		max-width: none !important;
		display: inline-block !important;
	}
	 .block-fifty {
		 padding-left: 25px;
		padding-right: 25px;
	 }
	.left-content-fifty {
		width: 100%;
	}
	.left-content-fifty h2 {
		font-size: 28px;
		line-height: 39px;
	}
	.left-content-fifty p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.right-content-fifty {
		width: 100%;
		float: none;
	}
	.boxaftercare {
		width: 100%;
	}
	.list-aftercare {
		margin-top: 60px;
	}
	.list-aftercare ul li .boxaftercare .iconaftercare img {
		height: 33px;
	}
	.list-aftercare ul li .boxaftercare .iconaftercare {
		height: 33px;
		display: inline-block;
		vertical-align: top;
		width: 15%;
	}
	.list-aftercare ul li .boxaftercare p {
		font-size: 16px;
		line-height: 23px;
		display: inline-block;
		vertical-align: top;
		padding-left: 0px;
		width: 85%;
	}
	#body .disclaimer {
    padding: 5rem 0 0 0  !important;
	}
	.list-aftercare ul {
		margin-bottom: 0px;
	}
	.list-aftercare ul li .boxaftercare {
		width: 100%;
	}
	.list-aftercare ul li {
		margin-left: 25px;
		width: 100%;
	}
	.google-review {
		 padding-left: 25px;
		padding-right: 25px;
		background: #F8FEFE;
		padding-top: 25px;
	}
	.googleheader {
		width: 100% !important;
		margin: 0px auto 10px !important;
	}
	.topreviewbox {
		display: none;
	}
	.reviewbox {
		width: 310px;
		height: auto;
	}
	.newcontenttext {
		margin-top: 10px;
	}
	.content-review {
		padding-top: 0px;
	}
		.googlebadge.hideonmobile {
		display: none;
	}
	.googlebadge.showonmobile {
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 40px;
		position: relative;
	}
	.googlebadge.showonmobile img {
		  background: #FFFFFF;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
		border-radius: 20px;
		 margin-top: -15px;
         padding: 30px;
		position: relative;
		}
	.meet_shine_team {
		padding:40px 0 50px;
		padding-left: 25px;
		padding-right: 25px;
	}	
	.meet_shine_team h2 {
		font-size: 16px;
line-height: 145%;
	}	
	.newprocess p {
		font-size: 12px;
line-height: 170%;
margin-bottom: 15px;
	}
	.meet_shine_left #finalbook {
		display: none;
	}
	#tab-process .right-content-fifty{
			display: none;
	}
	.rightimgmobileprocess {
		display: inline-block;
		vertical-align: top;
	}
	.intromobileprocess {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.rightimgmobileprocess {
		display: inline-block;
		vertical-align: top;
		width: 46%;
	}
	.intromobileprocess h4 {
		font-weight: 600;
font-size: 16px;
line-height: 130%;
	}
	.intromobileprocess h2 {
		font-weight: 600;
font-size: 21px;
line-height: 140%;
	}
	.desktopcontentprocess {
		margin-top: 20px;
		position: relative;
		padding-right: 25px;
		width: 89%;
	}
	.desktopcontentprocess:after {
		content: '';
		position: absolute;
		right: 0;
		top:0px;
	    background-repeat: repeat-y;
		background-image:url('images/summary/mobline.svg');
		height: 100%;
		width: 1px;
		display: block;
	}
	#tab-process .block-fifty {
		margin-top: 0px;
	}
	#tab-process #finalbook {
		width: 90% !important;
		margin: 0px auto 40px;
	}
	#tab-payment {
		padding-left: 25px;
		padding-right: 25px;
	}
	.payment-box {
		box-shadow: none;
		padding: 0px;
		margin-top:50px;
	}
	#tab-payment p, .listpay li {
		font-weight: 300;
font-size: 12px;
line-height: 170%;
	}
	.payment-left {
		width: 100%;
	}.payment-left #finalbook {
		display: none;
	}
	.payment-right {
		margin-top: 0px;
		padding-left: 0px;
	}
	.logopay img {
		height: 37px;
		width: auto;
	}
	.payment-left h4 a{
		font-weight: bold;
font-size: 16px;
line-height: 150%;
	}
	.subpay {
		font-size: 14px;
	}
	#tab-payment .payment-box.firstbox {
		border-bottom: 1px solid #DDD;
		padding-bottom: 20px;
		margin-bottom: 30px !important;
		border-radius: 0;
	}
	#tab-payment #finalbook {
		margin-bottom: 40px;
	}
	.main_transform .col-45-wrap > div {
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 32px;
	}
	.col-border3 {
		border-bottom: 0px !important;
		margin-bottom: 0px !important;
	}
	.banner-content {
		margin: 0px auto auto;
	}
	.banner-content {
		padding-top: 24px;
	}
	.banner-bottomtabone {
		height: 125px;
	}
	.banner-logo-content {
		padding-top: 12px;
	}
	.contentunsure #finalbook button {
		width: 60% !important;
	}
	.join_solar {
		padding-top: 70px !important;
		padding-bottom: 70px;
	}
	.blockparttwo {
		padding-bottom: 60px;
	}
	.meet_shine_team.newprocess:before {
		bottom: 1%;
		right: 0;
	}
	.block-fifty {
		margin-top: 40px;
	}
	#tab-payment {
		margin-top: 45px;
	}
	.col-border1 {
		margin-top: 30px !important;
	}
}	

/* SAVING */
/*Saving Table*/

.saving-table-desktop {
  width: 100%;
  margin-bottom: 20px;
	max-width: 857px;
}

.saving-table {
  border-collapse: collapse;
	width: 100%;
	font-size: 1.05em;
}

.saving-table-desktop th {
	padding-bottom: 5px;
}

.saving-table-desktop tr:first-child span {
	font-weight: 500;
	margin-top: 0.5em;
}

.saving-table-desktop tr:nth-child(2) {
	height: 8em;
}

.saving-table-desktop tr:nth-child(3) {
	height: 5.7em;
}

.saving-table tr:first-child {
  padding: 0.5em;
}

.saving-table tr:first-child > th {
  border-bottom: 3px solid #eeeefa;
}

.saving-table tr:nth-child(2) > th {
  border-bottom: 3px solid #eeeefa;
}

.saving-table tr:nth-child(2) > td {
  border-bottom: 3px solid #eeeefa;
}

.saving-table tr:first-child > th:first-child {
  width: 25%;
}

.saving-table tr:first-child > th:last-child {
  border-bottom: 3px solid #4ccdcf33;
  background-color: #00b8ba12;
  border-radius: 1em 1em 0 0;
}

.saving-table tr:nth-child(2) > td:last-child {
  border-bottom: 3px solid #4ccdcf33;
}

.saving-table tr > td:last-child {
  background-color: #00b8ba12;
}

.saving-table tr > td {
  padding: 0.8em;
  font-weight: bold;
	font-size: calc(1.05em + 4px);
}

.saving-table tr:last-child > td:last-child {
  background-color: #00b8ba12;
  border-radius: 0 0 1em 1em;
}

.saving-table tr:first-child > th > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0.8em;
	padding-left: 0;
}

.saving-table tr > td > div {
  display: flex;
  align-items: flex-start;
  text-align: left;
}

.saving-table tr:first-child > th > div > img {
  height: 1.4em;
  margin-bottom: 0.5em;
}

.saving-table tr:first-child > th:nth-child(2) > div > img {
  height: 1.7em;
}

/*Saving Graph*/

.saving-graph {
  display: flex;
  font-weight: 500;
	margin-top: 2em;
}

.saving-graph > .old-electricity-bill {
  display: flex;
  flex-direction: column;
  background: #a5a5a5;
  padding-left: 6px;
  padding-top: 6px;
  color: white;
  height: 185px;
  width: 90px;
  border-radius: 5px;
  margin-top: auto;
  margin-right: 8px;
}

.saving-graph > .quarter-one-container {
  width: 90px;
  margin-top: auto;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
	position: relative;
}

.saving-graph > .quarter-one-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
}

.saving-graph > .quarter-one-container > .solar-saving {
  height: 73px;
  background-color: #33c6c8;
  padding-left: 6px;
  padding-top: 6px;
  border-radius: 5px;
  max-width: 100%;
  color: white;
  display: flex;
  margin-bottom: -5px;
  max-width: 100%;
  width: 100%;
}

.saving-graph > .quarter-one-container > .bottom-container {
  position: relative;
  height: 118px;
  max-width: 100%;
  width: 100%;
}

.saving-graph > .quarter-one-container > .bottom-container > .solar-payment {
  background: #fff0b3;
  height: 90px;
  border-radius: 5px;
  position: absolute;
  top: 12px;
  max-width: 100%;
  width: 100%;
  padding-left: 6px;
  padding-top: 6px;
  display: flex;
}

.saving-graph
  > .quarter-one-container
  > .bottom-container
  > .new-electricity-bill {
  background: #a5a5a5;
  height: 40px;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding-left: 6px;
  padding-top: 6px;
  color: white;
  max-width: 100%;
  width: 100%;
  display: flex;
}

.saving-graph > .img-container {
  display: flex;
}

.saving-graph > .img-container > img {
  margin-top: auto;
	min-width: 558px;
}

.saving-graph > .year-10-container {
  width: 90px;
  margin-left: 8px;
  height: 100%;
	position: relative;
}

.saving-graph > .year-10-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
}

.saving-graph > .year-10-container > .solar-saving {
  background: #00b8ba;
  min-height: 271px;
  padding-left: 6px;
  padding-top: 6px;
  color: white;
  border-radius: 5px;
  max-width: 100%;
  width: 100%;
}

.saving-graph > .year-10-container > .bottom-container {
  position: relative;
  height: 156px;
  max-width: 100%;
  width: 100%;
}

.saving-graph > .year-10-container > .bottom-container > .solar-payment {
  background: #ffcc00;
  padding-left: 6px;
  padding-top: 6px;
  height: 125px;
  top: 10px;
  position: absolute;
  border-radius: 5px;
  max-width: 100%;
  width: 100%;
}

.saving-graph > .year-10-container > .bottom-container > .new-electricity-bill {
  background: #a5a5a5;
  padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 5px;
  height: 69px;
  bottom: 0;
  position: absolute;
  border-radius: 5px;
  color: white;
  max-width: 100%;
  width: 100%;
}

/*Saving Table Mobile*/

.saving-table-mobile {
  font-size: 0.9em;
  font-weight: bold;
	width: 95%;
}

.saving-table-mobile .th-title {
	font-size: 1.15em;
	margin-top: 0.7em;
}

.saving-table-mobile > table {
  border-collapse: collapse;
  width: 100%;
}

.saving-table-mobile > table tr {
  height: 70px;
}

.saving-table-mobile > table tr > td {
  font-size: calc(0.9em + 4px);
	vertical-align: middle;
}

.saving-table-mobile > table tr > td, 
.saving-table-mobile > table tr > th {
  padding: 10px;
}

.saving-table-mobile > table tr:nth-child(2) {
  border-bottom: 3px solid #EEEEFA;
}

.saving-table-mobile > table tr:last-child > th,
.saving-table-mobile > table tr:last-child > td  {
  background: rgba(0, 184, 186, 0.07);
}

.saving-table-mobile > table tr:last-child > th {
  border-radius: 10px 0 0 10px;
}

.saving-table-mobile > table tr:last-child > td:last-child {
  border-radius: 0 10px 10px 0;
}

.saving-table-mobile > table tr > th, .saving-table-mobile > table tr > td {
  text-align: right;
}

.saving-table-mobile > table tr > th > div > img {
  height: 20px;
	width: 20px;
  margin-right: 0.7em;
}

.saving-table-mobile > table tr:nth-child(2) {
  color: rgba(32, 32, 32, 0.8);
}

.saving-table-mobile > table > tbody > tr:nth-child(2) > th {
  font-weight: 500;
}

.saving-table-mobile > table > tbody > tr > th:first-child {
  width: 50%;
	font-weight: 400;
}

.saving-table-mobile > table > tbody > tr > th:first-child > div {
  display: flex;
  margin-left: auto;
  flex-direction: column;
}

.saving-table-mobile > table > tbody > tr > th:first-child > div > span {
  text-align: left;
}

/*Saving Graph Mobile*/

.saving-graph-mobile {
  display: flex;
	margin-top: 2em;
	margin-bottom: 1.5em;
}

.saving-graph-mobile > .quarter-one-container {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  width: 70px;
  margin-right: 10px;
  height: 167px;
	position: relative;
}

.saving-graph-mobile > .quarter-one-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	font-size: 0.9em;
	margin-right: -2em;
	white-space: nowrap;
}

.saving-graph-mobile > .quarter-one-container > .solar-saving {
  background: #33c6c8;
  padding-left: 6px;
  padding-top: 6px;
  border-radius: 5px;
  width: 100%;
  color: white;
  display: flex;
  height: 64%;
}

.saving-graph-mobile > .quarter-one-container > .solar-payment {
  background: #fff0b3;
  padding-left: 6px;
  padding-top: 6px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  height: 53%;
  margin-top: 6px;
  margin-bottom: -7px;
}

.saving-graph-mobile > .quarter-one-container > .new-electricity-bill {
  background: #a5a5a5;
  padding-left: 6px;
  padding-top: 6px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  height: 27%;
  color: white;
}

.saving-graph-mobile > .img-container {
  display: flex;
}

.saving-graph-mobile > .img-container > img {
  margin-top: auto;
	min-width: 151px;
}

.saving-graph-mobile > .year-10-container {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  width: 70px;
  height: 365px;
  margin-left: 8px;
	position: relative;
}

.saving-graph-mobile > .year-10-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	font-size: 0.9em;
	margin-right: -1em;
	white-space: nowrap;
}

.saving-graph-mobile > .year-10-container > .solar-saving {
  background: #00b8ba;
  height: 65%;
  padding-top: 6px;
  padding-left: 6px;
  color: white;
  border-radius: 5px;
  width: 100%;
}

.saving-graph-mobile > .year-10-container > .solar-payment {
  background: #ffcc00;
  height: 25%;
  padding-top: 6px;
  padding-left: 6px;
  border-radius: 5px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: -10px;
}

.saving-graph-mobile > .year-10-container > .new-electricity-bill {
  background: #a5a5a5;
  height: 21%;
  padding-top: 6px;
  padding-left: 6px;
  border-radius: 5px;
  width: 100%;
  color: white;
}

/*Saving Graph Desktop Upfront*/

.saving-graph-upfront {
  display: flex;
	margin-top: 2em;
}

.saving-graph-upfront > .old-electricity-bill {
  display: flex;
  flex-direction: column;
  background: #a5a5a5;
  padding-left: 6px;
  padding-top: 11px;
  color: white;
  height: 188px;
  width: 90px;
  border-radius: 5px;
  margin-top: auto;
  margin-right: 8px;
}

.saving-graph-upfront > .quarter-one-container {
	display: flex;
	flex-direction: column;
	color: white;
	height: 188px;
	width: 90px;
	margin-top: auto;
	margin-right: 8px;
	font-weight: 600;
	position: relative;
}

.saving-graph-upfront > .quarter-one-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	color: black;
}

.saving-graph-upfront > .quarter-one-container > .solar-saving {
	background: #EDFAFA;
	padding-left: 6px;
	padding-top: 11px;
	border-radius: 5px;
	height: 70%;
	display: flex;
	color: black;
}

.saving-graph-upfront > .quarter-one-container > .new-electricity-bill {
  background: #a5a5a5;
  padding-left: 6px;
  padding-top: 11px;
  border-radius: 5px;
  margin-top: auto;
  height: 22.7%;
  display: flex;
}

.saving-graph-upfront > .img-container {
  display: flex;
}

.saving-graph-upfront > .img-container > img {
  margin-top: auto;
	min-width: 558px;
}

.saving-graph-upfront > .year-10-container {
	display: flex;
	flex-direction: column;
	color: white;
	height: 366px;
	width: 90px;
	margin-top: auto;
	margin-right: 8px;
	margin-left: 8px;
	position: relative;
	font-weight: 600
}

.saving-graph-upfront > .year-10-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	color: black;
}

.saving-graph-upfront > .year-10-container > .solar-saving {
	background: #EDFAFA;
	height: 74%;
	padding-top: 11px;
	padding-left: 9px;
	width: 90px;
	border-radius: 5px;
	color: black;
}

.saving-graph-upfront > .year-10-container > .new-electricity-bill {
	background: #a5a5a5;
	height: 22%;
	margin-top: auto;
	padding-top: 11px;
	padding-left: 9px;
	width: 90px;
	border-radius: 5px;
}

/*Saving Graph Upfront Mobile*/

.saving-graph-mobile-upfront {
  display: flex;
	margin-top: 2em;
	margin-bottom: 1.5em;
}

.saving-graph-mobile-upfront > .quarter-one-container {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	height: 118px;
	width: 75px;
	margin-right: 7px;
	color: white;
	font-weight: 600;
	position: relative;
}

.saving-graph-mobile-upfront > .quarter-one-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	font-size: 0.9em;
	color: black;
	margin-right: -2em;
	white-space: nowrap;
}

.saving-graph-mobile-upfront > .quarter-one-container > .solar-saving {
	background: #EDFAFA;
	padding-top: 6px;
	padding-left: 6px;
	width: 100%;
	border-radius: 5px;
	height: 75%;
	display: flex;
	color: black;
}

.saving-graph-mobile-upfront > .quarter-one-container > .new-electricity-bill {
	background: #a5a5a5;
	padding-top: 6px;
	padding-left: 6px;
	width: 100%;
	border-radius: 5px;
	margin-top: 4px;
	height: 40%;
	display: flex;
}

.saving-graph-mobile-upfront > .img-container {
  display: flex;
}

.saving-graph-mobile-upfront > .img-container > img {
  margin-top: auto;
}

.saving-graph-mobile-upfront > .year-10-container {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	height: 315px;
	width: 75px;
	color: white;
	margin-left: 8px;
	position: relative;
	font-weight: 600;
}

.saving-graph-mobile-upfront > .year-10-container > .label-container {
	position: absolute;
	bottom: -1.5em;
	left: 0;
	font-weight: bold;
	font-size: 0.9em;
	color: black;
	margin-right: -1em;
	white-space: nowrap;
}

.saving-graph-mobile-upfront > .year-10-container > .solar-saving {
	background: #EDFAFA;
	padding-top: 6px;
	padding-left: 6px;
	width: 100%;
	border-radius: 5px;
	height: 80%;
	color: black;
}

.saving-graph-mobile-upfront > .year-10-container > .new-electricity-bill {
	background: #a5a5a5;
	padding-top: 6px;
	padding-left: 6px;
	width: 100%;
	border-radius: 5px;
	margin-top: 6px;
	height: 24%;
}

/*Stat Source*/
.stat-source-container {
	display: flex;
	flex-direction: column;
	width: 85%;
	max-width: 1050px;
	margin: 5em 0;
}

.stat-source-container h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 1em 0;
}

.stat-source-container p {
	font-size: 0.9em;
}

.stat-source-container > .daily-power-container {
	margin-top: 1.7em;
}

.stat-source-container > .daily-power-container > div {
	margin-bottom: 1.7em;
}

.stat-source-container > .daily-power-container > div > .daily-power-consumption,
.stat-source-container > .daily-power-container > div > .arrow-container
{
	margin-right: 1.5em;
}

.stat-source-container > .daily-power-container > div > .daily-power-consumption > p,
.stat-source-container > .daily-power-container > div > .daily-power-production > p
{
	margin-bottom: 1.2em;
}

.stat-source-container > .daily-power-container > div > .daily-power-consumption,
.stat-source-container > .daily-power-container > div > .daily-power-consumption > p
{
	color: rgba(32, 32, 32, 0.8);
	font-weight: 600;
}

.stat-source-container > .daily-power-container > div > .daily-power-production,
.stat-source-container > .daily-power-container > div > .daily-power-production > p
{
	font-weight: 700;
}

.stat-source-container > .daily-power-container > div > .daily-power-production > span,
.stat-source-container > .daily-power-container > div > .daily-power-consumption > span
{
	font-size: 1.1em;
}

/*Payment Container*/

.payment-container {
	display: flex;
	width: 100vw;
	background: #F8F8FD;
	justify-content: center;
	padding: 4em 0;
}

@media screen and (max-width: 1024px) {
	.payment-container {
		margin-left: -24px !important;
		padding: 4em 1.5em;
	}
}

@media screen and (max-width: 912px) {
	.payment-container {
		margin-left: 0 !important;;
		padding: 4em 1.5em;
	}

	.payment-container .payment-box {
		background: #F8F8FD;
	}
}

.payment-container h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: -0.5em;
}

/*What Happens Next*/
.what-happens-next-container {
	display: flex;
	width: 100vw;
	justify-content: center;
	padding: 7em 0 4em;
}

.what-happens-next-container > div {
  width: 85%;
	max-width: 1050px;
}


.what-happens-next-container > div > h2 {
	font-weight: bold;
	font-size: 1.8em;
}

.what-happens-next-container > div p {
	font-size: 0.9em;
}

.what-happens-next-container img {
	height: 320px;
}

.what-happens-next-container .learn-more-button {
	margin-top: 1.5em;
}

.what-happens-next-container > div > .d-flex > .col-3 > .step-text {
	color: #00B8BA;
	font-size: 0.9em;
	font-weight: bold;
	margin: 1em 0;
}

.what-happens-next-container > div > .d-flex > .col-3 > .step-title {
	font-weight: bold;
	margin-bottom: 1em;
}

@media screen and (max-width: 768px){
	.what-happens-next-container > div > .d-flex {
		flex-wrap: wrap;
	}

	.what-happens-next-container .col-3 {
		width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
		margin-bottom: 1.5em;
	}

	.what-happens-next-container .col-3 .step-text,
	.what-happens-next-container .col-3 .step-title
 	{
		align-self: baseline;
	}

	.what-happens-next-container img {
		height: 300px;
	}
}

/*How it works TITLE ONLY (silly fix)*/
.how-it-works-title-container {
	display: flex;
	width: 100vw;
	justify-content: center;
}

.how-it-works-title-container > div {
	max-width: 1050px;
	width: 85%;
}

.how-it-works-title-container > div > h2 {
	font-weight: bold;
	font-size: 1.8em;
}

/*General Saving*/

body {
  font-family: "Inter";
}

.saving-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.saving-container {
  display: flex;
  flex-direction: column;
  padding: 3em;
  width: 85%;
	max-width: 1050px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
	overflow-x: auto;
	margin-top: 3em;
}


.saving-container > .saving-title {
	font-weight: 700;
  margin-bottom: 20px;
	width: 85%;
	max-width: 857px;
	font-size: 23px;
}

@media screen and (max-width: 768px) {
	.saving-container {
		box-shadow: none;
		width: 100%;
		padding: 1em;
	}

	.saving-container > .saving-title {
		font-size: 20px;
    line-height: 25px;
	}
}

.small-text {
  display: flex;
  flex-direction: column;
  font-size: 0.85em;
  margin-top: 3px;
  font-weight: 300;
	padding: 0 0.1em;
}