
@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Light.woff2') format('woff2'),
        url('../fonts/Aeonik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Bold.woff2') format('woff2'),
        url('../fonts/Aeonik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Regular.woff2') format('woff2'),
        url('../fonts/Aeonik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--blue: #FF5900;
	--white: #ffffff; 
}

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/fontawesome.min.css');

body,h1,h2,h3,h4,h5,h6,p,a,li,.btn{
	font-family: 'Aeonik' !important;
}  


.navbar-toggler:focus, 
.menu-toggle:hover, 
.navbar-toggler:hover{
	background-color: transparent !important;
    border-color: transparent !important;

}



.content {
  padding: 0;
}



.content {
  padding-top: 10px;
}

/*.header.sticky .desktop-logo,
.header.sticky .download-btn{ 
	display: none;
}*/

/*.header.sticky{
    display: flex;
    justify-content: center;
    align-items: center;
}*/

/*.header.sticky .content {
  padding-top: 102px;
}*/


/*
.header.sticky .navbar .navbar-nav{
	background-color: #fff;
}

.stickyContent.sticky .navbar-collapse{
	justify-content: center;
}*/


/*.daylightCursor{
    cursor: url('../img/cursor_logo.svg'), pointer;   
}*/

.top-banner{
	background: url(../img/editable-shap.png)no-repeat;
	background-position: 25px 175px;
	overflow: hidden;
}
  
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

a{
  text-decoration: none !important;
}

.btn,
.form-control{
	box-shadow: none !important;
	outline: none !important;
}

.resources_shap_img{
	width: 47px;
}
  
  /* .navbar-toggler:not(:disabled):not(.disabled) {
	  box-shadow: none;
	  outline: none;
  } */
  
  /* .title span{
	  color: #06C290;
  } */
  
  /*.header{
	  padding-top:20px;
  }*/
  
  .container{
	max-width: 90%!important;
  }
  
  .w-70{
	  width: 70px;
  }
  
  .w-60{
	  width: 60px;
  }

  .w-85{
	width: 85px;
   }


.btn-primary{
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 18px !important;
	border-radius: 4px !important;
	height: 44px !important;
	padding: 12px 10px 12px 15px !important; 
	border-color: #FF5900 !important;
	color: #FF5900 !important;
	background:#fff !important;
	border-color: #FF5900 !important;
	transition: 0.4s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 20;
}

.btn-primary:after{
	content: '';
	width: 0;
    height: 100%;
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FF5900;
	transition: 0.4s ease-in-out;
	z-index: -1;
 }

 .btn-primary:hover:after{
	width: 100%;
	transition: 0.4s ease-in-out;
 }

 .btn-primary:hover{
	color: #fff !important;
	transition: 0.4s ease-in-out;
 }

.btn-primary span img{
	width: 16px !important;
	/* filter: brightness(0); */
	margin-left: 5px;
	vertical-align: bottom;
}

/* .btn-primary:hover,
.btn-primary:focus{
	color: #FFFFFF !important;
	background: #FF5900 !important;
} */



/* .btn-primary:hover{
	right: 0;
} */

.btn-primary:hover span img{
	filter: brightness(250) ;
	transition: 0.50s ease-in-out;
}

.alert-secondary{
	background-color: #F0EEFC !important;
	margin-bottom: 1rem;
	border: 1px solid #d6d8db;
}

.alert{
	font-size: 14px !important;
    line-height: 20px !important;
	color: #FF5900 !important;
	font-weight: 700 !important;
	margin-bottom: 0; 
}

 .fade {
 transition: opacity 1s ease-out;
    opacity: 0;
   display: none;
}
.fade.in {
    opacity: 1;
    display: block;
    height: auto;
}

.alert-secondary .badge-primary{
	background: #FF5900;
    border-radius: 31px;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 3px 17px;
    font-weight: 400;
    margin-right: 20px;
}

.alert .close{
	box-shadow: none !important;
	outline: none !important;
    padding: 10px 1.25rem 10px 1.25rem !important;
}

.alert .close img{
	width: 30px;
}

.header{
    padding-top: 3px;
    margin-bottom: 0px;
    transition: 0.3s ease-in-out;
    /*position: fixed;*/
    width: 100%;
    background-color: #fff;
    z-index: 999;
	position: relative;
}

/*.header.sticky{
	background-color: transparent;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  transition: 5s easy-in-out;
}*/

.desktop-logo.navbar-brand{
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.desktop-logo.navbar-brand .circle-border{
	width: 68px !important;
	height: 68px !important;
}


.mobile-logo.navbar-brand .circle-border{
	width: 68px !important;
	height: 68px !important;
}



.mobile-logo.navbar-brand{
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.hideInfo {
	opacity: 0;
	transition: opacity 0.6s linear;
}

.removeInfo{
	display: none;
}




.mobile-logo{
	display: none !important;
}
  
/*.navbar .navbar-nav{
	border: 2px solid #FF5900;
	border-radius: 400px;
}*/

.navbar .navbar-nav .nav-item .nav-link{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FF5900;
	padding: 17px 35px;
	cursor: pointer;
  }


  .header .navbar-brand img{
	  width: 154px;
	  margin-left: 15px;
  }
  

  .header .download-btn{
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 16px !important;
	text-align: center !important;
	color: #FF5900 !important;
	background: transparent !important;
	border-radius: 4px !important;
	padding: 14px 20px !important;
	border-color: #FF5900 !important;
	z-index: 999;
	transition: 0.50s ease-in-out;
	width: 180px;
  }

  .header .download-btn:after{
	content: '';
	width: 0;
    height: 100%;
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FF5900;
	transition: 0.50s ease-in-out;
	z-index: -1;
 }

 .header .download-btn:hover:after{
	width: 100%;
 }

 .header .download-btn:hover{
	color: #fff !important;
 }

  /* .header .download-btn:hover{
	color: #fff !important;
	background-color: #FF5900 !important;
  } */
  
  .header .navbar-collapse{
	justify-content: space-between;
    align-items: center;
  }

/*  .header.sticky .navbar-collapse {
    margin: 12px 0 0 46px;
  }*/

  .top-banner-content{
	padding: 50px 0 80px 0;
  }

 
  .top-banner-content .top-banner-left h6 {
	font-family: 'Aeonik' !important;
	background: #F5F5F5;
	border-radius: 35px;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #FF5900;
	height: 36px;
    padding: 8px;
    display: inline-block;
	margin: 0;
  }

.top-banner-content .top-banner-left h6 span{
	background: #FF5900;
	border-radius: 31px;
	padding: 7px;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 18px;
	color: #FFFFFF;
	margin-right: 5px;
}
.top-banner-content .top-banner-left h6 img{
    width: 12px;
    margin-left: 5px;
}

.top-banner-content .top-banner-content .top-banner-right img{
	max-width: 700px;
    width: 100%;
}
  
  
.top-banner-content  h1{
	font-style: normal;
	font-weight: 400;
	font-size: 74px;
	line-height: 84px;
	letter-spacing: -1.68px;
	color: #FF5900;
	padding: 40px 0 25px 0;
}

  .top-banner-content h1{
	display: block;
	animation: 2s anim-lineUp ease-out;
  }

  .meet-network-slider .meet-network-slider-content .meet-right p {
	opacity: 0;
  }

  .home_energy_rewarding .item.active p{
  	opacity: 1;
	animation: 2s anim-lineUp ease-out;	
  }

  



  .top-banner-content .top-banner-left p {
	animation: 3s anim-lineUp ease-out;
  }

  .top-banner-content .top-banner-left .btn{
	animation: 4s anim-lineUp ease-out;
  }

  .top-banner-content .top-banner-left .btn{
	animation: 4s anim-lineUp ease-out;
  }

  .top-banner-content .top-banner-right img{
	animation: 4s anim-lineUp ease-out;
  }
  @keyframes anim-lineUp {
	0% {
	  opacity: 0;
	  transform: translateY(80%);
	}
	20% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	  transform: translateY(0%);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0%);
	}
  }

.text-animation{
	animation: fadeIn 1s ease-in both;
	animation-delay: 1s;
  }
  .text-animation2{
	animation: fadeIn 1s ease-in both;
	animation-delay: 2s;
  }
  .text-animation3{
	animation: fadeIn 1s ease-in both;
	animation-delay: 3s;
  }
  .text-animation4{
	animation: fadeIn 1s ease-in both;
	animation-delay: 4s;
  }
  @keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
  @-webkit-keyframes fadeIn {
	0% {
	   opacity: 0;
	   -webkit-transform: translateY(-20px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateY(0);
	}
 }

.top-banner-content  h1 span{
	color: #5EF884;
}

  .top-banner-content .top-banner-left h1 span{
	color: #5EF884;
  }

.top-banner-content .top-banner-left p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #FF5900;
    max-width: 553px;
	margin-bottom: 40px;
  }

  
  .marquee-box p{
	font-weight: 400;
	font-size: 12px;
	line-height: 25px;
	color: #786CD0;
  }
  .marquee-text{
	padding: 36px 0 75px 0;
  }
  .marquee-text a{
	 /* background-color: #F1F1F1; */
    margin: 0 40px;
  }


.marquee-text a img{
	width: 145px;
  }

.marquee-text a:hover img{
	opacity: 1;
	filter: sepia(555) hue-rotate(206deg) saturate(1092%) brightness(4);

}

.mega-savings{
	padding: 78px 0 95px 0;
	/* background: url(../img/mega-savings-bg-img.png)repeat; */
    background-size: contain;
	background-color: #fff;
	transition:0.4s ease-in-out;
}

.mega-savings:hover{
	background-color: #f1eca5;
}

.mega-savings .title{
	text-align: center;
}

.mega-savings .title h2{
	font-family: 'Aeonik' !important;
	font-style: normal;
	font-weight: 400;
	font-size: 64px;
	line-height: 64px;
	color: #FF5900;
}

.mega-savings .title p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #FF5900;
	max-width: 668px;
	margin: 20px auto 60px auto;
}

.mega-savings input[type="range"] {
	-webkit-appearance: none !important;
	width: 100%;
	height: 8px;
	background:#F1D972;
	border: none;
	outline: none;
	border-radius: 8px;
}

.mega-savings input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	width: 20px;
	height:20px;
	background: #fff;
	border: 6px solid #FF5900;
	border-radius: 50%;
	cursor: pointer;
}

/*input[type='range']::-webkit-slider-runnable-track {
  height: 8px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px;
}*/
.mega-savings input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  /*background: transparent;*/
}


.mega-savings .range-silder{
	max-width: 100%;
}
.mega-savings .range-silder p{
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #FF5900;
	margin-bottom: 0;
}

.mega-savings .range-silder ul{
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mega-savings .range-silder ul li{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	color: #786CD0;
}

.mega-savings .bill-list{
	margin-top: 80px;
}

.mega-savings .bill-list ul{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.mega-savings .bill-list ul li{
	padding:30px 15px ;
	width: 19%;
	position: relative;
	height: 153px;
}

.mega-savings .bill-list ul li .borderLeft{
	border: 3px solid #E8CE5E;
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fff;
    left: -5px;
}

.mega-savings .bill-list ul li p,
.mega-savings .bill-list ul li h3{
	margin: 0;
}

.mega-savings .bill-list ul li p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #786CD0;
	margin:0 0 5px 0;
}

.mega-savings .bill-list ul li h3{
	font-style: normal;
	font-weight: 400;
	font-size: 48px;
	line-height: 64px;
	color: #FF5900;
	margin: 0;
	position: relative;
	z-index: 100;
}

.mega-savings .bill-list ul li h3:after{
	content: "";
    border-bottom: 16px solid #E8CE5E;
    bottom: 15px;
    width: 58%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 30px;
}


.mega-savings .scheduleCall{
	margin-top: 68px;
	text-align: center;
}




.utility-rate p.utility-rate-amt{
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #FF5900;
	margin: 0;
}


.utility-rate p.utility-text{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	color: #786CD0;
	margin: 0;
  }



.utility-border{
	max-width: 80%;
	height: 3px;
	background: #E8CE5E;
	margin: 13px 0 8px 0;
}

.bar-slider{
	width: 100%;
}

.mega-savings .btn-primary{
	margin-top: 35px;
	font-weight: 400 !important;
}

.rewarding{
	padding: 100px 0 160px;
	background: url(../img/rewarding-bg-banner.png)no-repeat;
	background-size: cover;
	min-height: 715px;
	background-position: 0 40%;
	
}

.rewarding .title{
	max-width: 438px;
}

.rewarding .title .flower_shap{
	margin-bottom: 43px;
}
.rewarding h2{
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 54px;
	color: #FF5900;
}

.rewarding p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #FF5900;
	margin: 0;
    padding: 10px 0 30px 0;
}

.daylight-points-contnt{
	position: relative;
}

.daylight-points-contnt .circle_shape{
	position: absolute;
	z-index: 1;
	top: -95px;
    left: -95px;
}


.daylight-points-contnt .points-content-box{
	background-color: #f5f5f5 !important;
    border-radius: 12px;
    padding-top: 50px;
    text-align: center;
    width: 322px;
    min-height: 345px;
    background: url(../img/daylight-points-bg-shap.png)no-repeat;
    background-size: contain;
    background-position: 0px 100%;
	z-index: 999;
	position: inherit;
}



.daylight-points-contnt .points-content-box h3{
	color: #FF5900;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
    z-index: 10;
    font-weight: 400;
    font-size: 80px;
    line-height: 80px;
}

.daylight-points-contnt .points-content-box h3:after{
	position: absolute;
    content: "";
    background-color: #AFFCC2;
    bottom: 5px;
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
	height: 7px;
}

.daylight-points-contnt .points-content-box h5{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #FF5900;
}

.daylight-points-contnt .points-content-box h5 span img{
	vertical-align: text-bottom;
}

.daylight-points-contnt .points-content-box p{
	color: #FF5900;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	padding-top: 34px;
	padding-bottom: 0;
}

.rewarding .rewarding-right .cash_balance_box{
	display: flex;
    justify-content: flex-start;
	align-items: flex-start;
    flex-direction: column;
	padding: 95px 24px 0px 24px;
}


.rewarding .daylight-points-contnt .learn-more{
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.1px;
	text-decoration-line: underline;
	color: #FF5900;
}



.rewarding .rewarding-right{
	display: flex;
    justify-content: center;
    align-items: center;
}



.rewarding .rewarding-right .sun_shap-img{
    margin-bottom: 76px;
}

.rewarding .rewarding-right .cash_balance-img{
	width: 205px;
}

.easy-smart{
	padding: 25px 0 100px 0;
}
.easy-smart h3{
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 54px;
}

.easy-smart p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	max-width: 438px;
}

.easy-smart .easy{
	padding: 60px 115px 117px 115px;
    background: url(../img/isolation_mode.png)no-repeat;
    background-color: #AFFCC2;
    background-size: 77%;
    background-position: 105px 100%;
}

.easy-smart .easy .flower_shap,
.easy-smart .smart .flower_shap{
	margin-bottom: 43px;
}

.easy-smart .easy h3,
.easy-smart .easy p{
	color: #FF5900;
	max-width: 438px;
	margin: 0;
}

.easy-smart .easy p{
	padding: 10px 0 50px 0;
}

.easy-smart .easy .view-design{
	background: #FFFFFF;
	border: 1px solid #AFFCC2;
	border-radius: 12px;
	max-width: 310px;
	padding: 15px;
	margin-top: 106px;
}

.easy-smart .easy .view-design h4{
	color: #FF5900;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}

.easy-smart .easy .view-design p{
	color: #FF5900;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 25px;

}

.chat-with{
	border: 2px solid #FF5900;
    padding: 10px 18px;
    color: #FF5900;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
}

.easy-smart .smart{
	padding: 60px 115px 117px 115px;
    background: url(../img/smart-bg-img.png)no-repeat;
    background-color: #FF5900;
	background-size: 54%;
    background-position: 62% 100%;
}

.easy-smart .smart .energy_monitor{
	background-color: #fff;
    border-radius: 12px;
    margin-top: 105px;
    width: 310px;
    padding: 10px;
}

.easy-smart .smart,
.easy-smart .easy{
	max-height: 715px;
}

.easy-smart .smart h3,
.easy-smart .smart p{
	color: #AFFCC2;
}

.easy-smart .smart p{
	padding: 10px 0 50px 0;
}

.easy-smart .smart .btn{
	background: #AFFCC2 !important;
	color: #FF5900;
}

.easy-smart .smart .btn span img{
	filter: brightness(113%) !important;
}


.building-smarter{
	background: url(../img/smarter-building-bg-banner.png)no-repeat;
	background-size: contain;
    min-height: 715px;
    background-position: 50% 100%;
	padding-top: 54px;
	background-color: #F1ECA5;
}


.building-smarter .nav-link{
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 14px 22px;
	color: #FF5900;
	background-color: transparent;
}

.building-smarter .nav-link.active{
	color: #F1ECA5 !important;
	background-color: #FF5900 !important;
	border-radius: 30px;
}

.building-smarter h2{
	font-style: normal;
	font-weight: 700;
	font-size: 44px;
	line-height: 44px;
	color: #FF5900;
	max-width: 425px;
    margin: 0;
	padding: 25% 0 30px 0;
}

.building-smarter p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #FF5900;
	max-width: 322px;
}
.building-smarter .nav-tabs {
    border-bottom: none;
}

.building-smarter .building-smarter-right img{
	margin: -200px 0 0 0;
	display: none;
}


.resources{
	background: #FF5900;
	padding: 68px 0 100px 0;
}

.resources h2{
	font-style: normal;
	font-weight: 400;
	font-size: 44px;
	line-height: 50px;
	margin-bottom: 48px;
	color: #FFFFFF;
}
.resources .resources-content{
	background-color: #fff;
	padding: 53px 55px 25px 90px;
}


.resources .resources-content .resources-content-img img{
	max-width: 437px;
    width: 100%;
	margin: 0 0 25px 0;
}


.resources .resources-content .btn{
	font-weight: 400 !important;
    font-size: 16px !important;
	line-height: 21px !important;
	color: #FF5900 !important;
	background-color: transparent !important;
	border: none;
	padding: 0 !important;
	height: auto !important;
}

.resources .resources-content .btn:after{
	display: none;
}

.resources .resources-content .btn span img{
	filter: initial;
	width: 16px !important;
	vertical-align: text-bottom;
	margin-left:0;
}

.resources .resources-content .title h3{
    color: #FF5900;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.02%;
    margin: 0;
    max-width: 436px;
    padding: 8px 0 0;
}

.resources .resources-content-bottom h3 {
    font-size: 26px!important;
    line-height: 38px!important;
    max-width: 383px!important;
}

.resources .resources-content h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #FF5900;
    padding: 8px 0 57px 0;
}

.resources .resources-content-bottom{
	padding: 64px 90px;
	margin-top: 24px;
}

.resources .resources-content.bg-warning{
	background-color: #F1ECA5 !important;
}

.resources .resources-content.bg-success{
	background: #AFFCC2 !important;
	    height: 419px;
}


.footer{
	border-radius: 0px;
	padding: 200px 0 50px 0;
}

.footer h2{
	font-style: normal;
	font-weight: 400;
	font-size: 35px;
	line-height: 40px;
	color: #FFFFFF;
	margin: 0;
    padding-bottom: 47px;
}

.footer .form-control{
	background-color: transparent !important;
	color: #fff;
}

.footer .footer-input .wailist-input {
    background: transparent;
    margin: 0;
    max-width: 100%;
}


 
.wailist-input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, 0.77);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
	padding: 0;
	max-width: 553px;
	margin: 0 auto;
	background: transparent;
    max-width: 80%;
    margin: 0;
    border-bottom: 3px solid #786CD0;
}

.top-banner-bg .error{
  margin-bottom: 150px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 12px 40px !important;
  max-width: 615px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  margin: 0 auto;

}


.wailist-input .form-control{
	border: none;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #2E3939;
	background-color: transparent !important;
	z-index: 999999;
	height: 45px;
}


.wailist-input .btn {
	background: transparent !important;
    text-align: center;
    padding: 5px 0 !important;
    border: none;	
}

.wailist-input .btn:hover{
	background: #F8FF31;
	border-color: #F8FF31;
	color: #2E3939;
}


.wailist-input .form-control::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #D0CDEC; /* Firefox */
}

.wailist-input .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #D0CDEC;
}

.wailist-input .form-control::-ms-input-placeholder { /* Microsoft Edge */
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #D0CDEC;
}

.footer .footer-nav{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .footer-nav ul li a{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	/*display: flex;*/
	align-items: center;
	text-align: center;
	color: #AFFCC2 !important;
	margin-right: 30px;
	line-height: 30px;
	cursor: pointer;
}


.footer .form-control::placeholder {
	color: #D0CDEC;
}

.footer .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #D0CDEC;
}

.footer .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #D0CDEC;
}

.footer .footer-input{
	margin-bottom: 150px;
	max-width: 553px;
}

.footer .social-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .social-box ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/* position: fixed;
	bottom: 60px;
	right: 6.7vw;
	z-index: 999; */
}
.footer .social-box ul li{
	margin:0 14px;  
}

.footer .social-box ul li a img{
	filter: drop-shadow(0px 2px 5px #000);
}


/* .footer .social-box{
	margin-bottom: 50px;
} */


.footer .social-box ul li{
    height: 30px;
    width: 30px;
    /* overflow: hidden;
	transform: translate(0, 15px); */
}


.footer .social-box ul li a img{
	filter: drop-shadow(0px 2px 5px #00000020);
	width: 30px;
}
.footer .social-box ul li a img.img-1{
	display: block;
	transform: translate(0, 0);

}

/* .footer .social-box.floating ul li a img.img-1{
	display: none;
	transform: translate(0, 0);

} */

.footer .social-box ul li a img.img-2{
	display: none;
	transform: translate(0, -30px);
}


.footer .social-box.floating ul li a img.img-2{
	display: block;
	transform: translate(0, -30px);
}



.download-app{
	text-align: right;
	margin-bottom: 25px;
}

.download-app ul {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.download-app p{
	font-weight: 400;
	font-size: 22.5px;
	line-height: 120%;
	color: #fff;
	padding-bottom: 30px;
	margin: 0;
}

.download-app ul li a img{
	margin:0 10px;
}

.footer_logo{
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footer_logo ul{
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.footer_logo ul li{
	margin-right: 30px;
}

.footer_logo ul li a{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #D0CDEC;
}

.footer_logo .copyright{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	filter: brightness(100);
}

.footer_logo p.copyright{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	text-align: right;
	color: #D0CDEC;
}

.footer_logo img{
	filter: brightness(100);
    width: 92px;
}

.footer-input p{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	color: #786CD0;
	padding-top: 5px;
}

.footer .footer-nav h3{
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 18px;
	color: #B5B5B5;
}
.footer .footer-nav{
	padding: 34px 0;
	border-bottom: 1px solid #786CD0;
}

.footer .footer-nav ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	padding: 0;
}


.why-home-slider{
	padding: 106px 0 120px 0;
}

.why-home-slider .title h3{
	font-style: normal;
	font-weight: 400;
	font-size: 44px;
	line-height: 50px;
	color: #FF5900;
	margin-bottom: 12px;
	text-transform: capitalize;
}

.why-home-slider .title p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #FF5900;
	margin: 0;
	padding-bottom: 100px;
}

.why-home-slider .why-home-content{
	background: #F0EEFC;
	padding: 184px 28px 120px 28px;
	max-height: 714px;
    min-height: 714px;
}


.why-home-content h3{
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 138%;
	color: #FF5900;
	padding-bottom: 0;
	position: relative;
	text-align: left;
	min-height: 350px;
}

.why-home-content h3:after{
	content: '';
	display: block;
	background: url(../img/double-quotes-img.svg)no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	top: -40px;
	background-size: 25px;
}

.why-home-content .why-home-user-detail{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.why-home-content .why-home-user-detail img{
	width:38px;
	margin-right: 15px;
}

.why-home-content .why-home-user-detail h5{
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #FF5900;
	margin: 0;
	text-align: left;
}

.why-home-content .why-home-user-detail p{
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 18px;
	color: #786CD0;
	text-align: left;
}

  
  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
    display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 50px 0;
  }

  .swiper-horizontal>.swiper-pagination-bullets, 
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, .swiper-pagination-fraction{
		width: 90px !important;
		bottom: 10px !important;
		text-align: left;
  }

  .swiper-button-next, .swiper-rtl .swiper-button-prev{
	left: auto !important;
    bottom: 0 !important;
    top: auto !important;
	width: 37px !important;
    height: 37px !important;
    background: #F5F5F5 !important;
    border-radius: 50%;
  }


  .swiper-button-next:hover,
  .swiper-button-prev:hover{
	background-color: #FF5900 !important;
  }



  .swiper-button-prev, .swiper-rtl .swiper-button-next{
	right: 60px !important;
    left: auto !important;
    bottom: 0 !important;
    top: auto !important;
    width: 37px !important;
    height: 37px !important;
    background: #F5F5F5;
    border-radius: 50%;
  }

  
  .swiper-button-prev:after{
	font-size: 0 !important;
	background: url(../img/slider-arrow-left.png)no-repeat;
	height: 20px;
	width: 20px;
	background-size: 20px;
}

  .swiper-button-next:after{
	font-size: 0 !important;
	background: url(../img/slider-arrow-left.png)no-repeat;
	height: 20px;
	width: 20px;
	background-size: 20px;
	transform: rotate(180deg);
  }
  
  .swiper-button-prev:hover:after,
  .swiper-button-next:hover:after,
  .swiper-button-prev:active:after,
  .swiper-button-next:active:after
  /*.swiper-button-prev:focus:after,*/
  /*.swiper-button-next:focus:after*/
  {
	filter: brightness(150) !important;
  }
  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .swiper-pagination-bullet-active{
	background: #FF5900 !important;
  }

  .swiper-pagination-bullet{
	width: 12px !important;
    height: 12px !important;
  }


	.home_energy_rewarding{
		background: #FF5900;
		padding: 144px 0;
		/*transition: .4s ease-in-out;*/
	}

  .home_energy_rewarding .platform-link{
	background: #786CD0;
	border-radius: 400px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 24px;
	text-transform: uppercase;
	text-decoration: none;
  }

  .home_energy_rewarding .rightContent{
		text-align: right;	
  }

  .home_energy_rewarding .rightContent img{
	max-width: 490px;
	width: 100%;
    margin-top: -70px;
  }

  .home_energy_rewarding h3{
	font-style: normal;
	font-weight: 400;
	font-size: 64px;
	line-height: 64px;
	color: #FFFFFF;
	max-width: 780px;
	margin: 20px 0 0 0;
	padding-bottom: 20px;
  }

  .home_energy_rewarding h3 span{
	color: #5EF884;
	
  }	

  .home_energy_rewarding p{
	font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
    max-width: 667px;
    margin-bottom: 83px;

  }

  .mega-savings .utility-rate .form-control{
	background-color: transparent;
    border: none;
    border-bottom: 3px solid #E8CE5E;
    padding: 0;
    height: 50px;
    border-radius: 0;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 25px !important;
	line-height: 28px !important;
	color: #FF5900 !important;
}

.mega-savings .bill-list ul li.active {
    background-color: #AFFCC2;
}

.mega-savings .bill-list ul li.active h3:after {
    border-bottom: 16px solid #5EF884;
}

.mega-savings .utility-rate input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.mega-savings .utility-rate input[type=number] {
  -moz-appearance: textfield;
}

  .mega-savings .utility-rate input::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #FF5900;
	opacity: 1; /* Firefox */
  }
  
  .mega-savings .utility-rate input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #FF5900;
  }
  
  .mega-savings .utility-rate input::-ms-input-placeholder { /* Microsoft Edge */
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 34px;
	color: #FF5900;
  }




  .mega-savings .scheduleCall .btn-primary{
	color: #fff !important;
    background-color: #FF5900 !important;
	border-color: #FF5900 !important;
	padding: 12px 60px !important;
  }



  .mega-savings .scheduleCall .btn-primary:hover{
	color: #fff !important;
    background-color: #FF5900 !important;
	border-color: #FF5900 !important;
  }


  .home_energy_rewarding .homeEnergy_contntBox{
    padding-top: 10px;
	margin-top: 50px;
	padding-left: 0;
  }

  .home_energy_rewarding .mid-rewarding-points{
	overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 100px;
    height: 940px;
  }


	/* .mid-rewarding-points {
		display: block;
		width: 10em;
		overflow: auto;
		height: 2em;
	} */

	.invisible-scrollbar::-webkit-scrollbar {
		display: none;
	}

	/* Demonstrate a "mostly customized" scrollbar
	* (won't be visible otherwise if width/height is specified) */
	.mid-rewarding-points::-webkit-scrollbar {
		width: 5px;
		height: 8px;
		background-color: #786CD0; /* or add it to the track */
	}

	/* Add a thumb */
	.mid-rewarding-points::-webkit-scrollbar-thumb {
		background: #AFFCC2;
	}

	.home_energy_rewarding .homeEnergy_contntBox .homeEnergy_contntBox-icon{
		max-width: 48px;
		margin-bottom: 15px;
		animation: zoom-in-zoom-out 5s linear infinite;
		transition: 5.5s ease-in-out;
	}


	@keyframes zoom-in-zoom-out{
		0%{
		  transform: scale(1, 1);
		}
		50%{
			transform: scale(1.5, 1.5);
		}
		100%{
			transform: scale(1, 1);
		}
	  }

  .home_energy_rewarding .homeEnergy_contntBox h3{
	font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #FF5900;
    margin: 20px 0 15px 0;
    padding: 0;
  }

  /*.home_energy_rewarding .homeEnergy_contntBox h3 span{
	color: #5EF884;
  }*/

  .home_energy_rewarding .homeEnergy_contntBox p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #FF5900;
	margin: 0;
	padding-bottom: 30px;
	max-width: 438px;
  }

  .home_energy_rewarding .betterBrighter_home{
	background: url(../img/betterBrighter_home_2.jpg)no-repeat;
	background-size: cover;
	width: 100%;
	padding: 90px 70px;
	background-position: 0 100%;
	min-height: 630px;
	/* background-color: #aefcc2; */
	background-color: #f0eefc;
	margin-top: 100px;
  }

  .home_energy_rewarding .betterBrighter_home h3{
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 54px;
	color: #FF5900;
	max-width: 360px;
  }

  .home_energy_rewarding .betterBrighter_home p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #FF5900;
	max-width: 360px;
  }

  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul{
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li{
	margin: 0 12px;
  }

  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li .qr_code_img{
	max-width: 207px;
	width: 100%;
  }

  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li .google_play_store{
	max-width: 206px;
	width: 100%;
  }

  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li .app_store_img{
	max-width: 183px;
	width: 100%;
  }

  .resources{
	background: url(../img/footer-bg_resources.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}



/*shop page css*/

.shop-section{
    padding: 70px 0 50px 0;
}


.technical-specifications{
    padding: 50px 0;
}

.app-store{
    padding: 85px 0;
}

.shop-section,
.technical-specifications{
    background: #fff;
}

.shop-section .shop-title{
    margin-bottom: 45px;
}
.shop-section .shop-title h2{
    font-size: 54px;
    line-height: 120%;
    color: #FF5900;
}

.shop-section .shop-title p{
    font-style: normal;
    font-size: 18px;
    line-height: 160%;
    color: #FF5900;
}

.shop-section .product-detail-box h3{
    font-style: normal;
    font-size: 34px;
    line-height: 120%;
    color: #FF5900;
}


.shop-section .product-detail-box p{
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 120%;
    color: #FF5900;
    margin-top: 14px;
}


.shop-section .btn-primary{
    font-style: normal;
    text-align: center;
    padding: 12px 65px !important;
    margin-top: 85px;
}

.bg-grey {
    background: #ececec;
}

.terms{
	padding-top: 50px;
}

.privacy{
	padding-top: 0;
}
.terms p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 20px;
    color: #FF5900;
    font-style: normal;
    margin: 0;
}
.terms h4.terms-title{
	color: #FF5900;
}
.terms h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 22px;
    padding: 18px 0;
    text-transform: uppercase;
}
.technical-specifications h3{
    font-style: normal;
    font-size: 36px;
    line-height: 140%;
    letter-spacing: 1px;
    color: #FF5900;
    margin: 0;
    padding-bottom: 80px;
}

.technical-specifications h4{
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    color: #FF5900;
    margin: 0;
    padding-bottom: 30px;
}

.technical-specifications h5,
.technical-specifications p{
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #786CD0;
    margin: 0;
}

.technical-specifications p{
    font-weight: 400;
    margin:0;
    padding-bottom: 30px;
    max-width: 200px;
}

.technical-specifications ul li{
    list-style: disc;
    margin-left: 20px;
}

.technical-specifications ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #786CD0;
    text-decoration: none;
}



.app-store .app-store-discription-box{
    max-width: 572px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}


.app-store .app-store-discription-box h6{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #FF5900;
    margin-bottom: 30px;
}

.app-store .app-store-discription-box p{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #FF5900;
    margin-bottom:40px;
}

.app-store .app-store-discription-box .app-store-box a{
    margin-right: 30px;
}

.shop-section .product-detail-box{
    margin-top: 15px;
    padding-left: 100px;
}

.app-store .app-store-discription-box .app-store-box img{
    width: 160px;
}


.shopFooter_bg{
	background: url(../img/footer-bg_resources.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}

.shopFooter_bg .footer {
    padding: 100px 15px 50px 35px;
}

.shop-section .product-detail-box .quantity-box {
    margin-top: 45px;
}

.shop-section .product-detail-box .quantity-box .btn img{
    width: 12px;
    height: 18px;
}


.shop-section .product-detail-box .quantity-box ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #2E3939;
    width: 150px;
    height: 55px;
    margin: 0;
}

.shop-section .product-detail-box .quantity-box ul li{
    width: 33.33%;
    text-align: center;
}

.shop-section .product-detail-box .quantity-box ul li .btn{
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    background-color: #fff !important;
}

.shop-section .product-detail-box .quantity-box ul li h4{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 52px;
    color: #2E3939;
    margin: 0;
}

.shop-section .product-detail-box .quantity-box h5.quantity-box-title{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2E3939;
    opacity: 0.5;
}

.shop-section .swiper-horizontal>.swiper-pagination-bullets, 
.shop-section .swiper-pagination-bullets.swiper-pagination-horizontal, 
.shop-section .swiper-pagination-custom, 
.shop-section .swiper-pagination-fraction{
    width: 100% !important;
    bottom: 10px !important;
    text-align: center;   
}

.shop-section .swiper-pagination-bullet-active {
    width: 24px !important;
    border-radius: 20px;
}

.top-banner-content.shop .top-banner-right img{
    max-width: 567px;
    width: 100%;
}

/*shop page css*/
html{
scroll-behavior: smooth;
}
/*faq css*/

.top-banner.top-banner-2{
    background: none;
    background-size: cover;
} 

.faq-more-react{
    /* background: url(../../assets/img/faq-banner.png)no-repeat; */
    background-size: cover;
}
.faq-more-react .accordion.border-top{
    border-top:1px solid rgba(12, 45, 36, 0.35)
}

.faq-more-react .accordion.border-bottom{
    border-bottom:1px solid rgba(12, 45, 36, 0.35)
}

/*.faq-more-react{
    padding: 74px 0 0 0;
} */

section.faq-more-react.faq-box {
    padding: 0 0 74px 0;
}
.faq-banner{
    background-color: #FF5900;
    padding: 110px 0 100px 0;
    margin-bottom: 85px;
}

.faq-more-react h2{
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 0;
}

.faq-more-react h2 span{
    font-weight: 400;
    font-size: 45px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.faq-more-react .accordion.collapsed::after {
    background: url(../img/plus-icon-black.svg)no-repeat;
    transform: scale(.7) !important;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    z-index: 999999;
    background-size: cover;
}
.faq-more-react .accordion::after {
    background: url(../img/minus-icon-black.svg)no-repeat;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    background-size: contain;
}

.faq-more-react .accordion {
    background-color:transparent;
    cursor: pointer;
    padding:18px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-size: 36px;
    line-height: 41px;
    color: #FF5900;
}


.faq-more-react .panel {
    padding: 0;
    display: none;
    background-color:transparent;
    overflow: hidden;
}


.faq-more-react p{
   /* padding: 20px 0 40px 0;*/
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #FF5900;
}
.fqaans{
	 padding: 20px 0 40px 0;
}
/*faq css*/

/* marquee start */
.marquee-wrapper{
  text-align:center;
}
.marquee-wrapper .container{
  overflow:hidden;
}
.marquee-inner span{
  float:left;
  width:50%;
}
.marquee-wrapper .marquee-block{
  --total-marquee-items:6;
  height: 150px;
  width: calc(250px * (var(--total-marquee-items)));
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: 20px auto;
  padding: 30px 0;
}
.marquee-inner{
  display: block;
  width: 200%;
  position: absolute;
}
.marquee-inner a{
  font-weight: 800;
  font-size: 30px;
  font-family: cursive;
}
.marquee-inner.to-left{
  animation: marqueeLeft 25s linear infinite;
}
.marquee-inner.to-right{
  animation: marqueeRight 25s linear infinite;
}
.marquee-item{
  width: 230px;
  height: auto;
  display: inline-block;
  margin: 0 10px;
  float: left;
  transition: all .2s ease-out;
}
.marquee-item a img {
    width: 145px;
}

.marquee-wrapper p {
    color: #786cd0;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
}
@keyframes marqueeLeft{
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes marqueeRight{
  0% { 
    left: -100%; 
  }
  100% {
   left: 0; 
  }
}
/* marquee end */
/*** Rotating logo start ***/
/*.circle-border {
    width:100px;
    height:100px;
  }*/
 /* .move {
   animation: circle .2s ease 1;
      animation: circle 5s ease 1;

  }*/
/*  .circle-border svg {
-webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    transform: rotate(720deg);
    transition: transform 0.9s ease 0.3s;
}

@keyframes circle {
  0% {transform:rotate(0)}
  100% { transform:rotate(720deg)}
}*/
/*.circle-border svg {
  -webkit-animation: slow 1.5s linear 1.5s, fast 1s linear 1s, slow 2 1s linear 1s;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes slow {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(90deg)
  }
}

@-webkit-keyframes fast {
  from {
    -webkit-transform: rotate(91deg)
  }
  to {
    -webkit-transform: rotate(270deg)
  }
}

@-webkit-keyframes slow2 {
  from {
    -webkit-transform: rotate(271deg)
  }
  to {
    -webkit-transform: rotate(359deg)
  }
}*/

.circle-border svg {
  animation: animName 4s linear infinite;
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}




/*** Rotating logo end ***/
@media(max-width: 1500px){

	.easy-smart .easy,
	.easy-smart .smart{
		padding: 60px 80px 117px 80px;
	}

	.easy-smart .easy .view-design,
	.easy-smart .smart .energy_monitor{
		margin-top: 70px;
	}

	.easy-smart .smart{
		background-size: 75%;
	}

	.home_energy_rewarding h3{
		font-size: 65px;
		line-height: 80px;
	}

	.home_energy_rewarding p{
		font-size: 30px;
		line-height: 36px;
		max-width: 630px;
	}

	.why-home-content h3{
		font-size: 28px;
		min-height: 400px;
	}
}

@media(max-width: 1350px){

	.top-banner-content h1{
		font-size: 66px;
		line-height: 74px;
	}

	.mega-savings .title h2{
		font-size: 56px;
	}

	.mega-savings .title p{
		font-size: 17px;
	}

	.resources .resources-content.bg-success,
	.resources .resources-content.bg-warning{
		height: 458px;
	}
}

@media(max-width: 1200px){

	.container {
		max-width: 100%!important;
	}
	.header {
		margin-bottom: 20px;
	}

	.top-banner-content h1 {
		font-size: 54px;
		line-height: 62px;
		letter-spacing: -1.68px;
		margin: 0;
		padding: 30px 0 20px 0;
	}

	.top-banner-content p{
		font-size: 18px;
		line-height: 24px;
	}

	.mega-savings .bill-list ul li{
		padding: 30px 10px;
	}

	.mega-savings .bill-list ul li h3{
		font-size: 38px;
	}

	.rewarding .title {
		max-width: 100%;
		padding: 0 50px 0 0;
	}



	.daylight-points-contnt .points-content-box h3{
		font-size: 50px;
		line-height: 56px;
	}

	.daylight-points-contnt .points-content-box h3:after{
		height: 5px;
	}

	.daylight-points-contnt .points-content-box{
		width: 260px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.easy-smart .smart{
		margin-top: 15px;
	}

	.easy-smart .easy{
		background-size: 50%;
	}

	.easy-smart .smart {
		background-size: 37%;
		background-position: 50% 100%;
	}

	.building-smarter{
		min-height: 546px;
	}


	.building-smarter h2{
		font-size: 40px;
		line-height: 42px;
	}

	.home_energy_rewarding h3{
		font-size: 50px;
		line-height: 60px;
	}

	.home_energy_rewarding p{
		font-size: 24px;
		line-height: 30px;
		max-width: 80%;
	}

	.home_energy_rewarding .betterBrighter_home{
		padding: 90px 25px;
	}
	.home_energy_rewarding .rightContent img {
		margin-top: 0;
	}
	.why-home-slider .why-home-content{
		max-height: 690px;
		min-height: 690px;
	}

	.why-home-content h3 {
		font-size: 24px;
		padding-bottom: 60px;
	}

	.resources .resources-content-bottom h3{
		font-size: 22px !important;
		line-height: 30px !important;
	}

	.app-store .app-store-discription-box h6{
        font-size: 24px;
    }

    .shop-section .product-detail-box {
        padding-left: 0;
    }
}

@media(max-width: 991px){

	
	/*.sticky .download-btn,*/
	.header .download-btn{ 
		display: block !important;
		width: 100%;
	}



/*	.header .navbar{
		border-bottom: 1px solid #ddd;
	}*/


/*	.sticky {
		background-color: #fff;
	}

	.header.sticky{
	    display: block;
	    background-color: #fff;
	}

	.header.sticky .navbar-collapse {
	    margin: 0;
	}*/
	.header .navbar-toggler{
		outline: none !important;
		box-shadow: none !important;
	}

	.top-banner {
	    z-index: 0;
	    position: relative;
	}



	
	/* .mobile-logo{
		display: block !important;
	} */

	.mobile-logo.navbar-brand {
		display: flex !important;
		justify-content: flex-start;
		align-items: end;
	}

	.desktop-logo{
		display: none !important;
	}

	.navbar .navbar-nav {
		border: none;
		border-radius: 0;
	}

	.navbar .navbar-nav .nav-item .nav-link{
		padding: 17px 17px;
	}

	.navbar-collapse{
		align-items: flex-start;
		flex-direction: column;
	}


	.easy-smart .smart,
	.easy-smart .easy{
		margin: 10px 0;
		padding: 100px;
		max-height: initial;
	}

	.easy-smart .easy{
		background-position: 15% 64%;
		background-size:450px;
	}

	.easy-smart .smart{
		background-position: 100% 95%;
		background-size:400px;
	}


	.easy-smart .easy .view-design, .easy-smart .smart .energy_monitor {
		margin-top: 250px;
	}

	.top-banner .top-banner-content .row.direction{
		flex-direction: column-reverse;
	}
	.top-banner .top-banner-content .top-banner-left{
		margin-top: 25px;
	}

	.mega-savings .title h2 {
		font-size: 54px;
	}

	.mega-savings .title p {
		font-size: 18px;
	}

	.mega-savings .btn-primary{
		margin-top: 50px;
	}

	.mega-savings-right{
		padding-top: 60px;
		text-align: center;
	}

	.rewarding .rewarding-right{
		padding-top: 90px;
	}

	.daylight-points-contnt .points-content-box{
		width: auto;
	}

	.rewarding .title {
		max-width: 75%;
		padding: 0 50px 0 0;
	}

	.building-smarter {
		min-height: 445px;
	}
	.building-smarter h2 {
		font-size: 32px;
		line-height: 34px;
		padding: 20% 0 20px 0;
	}

	.building-smarter .nav-link{
		font-size: 16px;
		line-height: 16px;
	}

	.mega-savings .bill-list ul li{
		width: 49%;
		margin: 10px 0;
		padding: 30px 15px;
	}

	.home_energy_rewarding .betterBrighter_home h3{
		font-size: 44px;
		line-height: 46px;
	}

	.home_energy_rewarding .betterBrighter_home p{
		font-size: 16px;
		line-height: 20px;
		max-width: 325px;
	}

	.resources .resources-content-bottom {
		padding: 50px 50px;
	}

	.resources .resources-content-bottom h3{
		font-size: 20px !important;
		line-height: 30px !important;
		max-width: 100% !important;
	}

	.app-store .app-store-discription-box .app-store-box a{
        margin-right: 20px;
    }

    .app-store .app-store-discription-box .app-store-box img {
        width: 125px;
        height: 40px;
    }



    .faq-more-react h2 span {
        font-size: 28px;
        line-height: 60px;
    }
}

@media(max-width: 767px){
	h2{
		font-size: 44px !important;
		line-height: 44px !important;
	}
	.btn{
		font-weight: 400 !important;
		font-size: 14px;
	}

	.header {
		padding-top: 10px;
	}
	
	.header .navbar-brand img {
		margin-left: 0;
		width: 130px;
	}

	.mobile-logo.navbar-brand .circle-border{
		width: 60px !important;
		height: 60px !important;
	}

	.header .navbar-toggler{
		padding: 0;
	}

	.header .download-btn{
		width: 100%;
	}

	.header .navbar-collapse{
		margin-top: 0;
		border-top: 1px solid rgb(21 4 158 / 10%);
	}

	.navbar .navbar-nav .nav-item .nav-link {
		padding: 17px 0;
	}

	.top-banner-content .top-banner-left h6{
		display: none;
	}

	.mega-savings .utility-rate{
		margin-bottom: 20px;	
	}

	.mega-savings .utility-border{
		max-width: 100%;
	}

	.rewarding{
		padding: 40px 0 95px;
		background-size: 167%;
		background-position: -52px 100%;
		background-color: #f1eca5;
	}


	.rewarding .title {
		max-width: 100%;
		padding: 0 50px 0 0;
	}

	.easy-smart .easy{
		background-position: 15% 55%;
	}


	.easy-smart .smart, .easy-smart .easy{
		padding: 37px 15px 116px 15px;
	}

	.easy-smart h3{
		font-size: 44px;
		line-height: 44px;
	}

	.easy-smart p{
		font-size: 17px;
	}

	.building-smarter{
		background: none;
		background-color: #F1ECA5;
		padding: 54px 0;
	}

	.building-smarter .building-smarter-right img {
		display: block;
		margin: 0;
	}

	.building-smarter .nav-link {
		font-size: 14px;
		line-height: 16px;
		font-weight: 400;
		padding: 10px 11px;
		border: none !important;
		outline: none !important;
	}

	.resources .resources-content{
		padding: 28px 17px;
	}

	.resources .resources-content .title h3{
		font-size: 35px;
		line-height: 132%;
		padding: 8px 0 10px 0;
	}

	.resources .resources-content-img {
		text-align: center !important;
		padding-top: 43px;
	}

	.why-home-slider {
		padding: 60px 0;
	}

	.why-home-slider .why-home-content {
		padding: 80px 28px 30px 42px;
	}


	.why-home-slider .title h3{
		font-size: 35px;
		line-height: 42px;
	}

	.why-home-slider .title p{
		padding-bottom: 40px;
	}
	.home_energy_rewarding{
		padding:0;
	}


	.home_energy_rewarding .rightContent{
		display: none;
	}

	.home_energy_rewarding .leftContent{
		padding-top: 70px;
	}

	.mega-savings{
		background-color: #f1eca5;
	}

	.mega-savings .scheduleCall {
		margin: 0 0 30px 0;
	}

	.mega-savings .bill-list ul li {
		width: 50%;
		margin: 0 0;
		padding: 20px 0;
	}

	.mega-savings .bill-list ul li:last-child{
		width: 100%;
	}

	.mega-savings .bill-list ul li .borderLeft {
		border: 1px solid #FF5900;
		width: 100%;
		height: 1%;
		position: absolute;
		top: auto;
		bottom: 0;
		background-color: transparent;
		left: 0;
		right: 0;
	}
	.mega-savings .bill-list ul li h3{
		font-size: 32px;
		line-height: 36px;
	}
	
	.mega-savings .bill-list ul li h3:after{
		border-bottom: 10px solid #E8CE5E;
		bottom: 5px;
	}

	.mega-savings .utility-rate input::placeholder {
		font-size: 20px;
		color: #786CD0;
	}
	  
	  .mega-savings .utility-rate input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size: 20px;
		color: #786CD0;
	  }
	  
	  .mega-savings .utility-rate input::-ms-input-placeholder { /* Microsoft Edge */
		font-size: 20px;
		color: #786CD0;
	  }

	  

	  .home_energy_rewarding .betterBrighter_home{
		padding: 90px 25px 130px 25px;
		background-size: contain;
		margin: 63px 0 0 0;
	  }


	  .home_energy_rewarding .platform-link{
		display: none;
	  }
	
	  .home_energy_rewarding p{
		margin-bottom: 78px;
	  }
	  
	  .home_energy_rewarding .homeEnergy_imgBox{
		text-align: center;
	  }

	  .home_energy_rewarding .homeEnergy_contntBox h3{
		font-size: 34px;
		line-height: 34px;
	  }

	  .home_energy_rewarding .betterBrighter_home h3 {
		line-height: 44px;
		text-align: center;
		margin: 0 auto;
		max-width: 335px;
	}

	.home_energy_rewarding .betterBrighter_home p{
		font-size: 16px;
		line-height: 20px;
		max-width: 325px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 40px;
	}

	  

	  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul{
		flex-direction: column;
		align-items: center;
	  }
	  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li{
		text-align: center;
	  }

	  .home_energy_rewarding .betterBrighter_home .betterBrighter_right ul li .qr_code_img{
		margin-bottom: 20px;
	  }

	  	.resources .resources-content.bg-success, 
	  	.resources .resources-content.bg-warning {
		    height: auto;
		}

	  .footer .footer-nav,
	  .footer_logo,
	  .footer_logo ul{
		flex-direction: column;
		align-items: flex-start;
	  }

	 .footer .footer-nav {
		padding: 0 0 34px 0;
	 }

	  .footer .footer-nav ul{
		margin-bottom: 46px;
	  }

	  .footer .social-box ul{
		margin-bottom: 0;
	  }

	  .footer .social-box ul li {
		margin: 0 16px 0 0;
	  }

	  .footer_logo ul{
		margin-bottom: 0;
	  }

	  .footer_logo ul li{
        margin-bottom: 20px;
	  }

	  .footer_logo ul li a,
	  .footer_logo p.copyright{
		color: #fff;
	  }

	.footer {
		padding: 120px 15px 50px 15px !important;
	}

	.why-home-slider .why-home-content {
		max-height: auto;
		min-height: auto;
	}
	
	.why-home-content h3{
		min-height: auto;
	}


	.shop-section .product-detail-box{
        text-align: center;
    }

    .shop-section .product-detail-box .quantity-box ul{
        margin: 0 auto;
    }
}


@media(max-width: 576px){

	.header .navbar-brand{
		width: 70%;
		text-align: center;
	}

	.daylight-points-contnt .points-content-box {
		width: 100%;
		padding: 50px 0 135px 0;
	}
	.rewarding .rewarding-right{
		flex-direction: column-reverse;
		padding-top: 165px;
	}

	.daylight-points-contnt{
		width: 85%;
	}


	.daylight-points-contnt .points-content-box h3 {
		font-size: 84px;
		line-height: 80px;
	}

	.daylight-points-contnt .circle_shape {
		left: auto;
		right: 20px;
		top: -140px;
	}
	.rewarding .rewarding-right .sun_shap-img {
		margin-bottom: 0;
		position: absolute;
		top: 70px;
		left: 20%;
	}

	.rewarding .rewarding-right .cash_balance_box{
		padding: 30px 0 0 0;
		width: 100%;
	}

	.rewarding .rewarding-right .cash_balance-img{
		width: 70%;
		margin: 0 auto;
		min-height: auto;
		height: auto;
	}

	.easy-smart .smart .energy_monitor{
		width: 75%;
	}

	.easy-smart .smart {
		background-position: 100% 80%;
		background-size: 80%;
	}

	.easy-smart .easy{
		background-size: 300px;
		background-position: 15% 60%;
	}

	.easy-smart .easy .view-design{
		margin-left: 35px;
	}



	.home_energy_rewarding {
		padding: 80px 0 40px 0;
	}

	.home_energy_rewarding h3 {
		font-size: 44px;
		line-height: 48px;
	}

	.home_energy_rewarding p {
		font-size: 18px;
		line-height: 22px;
		max-width: 90%;
		margin-bottom: 120px;
	}

	.mega-savings .bill-list ul li p{
		font-size: 14px;
	}

	.mega-savings .bill-list ul li h3 {
		font-size: 32px;
	}

	.footer_logo img{
		display: block;
		margin: 0 0 10px 0;
	}
	.footer_logo{
		font-size: 14px;
	}

	.why-home-content h3 {
		font-size: 20px;
		padding-bottom: 36px;
	}



	.shop-section .shop-title{
        text-align: center;
    }
    .technical-specifications{
        padding-top: 63px;
    }
    .shop-section .shop-title h2{
        font-size: 34px;
    }

    .shop-section .shop-title p,
    .technical-specifications h5, 
    .technical-specifications p{
        font-size: 15px;
    }


    .shop-section .product-detail-box h3,
    .shop-section .product-detail-box p{
        font-size: 24px;
    }

    .shop-section .btn-primary{
        width: 100%;
    }

   

    .technical-specifications h3{
        font-size: 28px;
        padding-bottom: 45px;
    }

    .technical-specifications h4{
        font-size: 20px;
        padding-bottom: 22px;
    }
    .app-store .app-store-discription-box h6{
        font-size: 20px;
    }

    .app-store .app-store-discription-box p{
        font-size: 15px;
    }

    .faq-more-react .accordion{
        font-size: 24px;
    }
}


@media (max-width: 490px){
	.header .navbar-brand {
		width: 76%;
		text-align: center;
	}

	.header .navbar-brand img{
		width: 116px;
		margin: 0 0 5px 0;
	}


	.header .navbar-brand div{
		width: 45px !important;
	}

	.top-banner-content h1{
		font-size: 35px;
		line-height: 40px;
	}


	.top-banner-content p{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.marquee-text a {
		margin: 0 20px;
	}
	.mega-savings {
		padding: 50px 0 50px 0;
	}
	.mega-savings .bill-list {
		margin-top: 20px;
	}

	.daylight-points-contnt {
		width: 100%;
	}

	.rewarding .rewarding-right .sun_shap-img {
		top: 75px;
		left: 10px;
	}

	.easy-smart .smart .energy_monitor{
		width: 90%;
	}

	.easy-smart .easy .view-design {
		margin-left: 0;
	}
}



/*** 23/06/2023 ***/
.meet-network-new{
	overflow: hidden;
}

.meet-network-new .section {
	width: 100%;
	min-height: 100vh;
	font-size: 36px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: bold;
}


.scroll {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	scroll-behavior: smooth;
}

.item {
	min-width: 100vw;
}

.section-meet {
	padding: 20px;
	box-sizing: border-box;
}
  
.vertical-center {
	display: table;
	height: 100%;
	width: 100%;
}
  
.vertical-center__inner {
	display: table-cell;
	vertical-align: middle;
}
  
.section--full {
	text-align: center;
}

.block-list {
	white-space: nowrap;
	inset : 0px auto auto auto !important
}

.block-list__item {
	width: 250px;
	height: 100vh;
	min-height: 600px;
	display: inline-block;
	white-space: normal;
	padding-right: 20px;
}

.block-list__item-inner {
/* background: #eee; */
width: 100%;
height: 76vh;
}

.block-list__item:first-child {
margin-left: 0;
}

.home_energy_rewarding .meet-right .leftContent{
	padding-top: 100px;
}

.home_energy_rewarding .itemTwo{
	background-color: #fff;
    padding: 0;
    margin: 0;
}
.home_energy_rewarding .itemTwo h3 span{
	color:#786CD0;
}

.home_energy_rewarding .itemThree{
	background-color: #F1ECA5;
    padding: 0;
    margin: 0px;
}

.home_energy_rewarding .itemThree h3 span{
	color:#D3B01A;
}

.meet-network-new .meet-network-slider-content .meet-right .leftContent img{
	max-width: 290px;
	max-height: 240px;
}


@media(max-width: 1800px){
	.home_energy_rewarding h3{
		font-size: 48px;
		line-height: 58px;
	}

	.home_energy_rewarding p{
		font-size: 24px;
		line-height: 32px;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img{
		max-width: 300px;
		width: 100%;
	}
}


@media(max-width: 1200px){
	.home_energy_rewarding .homeEnergy_imgBox {
		padding: 30px 0;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img {
		max-width: 300px;
	}
}
  



  @media(max-width: 576px){
	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 50px 0 0 0;
		width: 100%;
	}

	.meet-network-slider-content {
		padding: 100px 25px 0 25px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right h3{
		font-size: 34px !important;
		line-height: 40px;
	}

	.meet-network-slider .meet-network-slider-content .row {
		flex-direction: column-reverse;
	}

	.meet-network-slider .img-box.meet-left img {
		height: auto !important;
		max-width: 200px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 16px;
		max-width: 100%;
	}

	.home_energy_rewarding p {
		margin-bottom: 20px;
	}
  }

  @supports (-webkit-touch-callout: none) {
	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 13px !important;
		max-width: 100%;
	}
  }

  @media (max-width: 374px) {
	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 15px;
		line-height: 24px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right h3 {
		font-size: 22px !important;
		line-height: 28px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 0;
	}
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* Platform slider */
/*** 23/06/2023 ***/


/*** About us ***/

.daylight-explained .container,
.aboutTop_banner .container,
.demystifying_cashback .container,
.unlockingValue .container{
	max-width: 1130px !important;
}



.daylight-explained{
	background: #AFFCC2;
	margin:0;
}

.daylight-explained .daylight-explained-contnt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	height: 75px;
}

.daylight-explained .daylight-explained-contnt h4{
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	color: #FF5900;
	margin: 0;
}

.daylight-explained .daylight-explained-contnt img{
	width: 50px;
}



.aboutTop_banner{
	padding: 72px 0;
	background-color: #fff; 
}

.demystifying_cashback{
	background: #F1ECA5;
}

.aboutTop_banner .aboutTop-left{
	padding-top: 80px;
}



.aboutTop_banner .aboutTop-left h2,
.demystifying_cashback .cashbackRight h2{
	font-style: normal;
    font-weight: 700;
    font-size: 57px;
    line-height: 64px;
    color: #FF5900;
    max-width: 550px;
    margin: 0;
    padding-bottom: 24px;
}

.aboutTop_banner .aboutTop-left p,
.demystifying_cashback .cashbackRight p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #FF5900;
	max-width: 550px;
}

.demystifying_cashback{
	padding: 48px 0 80px 0; 
}

.aboutTop_banner .aboutTop-right{
	text-align: right;
}

.demystifying_cashback .cashbackLeft{
	text-align: left;
}

.aboutTop_banner .aboutTop-right img,
.demystifying_cashback .cashbackLeft img{
    max-width: 438px;
}

.demystifying_cashback .cashbackRight h2{
	padding-top: 90px;
}

.disruption_solarsoft_text{
	border-top: 1px solid #E8CE5E; 
	padding: 89px 0 0 0;
	margin-top: 48px;
}


.demystifying_cashback .disruption_solarsoft_img img{
	margin:20px 0 0 0;
	transform: scale(1.3);
}

.demystifying_cashback .disruption_solarsoft_text h3{
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	color: #FF5900;
	margin: 0 0 24px 0;
}

.demystifying_cashback .disruption_solarsoft_text p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #FF5900;
}

.unlockingValue{
	background-color: #fff;
	padding: 48px 0;
}

.unlockingValue .unlockingValue_left h2{
	font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 64px;
    color: #FF5900;
    margin: 0;
    padding: 95px 0 24px 0;
}

.unlockingValue .unlockingValue_left p{
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: normal;
	color: #FF5900;
}

.unlockingValue .unlockingValue_right{
    padding: 0;
    background: url(../img/unlocking_value_img.png);
    background-repeat: repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
    height: 362px;
    margin: 50px 0 70px 0;
}

.unlockingValue .unlockingValue_right{
	text-align: right;
}

.unlockingValue .unlockingValue_list h4{
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 32px;
	color: #FF5900;
	margin: 0;
	padding: 0 0 24px 0;
}

.unlockingValue .unlockingValue_list p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #786CD0;
}

.innovative_Building{
	padding: 24px 0;
}


.innovative_Building h3{
	font-style: normal;
    font-weight: 400;
    font-size: 57px;
    line-height: 64px;
    text-align: left;
    max-width: 550px;
    margin: 0;
    padding: 80px 0 24px 30px;
}

.innovative_Building p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	max-width: 553px;
    padding-left: 30px;
}

.innovative_Building .innovative_BuildingLeft h3,
.innovative_Building .innovative_BuildingLeft p{
	color: #FFFFFF;
}

.innovative_Building .innovative_BuildingLeft{
	background-color: #FF5900; 
	padding: 0;
}

.innovative_Building .innovative_BuildingRight{
	background: #F1ECA5;
	padding: 0;
}
.innovative_Building .innovative_BuildingLeft,
.innovative_Building .innovative_BuildingRight{
	min-height: 1070px;
	padding-bottom: 30px;
}

.innovative_Building .innovative_BuildingLeft img,
.innovative_Building .innovative_BuildingRight img{
	max-width: 100%;
}


.innovative_Building .innovative_BuildingRight h3,
.innovative_Building .innovative_BuildingRight p{
	color: #FF5900;
}

.innovative_Building .innovative_Left_content{
	min-width: 607;
}

.journey_with_us{
    padding: 48px;
    text-align: center;
    background: url(../img/journey_with_us-bg.png);
    background-repeat-x: repeat;
    background-position: 0 100%;
    background-size: 50%;
    background-repeat-y: no-repeat;
    padding-bottom: 200px;
    background-color: #F0EEFC;
    margin-bottom: 30px;
    min-height: 560px;
}

.journey_with_us img{
	width: 100px;
}

.journey_with_us h2{
	font-style: normal;
	font-weight: 400;
	font-size: 57px;
	line-height: 64px;
	text-align: center;
	color: #FF5900;
	margin: 0 auto;
	padding: 24px 0;
	max-width: 1100px;
}

.journey_with_us p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #FF5900;
	margin-bottom: 24px; 
}

.journey_with_us .btn{
	background-color: #F0EEFC !important; 
	padding-left: 60px !important;
	padding-right: 60px !important;
}

@media(max-width: 1200px){
	.aboutTop_banner .aboutTop-left h2, 
	.demystifying_cashback .cashbackRight h2,
	.journey_with_us h2,
	.unlockingValue .unlockingValue_left h2{
		font-size: 46px;
		line-height: 52px;
	}
	.innovative_Building .innovative_BuildingLeft img, 
	.innovative_Building .innovative_BuildingRight img{
		max-width: 100%;
	}

	.innovative_Building h3{
		font-size: 46px;
		line-height: 50px;
	}

	.journey_with_us img {
	    width: 80px;
	}

	.aboutTop_banner .aboutTop-right img, 
	.demystifying_cashback .cashbackLeft img, 
	.unlockingValue .unlockingValue_right img{
		width: 90%;
	}

	.demystifying_cashback .disruption_solarsoft_img img {
	    margin: 75px 0 0 0;
	    transform: scale(1);
	}

	.unlockingValue .unlockingValue_left p{
		font-size: 34px;
	}

	.unlockingValue .unlockingValue_right{
		height: 250px;
	}


	.innovative_Building .innovative_BuildingLeft h3, 
	.innovative_Building .innovative_BuildingLeft p,
	.innovative_Building .innovative_BuildingRight h3, 
	.innovative_Building .innovative_BuildingRight p{
		padding-right: 15px !important;
	}

	.innovative_Building .innovative_BuildingLeft, 
	.innovative_Building .innovative_BuildingRight {
	    min-height: 780px;
	}
}

@media(max-width: 767px){

	.content {
	    padding-top: 0;
	}

	.daylight-explained .daylight-explained-contnt h4{
		font-size: 28px;
	}

	.aboutTop_banner .aboutTop-left h2, 
	.demystifying_cashback .cashbackRight h2, 
	.journey_with_us h2, 
	.unlockingValue .unlockingValue_left h2,
	.innovative_Building h3{
		font-size: 45px !important;
		line-height: 52px !important;
	}

	.aboutTop_banner .aboutTop-left,
	.demystifying_cashback .cashbackRight h2,
	.unlockingValue .unlockingValue_left h2 {
	    padding-top: 0;
	}

	.aboutTop_banner .aboutTop-right,
	.demystifying_cashback .cashbackLeft,
	.unlockingValue .unlockingValue_right {
	 	padding-top: 50px;
	    text-align: center;
	}

	.innovative_Building .innovative_BuildingLeft, 
	.innovative_Building .innovative_BuildingRight {
	    min-height: auto;
	}

	.demystifying_cashback .row{
		flex-direction: column-reverse;
	}

	.aboutTop_banner,
	.demystifying_cashback,
	.unlockingValue,
	.journey_with_us{
		margin: 15px 15px 0 15px;
	}

	.innovative_Building {
	    padding:0;
	}

	.innovative_Building .innovative_BuildingRight{
		margin-top:24px; 
	}

	.demystifying_cashback .disruption_solarsoft_img img {
	    margin: 0;
	    transform: scale(1);
	}

	.journey_with_us{
		padding-bottom: 125px;
	}

	.unlockingValue .unlockingValue_left p {
	    font-size: 24px;
	}

	.unlockingValue .unlockingValue_right {
	    height: 145px;
	}
	

}

@media(max-width: 576px){
	.journey_with_us{
		padding-left:0;
		padding-right:0;
	}
}




/** blog css start **/

.list-style-disc{
	list-style: disc !important;
}

.list-style-decimal{
	list-style: decimal !important;
}


.article-detail ul{
	list-style: disc !important;	
}

.article-detail .card ul li {
    padding-bottom: 15px;
    margin-left: 15px;
    color: #FF5900;
    font-size: 17px;
}


.ast-separate-container {
    background-color: #fff;
}


.blog-articel{
	padding-top: 85px;
}

.article-detail{
	margin-top: 0;
}


.blog-mid-contnt .container{
	max-width: 1130px !important;
}
.blog{
	padding-top: 100px;
	text-align: center;
}

/*.blog h2{
    color: #FF5900;
    font-size: 200px;
    letter-spacing: 8px;
    background: url(../img/blog-title-shap.png)no-repeat;
    background-size: 465px;
    line-height: 335px;
    background-position: 250px -24px;
    text-align: center;
}*/


.blog h2{
    color: #FF5900;
    font-size: 200px;
    letter-spacing: 8px;
    line-height: 335px;
    text-align: center;
	display: inline-block;
	margin: 0;
	position: relative;
}

.blog h2:after{
	content: '';
	position: absolute;
	background: url(../img/blog-title-shap.png)no-repeat;
	background-size: 465px;
	left: -119px;
	height: 337px;
	width: 420px;
	display: block;
	z-index: -1;
	top: -24px;
}

.border-top{
	border-top:1px solid #FF5900 !important;
}

/*.card-contnt{
	border-left:1px solid #FF5900 ;	
	border-right:1px solid #FF5900 ;
	padding:0 50px;	
}*/

.blog-mid-contnt .top-card .card{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: initial;
	width: 90%;
}



.blog-mid-contnt .top-card .card .card-img-box img{
	width: 370px;
}

.blog-mid-contnt .top-card .card .learn-more{
	font-size: 13px;
	line-height: 20.749px;
	color: #FF5900;
}

.blog-mid-contnt .top-card .card .learn-more span img {
    width: 14px !important;
    vertical-align: text-bottom;
}

.blog-mid-contnt .top-card .card .card-body{
	padding-left: 100px;
}

.blog-mid-contnt .top-card .card .card-body h5{
	font-size: 36px;
}

.blog-mid-contnt .top-card .card .card-body p{
	font-size: 18px;
	padding-bottom: 30px;
}

.blog-mid-contnt .card{
	border:none;
	margin: 62px auto 62px auto;
	width: 70%;

}
.blog-mid-contnt .card .card-body{
	padding: 0;
}

.blog-mid-contnt .card .card-body h5{
	color: #FF5900;
	font-size: 18px;
	margin: 0;
    padding: 10px 0 5px 0;
}

.blog-mid-contnt .card .card-body p{
	color: #786CD0;	
	font-size: 15px;
	margin: 0;
}

.blog-mid-contnt .card .card-img-box{
	position: relative;
}


.blog-mid-contnt .card .btn{
	font-size: 11px !important;
/*	font-size: 15px !important;*/
	color: #FF5900 !important;
	border-radius: 20px !important;
	padding: 0 !important;
	font-weight: 600 !important;
	width: 101px !important;
	height: 35px !important;
	line-height: 34px !important;
	position: absolute;
    top: 12px;
    right: 12px;
}

.blog-mid-contnt .card .btn:hover{
	color: #fff !important;
}

.article-detail .container{
	max-width: 1130px !important;
}

.article-detail .article-detail-title p{
	color: #FF5900;
	font-size: 18px;
	line-height: 23px;
	margin: 0;
}

.blog-mid-contnt img.card-img-top {
    width: 218px;
    height: 180px;
    background-color: #F1ECA5;
}
.card-img-box.firstimg{
    width: 370px!important;
    height: 218px;
}
.blog-mid-contnt .card-img-box{
	    width: 218px;
    height: 218px;
    background-color: #F1ECA5;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.article-detail .article-detail-title h3{
	color: #FF5900;
	font-size: 46px;
	margin: 0;
	padding: 10px 0 25px 0
}

.article-detail .card{
	border: none;
	border-width: 0 0 2px 0;
	border-radius: 0;
	padding-bottom: 25px;
	margin-bottom: 48px;
}
.article-detail .card-img-top{
	min-height: 570px;
	margin-bottom: 35px;
}


.single-post .article-detail .card h3 {
    color: #FF5900;
    font-size: 28px;
    font-weight: 700;
}

.single-post .article-detail .card h1,
.single-post .article-detail .card h2,
.single-post .article-detail .card h4,
.single-post .article-detail .card h5,
.single-post .article-detail .card h6 {
    color: #FF5900;
    font-weight: 700;
}

.article-detail .card h5 {
    color: #FF5900;
    font-size: 24px;
    font-weight: 700;
    margin: 25px 0 20px 0;
}

.article-detail .card p{
	color:#FF5900;
	font-size: 17px;
}

.article-detail .stay-updated{
/*	background: url(../img/stay-updated-bg.png)no-repeat;*/
	background: none;
	background-size: cover;
	background-color: #FDEFEB;
	padding: 69px 100px;
	margin-bottom: 200px;
}

.article-detail .stay-updated h4{
	font-size: 36px;
	color:#FF5900;
}

.article-detail .stay-updated p{
	font-size: 16px;
	color:#FF5900;
	margin: 0;
}

.article-detail .stay-updated-right{
	max-width:370px;
	margin-left: auto;
	margin-top: 35px;
}

.article-detail .stay-updated-right .form-control{
	background: #fff;
	height: 44px;
	border-radius: 0;
	padding-left: 24px;
}


.article-detail .stay-updated-right .input-group-text{
    background: #FF5900;
    border-radius: 4px !important;
    height: 46px;
    width: 48px;
    padding: 0 12px 4px 12px;
    margin: -1px 0 0 -2px;
    z-index: 999;
}

.article-detail .stay-updated-right .input-group-text img{
	width: 18px;
}

.article-detail .stay-updated-right .form-control::-webkit-input-placeholder {
	color: #000;
	font-size: 16px;
}

.article-detail .stay-updated-right .form-control:-ms-input-placeholder { 
	color: #000;
	font-size: 16px;
}

.article-detail .stay-updated-right .form-control::placeholder {
	color: #000;
	font-size: 16px;
}

.article-detail ul {
    color: #FF5900;
    margin-bottom: 10px;
}
.pagination-box{
	/*border-left: 1px solid #FF5900 !important;
	border-right: 1px solid #FF5900 !important;*/
	padding: 47px 0 150px 0;
	text-align: center;
	border-radius: 0;
}


.pagination-box .pagination {
	display: flex;
    justify-content: center;
    padding:  47px 0 150px 0;
}

.pagination-box .page-numbers{
	color: #FF5900;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    padding: 0 4px;
    border: none;
    border-radius: 0 !important;
}

.article-detail .card hr{
	margin:45px 0 35px 0;
    border: 0;
    border-top: 1px solid #8B8B8B;
}

.blog_v2 .blog-mid-contnt .top-card .card .card-body h5{
	color: #231C00;
	padding-bottom: 15px;
}

@media(max-width: 1200px){

	.blog {
	    padding-top: 70px;
	}

	.blog h2{
		font-size: 150px;
	}

	.blog h2:after{
		background-size: contain;
		height: 296px;
		width: 410px;
		top: 2px;
	}
	.blog-mid-contnt .card{
		width: 100%;
	}

	.blog-mid-contnt .top-card .card{
		width: 100%;
	}

	.article-detail .stay-updated{
		padding: 69px 70px;
	}

	.blog-mid-contnt .card-img-box{
		width: 100%;
		height: 220px;
	}
}


@media(max-width: 991px){


	
	.blog h2{
		font-size: 110px !important;
		line-height: 180px !important;
		background-size: 292px;
		background-position: 0 0;
	}

	.blog h2:after {
	    height: 296px;
	    width: 330px;
	    top: -62px;
	}

	.blog-mid-contnt .top-card .card .card-body {
	    padding-left: 40px;
	}

	.blog-mid-contnt .top-card .card .card-img-box img {
	    width: 230px;
	}

	.blog-mid-contnt .top-card .card .card-body h5 {
	    font-size: 24px;
	}

	.blog-mid-contnt .top-card .card .card-body p {
	    padding-bottom: 10px;
	}

	.article-detail .stay-updated {
	    padding: 60px 45px;
	}
	.article-detail .stay-updated h4{
		font-size: 30px;
	}
	.article-detail .card-img-top {
	    min-height: auto;
	    margin-bottom: 40px;
	}

	.blog-mid-contnt .card-img-box{
		height: 190px;
	}

}

@media(max-width: 767px){
	.blog h2{
		font-size: 70px !important;
	}

	.blog h2:after {
	    height: 170px;
	    width: 230px;
	    top: -12px;
	    left: -84px;
	}

	.blog-mid-contnt .top-card .card{
		flex-direction: column;
	}

	.blog-mid-contnt .card .card-img-box,
	.blog-mid-contnt .card .card-img-box img{
		width: 100% !important;
	}

	.blog-mid-contnt .top-card .card .card-body {
	    padding:30px 0 0 0;
	    width: 100%;
	}

	.article-detail .article-detail-title h3{
	    font-size: 32px;
	}
	.article-detail .stay-updated {
	    padding: 60px 45px;
	    text-align: center;
	}

	.article-detail .stay-updated-right{
		margin: 30px auto 0 auto;
	}

	.blog-mid-contnt .card-img-box {
	    height: 340px;
	}

	.blog-articel{
		padding-top: 30px;
	}

	.article-detail .stay-updated{
		margin-bottom:90px;
	}
}

@media(max-width: 576px){
	 

	.blog,
	.blog-articel {
	    padding-top: 0;
	}
	.blog h2{
		font-size: 48px !important;
		line-height: 74px !important;
		background-size: 120px;
		background-position: -20px -6px;
	}

	.blog h2:after {
	    height: 80px;
	    width: 110px;
	    top: -8px;
	    left: -18px;
	}

	.card-contnt{
		padding: 0 15px;
	}

	.blog-mid-contnt .card {
	    margin: 30px auto;
	}
	.article-detail {
	    margin-top: 50px;
	}

	.article-detail .article-detail-title p{
		font-size: 14px;
	}

	.article-detail .article-detail-title h3 {
	    font-size: 20px;
	    padding: 0 0 15px 0;
	}
	.article-detail .card-img-top{
		margin-bottom: 15px;
	}

	.article-detail .card h3 {
	    font-size: 18px;
	}

	.article-detail .card p{
		font-size: 15px;
	}


	.article-detail .stay-updated h4 {
	    font-size: 22px;
	}

	.article-detail .stay-updated {
	    padding: 30px 15px;
	}

	.pagination-box{
		padding: 40px 0 50px 0;
	}

	.blog-mid-contnt .card-img-box {
	    height: 300px;
	}
}

@media(max-width: 420px){
	.blog-mid-contnt .card-img-box {
	    height: 230px;
	}
}

/** blog css end **/

.scheduleCall a {
	animation: jittery 4s infinite;
	&:hover {
		animation: heartbeat 0.2s infinite;
	}
}

@keyframes jittery {
	5%,
	50% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.9);
	}
	15% {
		transform: scale(1.15);
	}
	20% {
		transform: scale(1.15) rotate(-5deg);
	}
	25% {
		transform: scale(1.15) rotate(5deg);
	}
	30% {
		transform: scale(1.15) rotate(-3deg);
	}
	35% {
		transform: scale(1.15) rotate(2deg);
	}
	40% {
		transform: scale(1.15) rotate(0);
	}
}

@keyframes heartbeat {
	50% {
		transform: scale(1.1);
	}
}



/*05.07.2023*/
	.section-meet {
		padding: 20px;
		box-sizing: border-box;
	}
	  
	.vertical-center {
		display: table;
		height: 100%;
		width: 100%;
	}
	  
	.vertical-center__inner {
		display: table-cell;
		vertical-align: middle;
	}
	  
	.section--full {
		text-align: center;
	}

	
	.section--vertical {
		min-height: 100vh;
		position: relative;
	}

	.block-list {
		white-space: nowrap;
	}

	.block-list__item {
		width: 250px;
		height: 100vh;
		min-height: 600px;
		display: inline-block;
		white-space: normal;
		padding-right: 20px;
	}

	.block-list__item-inner {
		/* background: #eee; */
		width: 100%;
		height: 76vh;
	}

	.block-list__item:first-child {
		margin-left: 0;
	}

	.scroll {
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
		scroll-behavior: smooth;
	}

	.item {
	    min-width: 100vw;
	}
	.home_energy_rewarding {
	    background: #FF5900;
	    padding: 144px 0;
	    transition: 0.4s ease-in-out;
	    overflow: hidden;
	}
	
	.meet-network-slider-content{
		padding: 0 53px;
	}
  	.meet-network-slider .meet-title h2 span{
		background-color: #f8ff31;
		color:#0c2d24;
  	}
  .meet-network-slider .meet-title{
	margin-bottom: 65px;
	text-align: left;
  }


  .meet-network-slider .img-box.meet-left img{
	border: none;
	border-radius: 20px;
	width: 335px;
	object-fit: cover;
	object-position: 50% 20%;
  }

  .meet-network-slider .meet-network-slider-content .img-box.meet-left{
	text-align: center;
	padding: 50px 70px;
  }

  .meet-network-slider .meet-network-slider-content .img-box.meet-left .slider-left-img{
	border-radius: 23px;
	overflow: hidden;
	display: inline-table;
  }
  .meet-network-slider .meet-network-slider-content .meet-right{
	text-align: left;
  }
  .meet-network-slider .meet-network-slider-content .meet-right p{
	font-family: "Proxima Nova";
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 36px;
	color: #fff;
	text-transform: initial;
	max-width: 667px;
  }

  .meet-network-new .section {
	width: 100%;
	min-height: 100vh;
	font-size: 36px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: bold;
  }

  	.home_energy_rewarding .meet-right .leftContent{
		padding-top: 100px;
	}

	.home_energy_rewarding .itemTwo h3 span{
		color:#786CD0;
	}

	.home_energy_rewarding .itemThree{
		background-color: #F1ECA5;
	    padding:0;
	    margin: 0px;
	}

	.home_energy_rewarding .itemTwo h3,
	.home_energy_rewarding .itemTwo p,
	.home_energy_rewarding .itemThree h3,
	.home_energy_rewarding .itemThree p{
		color:#FF5900 !important;
	}

	.home_energy_rewarding .itemThree h3 span{
		color:#D3B01A;
	}

	.meet-network-new .meet-network-slider-content .meet-right .leftContent img{
		max-width: 290px;
		max-height: 240px;
	}

	.meet-network-new .scroll_Item .meet-network-slider-content .row{
	    height: 100vh !important;
	    display: flex !important;
	    justify-content: center !important;
	    align-items: center !important;
	}

@media(min-width: 1900px){
	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img{
		max-width: 350px;
	}

	.container {
		max-width: 1750px !important;
	}
}


@media(max-width: 1800px){

	.home_energy_rewarding h3{
		font-size: 48px;
		line-height: 58px;
	}

	.home_energy_rewarding p{
		font-size: 24px;
		line-height: 32px;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img{
		max-width: 300px;
		width: 100%;
	}
}

@media(max-width: 1500px){
	.home_energy_rewarding h3{
		font-size: 40px;
		line-height: 50px;
	}

	.home_energy_rewarding p{
		font-size: 20px !important;
		line-height: 28px !important;
	}
}


  @media(max-width: 1370px){
	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 0 40px;
		text-align: left;
	}
  }


@media(max-width: 1200px){
	.home_energy_rewarding .homeEnergy_imgBox {
		padding: 30px;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img {
		max-width: 300px;
	}


	.home_energy_rewarding .betterBrighter_home{
		margin-top:100px;
	}

	.home_energy_rewarding .itemOne .meet-network-slider-content .homeEnergy_contntBox,
	.home_energy_rewarding .itemTwo .meet-network-slider-content .homeEnergy_contntBox{
	   display: block !important;
	}

	
}
  	

  @media(max-width: 991px){
	/* .meet-network-slider{
		padding-top: 150px;
	} */


	.home_energy_rewarding {
		padding: 0 15px 144px 15px;
	}

	.home_energy_rewarding .meet-right .leftContent {
		padding-top: 75px;
	}
	.home_energy_rewarding .homeEnergy_contntBox h3{
		font-size: 28px;
		margin: 0 0 15px 0;
	}

	.home_energy_rewarding .homeEnergy_contntBox .homeEnergy_contntBox-icon{
		max-width: 40px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right h3{
		font-size: 28px;
		padding-bottom: 30px;
	}

	.home_energy_rewarding p{
		max-width: 100%;
	}

	.meet-network-slider .meet-network-slider-content .meet-right{
		padding: 0 15px;
	}
	.meet-network-slider .meet-network-slider-content .meet-right h3{
		font-size: 34px;
		line-height: 42px;
		padding-bottom: 22px;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img {
		max-width: 260px;
	}


	.home_energy_rewarding .homeEnergy_contntBox h3{
		font-size: 24px;
		margin: 0 0 10px 0;
		line-height: 26px;
	}

	
	.home_energy_rewarding .homeEnergy_contntBox p{
		max-width: 90%;
	}

	.meet-network-slider-content {
		padding: 60px 25px 0 25px;
	}

	.meet-network-new .meet-network-slider-content .meet-right .leftContent img {
		max-width: 130px;
		max-height: 180px;
	}
	

	.home_energy_rewarding .betterBrighter_home {
		margin-top: 100px;
	}
  } 
  
  	@media(max-width: 820px){
		.home_energy_rewarding .betterBrighter_home{
			margin-top: 0;
		}
	}

  @media(max-width: 767px){

	/*.header.sticky {
		border-bottom: 1px solid #f1f1f1;
	}*/

	.top-banner-content {
		padding: 40px 0 80px 0;
	}

	.shop-section {
	    padding: 50px 0;
	}
	.meet-network-slider-content {
		padding: 130px 25px 0 0;
	}


	.meet-network-new .scroll_Item .meet-network-slider-content .row{
		height: auto !important;
	}

	.meet-network-slider-content {
		padding: 170px 25px 0 25px;
	}

	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 50px 50px 0 0;
	}

	.meet-network-slider {
		padding-top: 0;
	}

	.meet-network-slider .img-box.meet-left img{
		height: auto !important;
		max-width: 80%;
	}

	.meet-network-slider .meet-title h2{
		padding-bottom: 10px;
		font-size: 32px;
	}

	.meet-network-slider .meet-title img{
		width: 44px;
	}


	.meet-network-slider .meet-title {
		margin-bottom: 20px;
		text-align: left;
	}

	.meet-network-slider .meet-network-slider-content .meet-right h3{
		padding-bottom: 20px;
		padding-top: 0;
		margin: 0;
		font-size: 24px;
		line-height: 32px;
		padding-bottom: 10px !important;
	}


	.meet-network-slider .meet-network-slider-content .meet-right p br{
		display: none;
	}
	.meet-network-slider .block-list__item{
		padding-right: 0;
	}
	.home_energy_rewarding .betterBrighter_home{
		margin: 63px 0;
	}


	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 60px 0 0 0;
		width: 90%;
		margin: 0 auto;
	}

	.home_energy_rewarding .meet-right .leftContent {
		padding-top: 0;
	}

	.meet-network-slider .img-box.meet-left img {
		height: auto !important;
		max-width: 290px;
	}

	.meet-network-slider .meet-network-slider-content .row{
		flex-direction: row;
	}

	.meet-network-slider .meet-network-slider-content .row .col-sm-6,
	.meet-network-slider .meet-network-slider-content .row .col-sm-6{
		width: 50%;
		max-width: 50%;
	}

	.meet-network-new .meet-network-slider-content .meet-right .leftContent img {
		max-width: 150px !important;
		max-height: 150px !important;
	}

	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 50px 50px 0 0;
	}

	.meet-network-slider {
		padding-top: 0;
	}

	.home_energy_rewarding p {
		margin-bottom: 20px;
	}

	.meet-network-slider .img-box.meet-left img{
		height: auto !important;
		max-width: 80%;
	}



	.meet-network-slider .meet-network-slider-content .meet-right {
		padding:0;
		width: 90%;
		margin: 0 auto;
	}

	.meet-network-slider .meet-network-slider-content .meet-right p{
		font-size: 17px !important;
	}

	

	.home_energy_rewarding .meet-right .leftContent {
		padding-top: 0;
	}

	.meet-network-slider .img-box.meet-left img {
		max-width: 150px;
	}

	.meet-network-slider .meet-network-slider-content .row{
		flex-direction: column-reverse;
	}

	/* .meet-network-slider .meet-network-slider-content .row .col-sm-6,
	.meet-network-slider .meet-network-slider-content .row .col-sm-6{
		width: 50%;
		max-width: 50%;
	} */


	.meet-network-slider .block-list__item.itemThree .leftContent{
		padding-left: 66px;
	}

	.home_energy_rewarding .homeEnergy_imgBox .slider-left-img {
		max-width: 150px;
	}
	.home_energy_rewarding .homeEnergy_contntBox {
		padding: 0;
	}

	.home_energy_rewarding .itemOne .meet-network-slider-content .homeEnergy_contntBox,
	.home_energy_rewarding .itemTwo .meet-network-slider-content .homeEnergy_contntBox{
	   display: none !important;
	}

	.meet-network-new .scroll_Item .meet-network-slider-content .row {
        height: auto !important;
    }

    .meet-network-new .meet-network-slider-content .meet-right .leftContent img {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    .home_energy_rewarding .homeEnergy_imgBox {
        padding: 0 30px !important;
    }

    .home_energy_rewarding .homeEnergy_contntBox p{
		font-size: 16px !important;
		line-height: 20px !important;
	}



    /*.mega-savings section css*/

	.mega-savings .title h2,
	.mega-savings .title p,
	.mega-savings .scheduleCall{
		text-align: left;
	}
	.mega-savings .bill-list ul li.active {
		background-color: initial;
	}

	.mega-savings .bill-list ul li.active h3:after{
		border-bottom: 10px solid #E8CE5E;
	}
	.mega-savings .bill-list ul li.active .borderLeft,
	.mega-savings .bill-list ul li:nth-child(3) .borderLeft{
		display: block;
	}

	.mega-savings .bill-list ul li:last-child,
	.mega-savings .bill-list ul li:nth-child(3) .borderLeft,
	.mega-savings .bill-list ul li:nth-child(4) .borderLeft{
		display: none;
	}
	.mega-savings .bill-list {
		margin-top: 20px;
	}

	/*.mega-savings section css*/
	.disclamer {
	 margin-top: -4px!important;
    margin-bottom: -32px;
	}
	.disclamer p{
	  font-size: 11px!important;
	}
  }


  @media(max-width: 575px){
  	.meet-network-slider-content {
		padding: 90px 25px 0 0;
	}

	.meet-network-slider .meet-network-slider-content .row {
		flex-direction: column-reverse;
	}

	/* .meet-network-slider .meet-network-slider-content .col-sm-6{
		max-width: 50%;
		width: 50%;
	} */
	
	.meet-network-slider .meet-network-slider-content .meet-right {
		padding: 0 0 0 15px;
		width: 100%;
	}

	.home_energy_rewarding .homeEnergy_imgBox {
		padding: 0;
	}
	.home_energy_rewarding p {
		margin-bottom: 78px;
	}

	.meet-network-new .meet-network-slider-content .meet-right .leftContent img {
		max-width: 85px !important;
		max-height: 85px !important;
	}

	.home_energy_rewarding .meet-right .leftContent {
		padding-top: 35px;
	}

	/* .meet-network-slider-content {
		padding: 100px 25px 0 25px;
	} */

	.meet-network-slider .meet-network-slider-content .meet-right h3{
		font-size: 26px !important;
		line-height: 30px !important;
	}

	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 14px !important;
		max-width: 100% !important;
		line-height: 20px !important;
	}

	.home_energy_rewarding p {
		margin-bottom: 20px;
	}

	.meet-network-slider .homeEnergy_imgBox{
        padding-top: 20px !important;
    }

    .meet-network-slider .block-list__item .leftContent{
        padding-top: 40px !important;
    }
  }


  @supports (-webkit-touch-callout: none) {
	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 13px !important;
		max-width: 100%;
	}
  }



  @media (max-width: 380px) {
	
	.home_energy_rewarding .meet-right .leftContent {
		padding-top: 0;
	}
	.meet-network-slider .meet-network-slider-content .row {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.meet-network-slider .meet-network-slider-content .col-sm-6 {
		max-width: 100%;
		width: 100%;
	}
	
	.meet-network-slider .meet-network-slider-content .meet-right p {
		font-size: 15px !important;
		line-height: 24px !important;
	}

	.meet-network-slider .meet-network-slider-content .meet-right h3 {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.meet-network-slider .img-box.meet-left img {
		max-width: 135px;
	}
}

/*05.07.2023*/


.subscribe-error {
    color: #d0342c;
    text-align: left;
}

/*13.07.2023*/
section.shop-section.terms h3 {
    color: #FF5900;
    font-style: normal;
    margin: 0;
    }

/*14.07.2023*/
.disclamer p {
    color: var(--primary-purple-300, #786CD0);
    font-family: Aeonik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.disclamer {
    margin-top: 20px;
}


/*20.07.2023*/

.navbar .navbar-nav .nav-item{
	margin:0 10px;
}


.navbar .navbar-nav .nav-item .sub-menu{
	position: absolute;
/*	margin: 0 0 0 -14px;*/
	margin: 0;
	border-radius: 5px;
	background: #F0EEFC;
	display: none;
	opacity: 0;	
	z-index: 99999;
}

.navbar .navbar-nav .nav-item:hover .sub-menu{
	display: block;
	opacity: 1;		
	z-index: 99999;
}

.navbar .navbar-nav .nav-item .sub-menu .nav-item{
	margin: 0;
	padding: 10px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar .navbar-nav .nav-item .sub-menu .menu-item .nav-link{
	border-radius: 40px;
	padding: 14px 28px;
/*	padding: 14px 32px;*/
}


.navbar .navbar-nav .nav-item .sub-menu .menu-item .nav-link:hover{
	background-color: #786CD0;
	color: #fff;
}

.header .navbar-collapse{
	position: relative;
}
.navbar .navbar-nav{
	overflow: hidden;
}


.header .navbar-collapse .overlay {
	position: absolute;
	background-color: #F0EEFC;
	z-index: -1;
	transition: .4s ease left, width, opacity;
	opacity: 1;
	border-radius: 40px;
	margin: -6px 0 0 -16px;
	height: 42px !important;
	top: 24px !important;
}
.header .navbar-collapse .overlay.active {
	opacity: 1;
}


.top-banner-content .address-input{
	max-width: 370px;
	height: 44px;
	background-color: #F0EEFC !important;
	border-radius: 5px;
	border:none !important;
	margin-bottom: 40px; 
    color: #FF5900 !important;
    font-size: 16px !important;

}

.top-banner-content .address-input::placeholder {
  color: #786CD0;
  opacity: 1; /* Firefox */
}

.top-banner-content .address-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #786CD0;
}

.top-banner-content .address-input::-ms-input-placeholder { /* Microsoft Edge */
 color: #786CD0;
}

.energy-daylight-explained{
	padding: 50px 0 28px 0;
}

.energy-daylight-explained .explained-title p{
	color: #FF5900;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.energy-daylight-explained .explained-title h2{
	color:#FF5900;
	font-size: 56px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
    padding-bottom: 10px;
}


.energy-daylight-explained .energy-explained-content .img-for-mobile{
	display: none;
}

.energy-daylight-explained .energy-explained-content{
	background-color: #F0EEFC;
	padding: 54px 0 46px 0;
	margin-top: 10px;
}


.energy-daylight-explained .energy-explained-content h3{
	color:#FF5900;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin: 0;
	padding-bottom: 24px; 
	max-width: 320px;
	margin: 0 auto;
}

.energy-daylight-explained .energy-explained-content p{
	color:#FF5900;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	max-width: 320px;
	margin: 0 auto;
}

.energy-daylight-explained .energy-explained-content .btn{
	margin-top: 40px;
	padding: 12px 48px !important;
	background-color: #f0eefc !important;
}

.paid-to-upgrade{
	background-color: #231C00;
	padding: 102px 0;
}

.paid-to-upgrade .platform-title .platform-link{
	color: #00330E;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	width: 136px;
	height: 26px;
	background-color: #5EF884;
	display: block;
	padding: 4px 0 4px 0;
	border-radius: 18px;
	pointer-events: none;
}


.paid-to-upgrade .platform-title h2{
	color: #FFF;
	font-size: 64px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
	padding: 30px 0;
	margin: 0;
}

.paid-to-upgrade .platform-title h2 span{
	color: #5EF884;
}

.paid-to-upgrade .platform-title p{
	color:#FFF;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 44px;
	max-width: 667px;
	margin: 0;
	padding-bottom: 40px;
}

.paid-to-upgrade .rightContent{
	text-align: center;
	padding: 85px 0 0 0;
}

.paid-to-upgrade .rightContent img{
	max-width: 100%;
}

.paid-to-upgrade .leftContent .btn{
	color: #fff !important;
	border-color: #fff !important;
	background-color: transparent !important;
	border: 2px solid #fff;
	padding: 10px 36px !important;
}

.paid-to-upgrade .leftContent .btn-primary:after{
	background-color: #fff;
}
.paid-to-upgrade .leftContent .btn:hover{
	color: #231C00 !important;
}
.paid-to-upgrade .easy-as{
	padding-top:120px; 
}

.paid-to-upgrade .easy-as h2{
	color: #FFF;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    margin: 0;
    padding-bottom: 50px;
}

.paid-to-upgrade .easy-as h2 img{
	width: 60px;
	vertical-align: baseline;
}

.paid-to-upgrade .easy-as .easy-as-content .content-title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.paid-to-upgrade .easy-as .easy-as-content .content-title .list-number{
	color: #FFF;
	font-size: 100px;
	font-style: normal;
	font-weight: 400;
	line-height: 120px;
}

.paid-to-upgrade .easy-as .easy-as-content .content-title h4{
	color: #FFF;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	padding: 10px 0 0 20px;
}

.paid-to-upgrade .easy-as .easy-as-content p{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	max-width: 320px;
}

@media(max-width: 1200px){
	
	.header .navbar-collapse .overlay{
		margin: -7px 0 0 -16px;
	}

	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 26px;
	}

	.navbar .navbar-nav .nav-item .sub-menu .menu-item .nav-link{
		padding: 12px 20px;
	}

	.header .download-btn{
		padding: 14px 34px !important; 
	}

	.navbar .navbar-nav .nav-item .sub-menu{
		margin: 12px 0 0 0;
	}

	.energy-daylight-explained .explained-title h2{
		font-size: 48px;
	}

	.energy-daylight-explained .energy-explained-content h3{
		font-size: 30px;
	}

	.energy-daylight-explained .energy-explained-content p{
		font-size: 18px;
	}

	.paid-to-upgrade .platform-title h2{
		font-size: 48px;
		line-height: 56px;
	}

	.paid-to-upgrade .platform-title p{
		font-size: 30px;
		max-width: 590px;
	}

	.paid-to-upgrade .easy-as h2{
		font-size: 70px;
		line-height: 80px;
	}
	.paid-to-upgrade .easy-as h2 img{
		width: 40px;
	}

	.paid-to-upgrade .easy-as .easy-as-content .content-title .list-number{
		font-size: 80px;
		line-height: 90px;
	}

	.paid-to-upgrade .easy-as .easy-as-content .content-title h4{
		font-size: 26px;
		line-height: 30px;
	}

	.paid-to-upgrade .easy-as .easy-as-content p{
		font-size: 18px;
	}

	.paid-to-upgrade .rightContent img {
	    max-width: 100%;
	}
}


@media(max-width: 991px){
	.header .navbar-collapse .overlay{
		display: none;
	}

	.navbar .navbar-nav .nav-item .nav-link{
		padding: 12px 14px;
		border-radius: 40px;
	}

	.navbar .navbar-nav .nav-item .nav-link:hover {
	    background-color: #F0EEFC;
	}

	.navbar .navbar-nav .nav-item .sub-menu{
		position: initial;
	}

	.navbar .navbar-nav .nav-item .sub-menu .menu-item .nav-link{
		width: 100%;
	}

	.header .download-btn{
		margin: 10px 0 0 0;
	}

	
}


@media(max-width: 767px){
	.energy-daylight-explained .img-for-desktop{
		display: none !important;
	}


	.energy-daylight-explained .img-for-mobile{
		display: block !important;
		width: 50%;
		margin: 50px auto 15px auto;
	}

	.energy-daylight-explained .energy-explained-content h3,
	.energy-daylight-explained .energy-explained-content p{
		max-width: 80%;
		text-align: center;
	}

	.energy-daylight-explained{
		background-color: #F0EEFC;
	}

	.energy-daylight-explained .col-md-4 .p-4.m-4{
		padding: 0 !important;
		margin: 0 !important;
	}

	.paid-to-upgrade .row-reverse{
		flex-direction:column-reverse;
	}

	.paid-to-upgrade .rightContent img {
	    max-width: 400px;
	    margin-bottom: 100px;
	}


	.paid-to-upgrade .easy-as .easy-as-content p{
		margin: 0 0 35px 0;
		max-width: 100%;
	}

}

@media(max-width: 576px){


	.energy-daylight-explained .explained-title p{
		font-size: 20px;
	}
	.energy-daylight-explained .explained-title h2,
	.paid-to-upgrade .platform-title h2{
		font-size: 35px !important;
		line-height: 40px !important;
	}

	.paid-to-upgrade .platform-title p{
	    font-size: 26px;
	    max-width: 100%;
	    line-height: 34px;
	}

	.paid-to-upgrade .rightContent img{
		max-width: 80%;
	}

	.paid-to-upgrade .easy-as .easy-as-content .content-title .list-number {
	    font-size: 66px;
	    line-height: 80px;
	}

	.paid-to-upgrade .easy-as .easy-as-content .content-title h4 {
	    font-size: 20px;
	    line-height: 28px;
	    padding: 5px 0 0 20px;
	}

	.paid-to-upgrade .easy-as h2 img {
	    width: 25px;
	}
	.footer {
	    padding: 120px 0 50px 0 !important;
	}
	.footer .social-box ul li {
	    margin: 0 13px 0 0;
	}
}

/*20.07.2023*/


/*25.07.2023*/

/*.estimationBtn{
	animation: 4s anim-lineUp ease-out;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 18px !important;
	border-radius: 4px !important;
	height: 44px !important;
	padding: 12px 10px 12px 15px !important;
	border-color: #FF5900 !important;
	color: #FF5900 !important;
	background: #fff !important;
	border-color: #FF5900 !important;
	transition: 0.4s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 20;
}*/

.estimationBtn span img {
    width: 16px !important;
    margin-left: 5px;
    vertical-align: text-bottom;
}

.estimationBtn {
    background-color: #FF5900 !important;
    transition: 0.4s ease-in-out;
    z-index: 2;
    color: #fff !important;
}



.estimationBtn span img {
    filter: brightness(250);
    transition: 0.50s ease-in-out;
}

.disable-click{
    pointer-events:none;
}

@media(max-width: 991px){
	.navbar-collapse{
		max-width: 190px;
		position: absolute !important;
		top: 110px;
		background-color: #F0EEFC;
		padding: 15px 15px;
		border-radius: 24px;
		left: auto;
		right: 15px;
		z-index: 999;
		transition: all 0.5s;
	}

	.header .download-btn {
	    padding: 14px 16px !important;
	}

	.navbar .navbar-nav .nav-item .sub-menu {
	    display: block;
	    opacity: 1;
	}
	.navbar .navbar-nav .nav-item .sub-menu .nav-item{
	    padding: 0 5px;
	}
	.navbar .navbar-nav .nav-item .sub-menu .menu-item .nav-link {
	    padding: 10px 18px;
	}

	.navbar .navbar-nav .nav-item .sub-menu {
	    margin: 0;
	}


	.navbar-toggler label{
	 display:flex;
	  flex-direction:column;
	  width:45px;
	  cursor:pointer;
	}

	.navbar-toggler label span{
	  background: #11019c;
	  border-radius:10px;
	  height:4px;
	  margin: 3px 0;
	  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
	}


	.navbar-toggler span:nth-of-type(1){
	  width:50%;
	  
	}

	.navbar-toggler span:nth-of-type(2){
	   	width: 100%;
	}


	.navbar-toggler span:nth-of-type(3){
	  width:75%;
	 
	}


	.navbar-toggler input[type="checkbox"]{
	  display:none;
	}


	.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(1){
		transform-origin: bottom;
		transform: rotatez(53deg) translate(8px,0px);
	}


	.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(2){
		transform-origin: top;
		/*transform: rotatez(-50deg);*/
		width: 68%;
		transform: translate(6px,2px) rotatez(124deg);
	}


	.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(3){
		transform-origin: bottom;
		width: 53%;
		transform: translate(8px,-9px) rotatez(53deg);

	}





	.mobileOverlay .navbar-toggler{
		height: 55px;
		width: 55px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 0px 0 5px;
		background-color: #F0EEFC !important;
		transition: all 0.5s;
	}

	.navbar-toggler.collapsed{
		background-color: #fff !important;
		height: 55px;
		width: 55px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 0px 0 5px;
		transition: all 0.5s;
	}

	.mobileOverlay{
		position: relative;
	}

	.mobileOverlay:after{
		position: absolute;
		content: '';
		background-color: rgba(0,0,0,0.8);
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 888;
	}
}

@media(max-width: 576px){
	.paid-to-upgrade .rightContent {
	    padding: 0;
	}
}

/*25.07.2023*/



/*26.07.2023*/

.mega-savings .scheduleCall .btn-primary.disableCalculationBtn {
    color: #FF5900 !important;
    background-color: #fff !important;
    border-color: #FF5900 !important;
    pointer-events: none !important;
    animation: none !important;
}

.grecaptcha-badge{
	opacity: 0 !important;
}

.energy-usage{
	background-color: #F0EEFC;
	padding: 55px 0;
}

.energy-usage h2{
	color: #FF5900;
	text-align: center;
	font-size: 36px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 68px;
	margin: 0; 
}

.energy-usage .energy-usage-card .icon-box{
	background-color: #FF5900;
	width: 65px;
	height: 65px;
	margin: 0 auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.energy-usage .energy-usage-card .icon-box img{
	width: 24px;
}
.energy-usage .energy-usage-card h3{
	color: #FF5900;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	padding:25px 0 20px 0;
}


.energy-usage .energy-usage-card p{
	color: #786CD0;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	max-width: 205px;
	margin: 0 auto;
}

#typeinp1Zip{
	width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #E8CE5E;
    margin-bottom: 6px;
    box-shadow: none !important;
    outline: none !important;
	color: #FF5900;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 10px 0;
}

.block-list{
	display: flex;
}

.electricity-specs{
	padding-top: 150px;
}
.electricity-specs .electricity-specs-content h3{
	color: #FF5900;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0;
	padding-bottom: 45px;
}

.electricity-specs .electricity-specs-content h6{
	color: #FF5900;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	padding: 0 0 30px 0;
	text-transform: capitalize;
}

.electricity-specs .electricity-specs-content p{
	color: #786CD0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	padding: 0 0 30px 0;
}
.electricity-specs .electricity-specs-img{
	text-align: center;
}

.electricity-specs .electricity-specs-img img{
	max-width: 437px;
}

@media(max-width: 991px){
	.electricity-specs {
	    padding-top: 100px;
	}

	.electricity-specs .electricity-specs-img img {
	    max-width: 80%;
	    margin: 85px 0 0 0;
	}
}
@media(max-width: 767px){
	.energy-usage{
		background-color: #fff;
	}

	.energy-usage h2{
		padding-bottom: 30px;
	}

	.energy-usage .energy-usage-card{
		margin-bottom: 30px; 
	}

	.energy-usage .energy-usage-card h3,
	.energy-usage .energy-usage-card p{
		font-size: 16px;
	}

	.mega-savings .range-silder {
	    margin-top: 20px;
	}


	.electricity-specs {
	    padding-top: 0;
	}

	.electricity-specs .electricity-specs-img img {
	    max-width: 80%;
	    margin: 0 0 54px 0;
	}

	.electricity-specs .column-reverse{
		flex-direction: column-reverse;
	}

	.electricity-specs .electricity-specs-content h6{
		padding: 0 0 5px 0;
	}

	.electricity-specs .electricity-specs-content h3{
		padding-bottom: 24px;
	}
}


@media(max-width: 576px){

	.energy-usage {
	    padding: 0 0 10px 0;
	}
	.energy-usage h2 {
	    text-align: left;
	}
	.energy-usage .energy-usage-card .icon-box{
		margin: 0;
	}

	.energy-usage .energy-usage-card p{
		max-width: 90%;
		margin: 0;
	}
	.energy-usage .energy-usage-card h3, 
	.energy-usage .energy-usage-card p {
	    font-size: 16px;
	    text-align: left;
	}

	.energy-usage .energy-usage-card h3{
		padding: 30px 0 5px 0;
	}

	.electricity-specs .electricity-specs-img img {
	    max-width: 100%;
	}
}

/*26.07.2023*/

/*28-07-2023*/
      
      .supportContent{
          padding: 60px 0 150px 0 !important; 
      }
      .supportContent .container{
          max-width: 1130px !important;
      }

      .supportContent .support-left .top-title p{
          font-size: 1.22rem;
          margin-bottom: 10px;
          color: #FF5900;
          font-style: normal;
          font-weight: 400;
          line-height: 1.56;
      }

      .supportContent .support-left .top-title h2{
          font-style: normal;
          font-weight: 600;
          font-size: 3.11rem;
          line-height: 1.14;
          color: #FF5900;
      }

      .supportContent .support-left p.description{
          color: #FF5900;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          hyphens: none;
          line-height: 1.56;
      }

      .supportContent .support-left p.description a{
          color: #FF5900;
          opacity: 0.8;
      }

      .supportContent .support-left .form-control{
          background-color: #fff;
          border: 1px solid #e3e6ec;
          border-radius: 12px;
          color: #FF5900;
          font-style: normal;
          font-weight: 400;
          padding: 0.91rem;
          width: 100%!important;
          height: 50px;
          box-shadow: 0 8px 16px rgba(34,35,38,.05), 0 4px 8px rgba(34,35,38,.05) !important;
      }

      .supportContent .support-left textarea.form-control{
          height: 120px;
      }

      .supportContent .support-right{
          display: flex;
          justify-content: center;
      }
      .supportContent .support-right h4{
          font-size: 1.11rem;
          line-height: 1.4;
          color: #FF5900;
          margin-bottom: 10px;
          font-weight: 600;
      }


      .supportContent .support-right p{
          font-size: 1.11rem;
          line-height: 1.4;
          color: #FF5900;
          margin-bottom: 30px;
      }

      .supportContent{
          background-size: contain;
        background-color: #fff;
        transition:0.4s ease-in-out;
      }

      .supportContent:hover{
        background-color: #f1eca5;
      }
.shop-section.support .container {
	    max-width: 100%!important;
	    padding-right: 0;
	    padding-left: 0;
	}

	#success-message-support {
	    background-color: #d4edda;
	    border-color: #c3e6cb;
	    color: #155724;
	    margin: 15px -15px;
	}
	/*.support-left {
	    padding-left: 10%;
	}*/

      @media(max-width: 576px){

        .supportContent .support-right{
              display: flex;
              justify-content: left;
          }

          .supportContent .support-left{
              padding-bottom: 50px;
          }

          /* .navbar-toggler-icon{
              display: none !important;
          } */
      }
/*28-07-2023*/


/*16-08-2023*/

	.energy-company-content{
		border: 2px solid #D0CDEC;
		border-style: dashed;
		padding: 0px 40px;
		margin-bottom: 35px;
	}	
	.energy-solutions .contaner{
		max-width: 1270px;
		margin: 0 auto;
	}

	.energy-solutions .energy-price-inreasing{
		padding-top: 140px;
		padding-bottom: 124px;
	}

	.energy-solutions .energy-price-inreasing h2{
		color: #FF5900;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: 64px;
		margin-bottom: 20px;
	}

	.energy-solutions .energy-price-inreasing p{
		color: #FF5900;
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
	}

	.energy-solutions .energy-price-inreasing p span{
		font-weight: 600;
	}


	.energy-solutions .whats-the-solution{
		background: #AFFCC2;
		height: 78px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 48px;
	}

	.energy-solutions .whats-the-solution h5{
		color: #FF5900;
		text-align: center;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px;
		text-transform: uppercase;
		margin: 0;
	}

	.box-content{
		max-width: 910px;
		padding: 55px 0;
		margin: 0 auto;
		position: relative;
	}


	.box-content-1:after{
		background-color: #D0CDEC;
		width: 1px;
		height: 346px;
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 80px;
		z-index: -1;
	}


	.box-content-1:before{
		background-color: #D0CDEC;
		width: 200px;
		height: 1px;
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 80px;
		z-index: -1;
	}


	.box-content h3{
		color: #FF5900;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 36px;
		max-width: 464px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 20px;
		position: relative;
	}

	.box-content h3 span{
		height: 12px;
		width: 12px;
		display: inline-block;
		background-color: #D0CDEC;
		border-radius: 50%;
		margin: 0;
		position: absolute;
		top: 19px;
		left: -24px;
	}

	.box-content-1 h3{
		padding-bottom: 35px;
	}
	.box-content p{
		color: #FF5900;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		max-width: 464px;
		margin: 0 auto;
		text-align: left;
	}



	.box-content img{
		max-width:256px; 
		position: absolute;
	}

	.box-content-1 img{
		left: -128px;
		bottom: 46px;
	}



	.box-content-1{
		border-bottom: 1px solid #D0CDEC;
	}

	.box-content-2{
		border-bottom: 1px solid #D0CDEC;
		padding: 40px 0 30px 0;
		margin-bottom: 0;
	}

	.box-content-2:after{
		background-color: #D0CDEC;
		width: 1px;
		height: 335px;
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;
	}


	.box-content-2:before{
		background-color: #D0CDEC;
		width: 1px;
		height: 99px;
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -98px;
		z-index: -1;
	}

	.box-content-2 img{
		right: -128px;
		bottom: 36px;
	}


	.whats-next{
		padding: 120px 0 80px 0;
		max-width: 100%;
	}

	.whats-next h3{
		color: #FF5900;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: 64px;
	}

	.whats-next h3 span{
		height: 12px;
		width: 12px;
		display: inline-block;
		background-color: #D0CDEC;
		border-radius: 50%;
		margin: 0;
		position: absolute;
		top: -25px;
		left: 126px;
	}

	.whats-next p{
		margin: 0;
		color: #FF5900;
		font-size: 23px;
		font-style: normal;
		font-weight: 400;
		line-height: 23px;
		max-width: 555px;
		padding: 0 0 30px 0;
	}
	.whats-next .form-control{
		background-color: #F0EEFC !important;
		max-width: 552px;
		margin-bottom: 30px;
		height: 50px;
		padding: 15px 45px;
		border:none !important;
		color: #FF5900 !important;
    	font-size: 16px !important;
	}	

	.whats-next input.form-control[type=text]:focus{
		background-color: #F0EEFC !important;

	}

	.whats-next .form-control::placeholder {
		color: #786CD0;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.whats-next .form-control:-ms-input-placeholder { 
		color: #786CD0;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.whats-next .form-control::-ms-input-placeholder {
		color: #786CD0;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.btn-primary{
		width: 265px;
		height: 44px !important;
	}

	@media(max-width: 1300px){
		.energy-solutions .contaner {
		    max-width: 90%;
		    margin: 0 auto;
		}

		.box-content{
			max-width: 790px;
		}

		.box-content img{
			max-width: 220px;
		}
		.box-content-1:before{
			width: 139px;
		}

		.box-content-1 img{
			left: -90px;
		    bottom: 68px;
		}
		/*.box-content h3 span{
			left: -50px;
		}*/

		.box-content-2 img{
			right: -90px;
		}

		.whats-next h3{
			font-size: 46px;
			line-height: 46px;
			margin: 0 0 0 -88px;
		}

		.whats-next h3 span{
			left: 82px;
		}
	}
	
	@media(max-width: 1200px){
		.energy-solutions .contaner {
		    max-width: 95%;
		}

		.energy-solutions .energy-price-inreasing h2{
			font-size: 44px;
			line-height: 50px;
		}

		.energy-solutions .energy-price-inreasing p{
			font-size: 26px;
			line-height: 36px;
		}

		.box-content {
		    max-width: 740px;
		}

		.box-content img {
		    max-width: 165px;
		}

		.box-content-1 img {
		    left: -71px;
		    bottom: 92px;
		}

		.box-content-2 img {
		    right: -65px;
		    bottom: 60px;
		}

		.box-content-1:before {
		    width: 118px;
		}	

		.whats-next h3{
			margin: 0 0px 0 -70px;
		}

		.whats-next h3 span {
		    left: 64px;
		}
	}

	@media(max-width: 991px){

		.energy-solutions .energy-price-inreasing {
		    padding-top: 50px;
		    padding-bottom: 70px;
		}

		.energy-solutions .energy-price-inreasing h2 {
		    font-size: 32px !important;
		    line-height: 38px !important;
		}

		.energy-solutions .energy-price-inreasing p {
		    font-size: 22px;
		    line-height: 28px;
		}

		.box-content{
		    max-width: 600px;
		}

		.box-content h3,
		.box-content p{
		    max-width: 340px;
		}

		.box-content img {
		    max-width: 140px;
		}

		.box-content-1:after{
			height: 412px;
		}

		.box-content-2:after{
			height: 437px;
		}

		.box-content-1 img {
		    left: -48px;
		    bottom: 140px
		}

		.box-content-2 img {
		    right: -50px;
		    bottom: 126px;
		}

		.whats-next h3{
			font-size: 34px;
			margin: 0 0 0 -44px;
		}

		.whats-next h3 span {
		    left: 38px;
		}


		.shopFooter_bg .footer {
		    padding: 100px 15px 50px 15px;
		}

		.footer .footer-nav ul li a{
			margin-right: 16px;
		}
	}
	
	@media(max-width: 767px){
		.energy-solutions .energy-price-inreasing .row{
			flex-direction: column-reverse;
		}
		.energy-solutions .energy-price-inreasing h2{
			padding-top: 20px;
		}

		.box-content h3, .box-content p {
		    /*max-width: 455px;*/
			background-color: #fff;
			max-width: 356px;
			padding-left: 15px;
		}

		.box-content h3 span{
			left: -10px;
		}
		.box-content {
		    text-align: center;
		    max-width: 90%;
		}

		.box-content img{
			position: static;
			max-width: 200px;
			margin-bottom: 20px;
		}

		.box-content-1:after{
			top: 300px;
		}

		.box-content-1:before{
			top: 300px;
			width: 158px;
		}

		.whats-next h3 {
		    margin: 0;
		}

		.box-content-2:after {
		    height: 658px;
		}
		.whats-next {
		    max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}

		.whats-next .btn-primary{
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 600 !important;
		}

		.whats-next .btn-primary img{
			margin-bottom: 0;
		}

		.energy-company-content{
		    padding: 0;
		}

		.whats-next h3,
		.whats-next p {
		    max-width: 100%;
			padding-left: 0;
			padding-right: 0;
		}

		.whats-next h3 span {
		    left: 31px;
		}

		.whats-next h3 span {
		    left: calc(2% - -0.1%);
		}
	}
	
	@media(max-width: 630px){
		.whats-next h3 span {
		    left: calc(2% - 0.5%);
		}
	}
	@media(max-width: 576px){
		.footer .footer-nav ul li a{
		    margin-right: 28px;
		}

		.energy-solutions .whats-the-solution h5{
			font-size: 24px;
		}

		.whats-next h3 span {
		    left: calc(2% - 6px);
		}

		.box-content h3 span{
			height: 16px;
			width: 16px;
		}
	}


	@media(max-width: 430px){
		.box-content{
			padding: 55px 0 0 0;
		}

		.box-content h3{
			margin-left: 0;
			font-size: 26px;
			line-height: initial;
			padding-left: 0;
		}

		.box-content h3 span{
			display: none;
		}

		.box-content p{
			font-size: 18px;
			margin-left: 0;
			padding-left: 0;
		}

		.box-content-1:before,
		.box-content-1:after,
		.box-content-2:before,
		.box-content-2:after{
			display: none;
		}

		.box-content-1,
		.box-content-2 {
		    border-bottom: none;
		}

		.whats-next {
		    padding: 20px 0 80px 0;
		   	max-width: 90%;
		}

	}
/*18-08-2023*/

.whats-next img{
	transform: translate(2px, 2px);
}	

    











/*20.09.2023*/

.unlockingValue_new{
	padding: 48px 0 0 0;
}

.unlockingValue_new .unlockingValue_list{
	background: url(../img/unlocking-value-bg-shap.png)no-repeat;
	background-size: 135% 555px;
	background-position: 50% 100%;
	padding: 115px 0 60px 0;
}

.unlockingValue_new .unlockingValue_left h2{
	padding-top: 0;
}

.unlockingValue_new .unlockingValue_list p{
	color: #FF5900;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	height: 45px;
	border-radius: 10px;
	background-color: #F0EEFC;
	margin: 25px 0 0 0;
	padding: 5px 0 5px 0;
}
.unlockingValue_new .unlockingValue_left p{
	font-size: 57px;
}

.demystifying_cashback_new{
	padding: 48px 0 48px 0;
}



.demystifying_cashback_new h2 {
    max-width: 440px !important;
}


.demystifying_cashback_new img{
	margin: 44px 0 0 0 !important;
}

.journey_with_us_new{
	background:none;
	background-color: #F0EEFC; 
	padding: 53px 0 !important;
	min-height: auto;  
}

.journey_with_us_new h2{
	padding: 24px 0 46px 0;
	max-width: 975px;
}

@media (max-width: 1500px){
	.innovative_Building .innovative_BuildingLeft, 
	.innovative_Building .innovative_BuildingRight {
	    min-height: 992px;
	}

	.unlockingValue_new .unlockingValue_list p{
		font-size: 30px;
	}
}

@media (max-width: 1200px){
	.innovative_Building .innovative_BuildingLeft, 
	.innovative_Building .innovative_BuildingRight {
	    min-height:830px;
	}

	.unlockingValue_new .unlockingValue_left p{
		font-size: 34px;
	}
}

@media (max-width: 767px){
	

	.demystifying_cashback_new .row{
		flex-direction: column;
	}
	.demystifying_cashback_new img{
		margin: 0 !important;
	}

	.unlockingValue_new .unlockingValue_list{
		margin-bottom: 75px;
	}

	.unlockingValue_new .unlockingValue_list{
		background-size: 134% 190px;
		padding: 60px 0 60px 0;
	}

	.unlockingValue_new .unlockingValue_list p {
	    font-size: 16px;
		height: auto;
		border-radius: 6px;
		padding: 8px 0;
		line-height: 20px;
	}
}	

	@media (max-width: 576px){

		.unlockingValue_new .unlockingValue_list .col-md-4{
			margin-bottom: 50px;
			padding: 0 15px;
			text-align: center;
		}
	
		.unlockingValue_new .unlockingValue_list .col-md-4 img{
			max-height: 300px;
		}
	
	}
	
	@media (max-width: 420px){
		.unlockingValue_new .unlockingValue_list .col-md-4 img{
			max-height: initial;
		}
	}

/*20.09.2023*/


/*27.09.2023*/


.navbar .navbar-nav .nav-item:hover .sub-menu{
	margin: 0px -23px 0 -23px;
}

.custom-toggle{
	padding: 2px 0 2px 10px;
}

.custom-toggle .switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

.custom-toggle .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d3b01a;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-toggle .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: #f1eca5;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-toggle input:checked + .slider {
  background-color: #FF5900;
}

.custom-toggle input:focus + .slider {
  box-shadow:none;
}

.custom-toggle input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.custom-toggle .slider.round {
  border-radius: 34px;
}

.custom-toggle .slider.round:before {
  border-radius: 50%;
}


.mega-savings-new{
	background: url(../img/mega-savings-new-banner.png)repeat;
	background-size: cover;
    padding: 80px 0 65px 0;
}

.mega-savings-new .platform-link{
	color: #00330E;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    height: 33px;
    background-color: #F1D972;
    padding: 4px 20px;
    border-radius: 18px;
    display: inline-block;
}

.mega-savings-new .title{
	text-align: left;
	padding-top: 90px;
}

.mega-savings-new .title h2{
	max-width: 435px;
	margin: 30px 0 20px 0;
}

.mega-savings-new .title p{
	max-width: 435px !important;
	margin: 0 0 30px 0 !important;
}

.mega-savings-new .scheduleCall{
	margin-top: 0;
	text-align: left;		
}

.mega-savings-new .scheduleCall .btn-primary{
	margin-top: 0;
	max-width: 207px;
}

.mega-savings-new .rang-slider-content{
	border-radius: 10px;
	background: #F1D972;
	padding: 45px 65px;
	max-width: 573px;
	margin: 0 35px;
}

.mega-savings-new ul{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mega-savings-new ul.savings-reduction li{
	padding-bottom: 38px;
	width: 100%;
	text-align: center;
}

.mega-savings-new ul.savings-reduction li p{
	color:#FF5900;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.mega-savings-new ul.savings-reduction li h4{
	color: #FF5900;
    text-align: center;
    font-size: 74px;
    font-style: normal;
    font-weight: 400;
    background: url(../img/solar-cost-title-bg-shap.png)no-repeat;
    background-size: contain;
    background-position: center;
    line-height: 110px;
    padding: 0 32px;
}

.mega-savings-new ul.savings-reduction li h5{
	color: #FF5900;
	text-align: center;
	font-size: 74px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	line-height: 110px;
	padding: 0 32px;
}


.mega-savings-new #typeinp1Zip{
	border-bottom: 3px solid #F1ECA5;
}

.mega-savings-new input[type="range"]{
	background: #F1ECA5;
}

.mega-savings-new .rang-slider-content ul.switch-list-content li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.mega-savings-new .rang-slider-content ul.switch-list-content li p{
	margin:0;
	color: #FF5900;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap;
}

.mega-savings-new .range-silder{
	margin-bottom: 25px;
}

.scheduleCall-mob{
	display: none;
}




@media (max-width: 1500px){
	.mega-savings-new .rang-slider-content{
		margin: 0;
	    padding: 45px 55px;
	}
}

@media (max-width: 1200px){
	.navbar .navbar-nav .nav-item:hover .sub-menu {
	    margin: 6px -23px 0 -23px;
	}
	.mega-savings-new ul.savings-reduction li h4,
	.mega-savings-new ul.savings-reduction li h5{
		font-size: 50px;
		line-height: 80px;
	}


	.mega-savings-new .rang-slider-content{
		padding: 20px;
	}

	.mega-savings-new .title {
	    padding-top: 70px;
	}
}

@media (max-width: 991px){
	.navbar .navbar-nav .nav-item:hover .sub-menu {
	    margin: 0;
	}

	.mega-savings-new .row {
		flex-direction: column;
	}

	.mega-savings-new .row .col-md-6{
		max-width: 100%;
	}

	.mega-savings-new .rang-slider-content{
		max-width: 100%;
	}

	.mega-savings-new ul.savings-reduction{
		margin-top: 70px;
	}

	.mega-savings-new .title {
	    padding-top: 0;
	}

	.scheduleCall-mob{
		display: block;
		text-align: center !important;
		margin-top: 30px !important;
	}

	.scheduleCall-web{
		display: none;
	}
}


@media (max-width: 576px){
	.mega-savings-new ul.savings-reduction li h4, .mega-savings-new ul.savings-reduction li h5 {
    	font-size: 30px;
	    line-height: 56px;
	}

	.mega-savings-new ul{
		flex-direction: column;
	}

	.mega-savings-new .rang-slider-content ul.switch-list-content li{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.mega-savings-new ul.savings-reduction {
	    align-items: center;
	}

	.mega-savings-new ul.savings-reduction{
		flex-direction: initial;
	}
}
/*@media (max-width: 430px){
	.mega-savings-new ul.savings-reduction li p{
		font-size: 14px;
		margin-bottom: 0;
	}	

	.mega-savings-new ul.savings-reduction li h4, .mega-savings-new ul.savings-reduction li h5 {
	    font-size: 22px;
	    line-height: 48px;
	}
}*/

/*27.09.2023*/


/*10.10.2023*/

.team-daylight-content{
    background-color: #EBFBD6 !important;
    background: url(../img/team-daylight-shap.png)repeat-x;
    background-size: auto 190px;
    background-position: top;
    padding-top: 190px;
}
.team-daylight-content .container{
	max-width: 1398px !important;
	margin: 0 auto;
	padding:0;
}

.team-daylight-content .top-content{
	padding: 70px 130px !important;
}

.team-daylight-content .our-experience{
    padding-left: 130px;
    padding-right: 130px;
}


.team-daylight-content .our-team{
	padding: 0 130px 80px 130px;
}


/*.team-daylight-content h2{
	color: #FF5900;
	text-align: center;
	font-size: 57px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
	margin-bottom: 66px;
	display: inline-block;
	margin-top: 10px;
	position: relative;
	padding-bottom: 26px;
}

.team-daylight-content h2:after{
	background: url(../img/team-daylight-title-shap.png)no-repeat;
	display: inline-block;
	content: '';
	height: 24px;
	width: 100%;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	background-position: right;
}*/

.team-daylight-content .top-content{
	padding-right: 32px;
	padding-bottom: 154px;
}
.team-daylight-content .top-content p{
	margin-bottom: 70px;
}

.team-daylight-content .top-content .top-content-img{
	padding: 103px 0;
}

.team-daylight-content .top-content .top-content-img img{
	max-width: 394px;
	margin: 0 auto;
}


.team-daylight-content p{
	color: #FF5900;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.team-daylight-content h3{
	color: #FF5900;
	font-size: 57px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
	margin-bottom: 60px;
	display: inline-block;
	position: relative;
	z-index: 999;
}

/*.team-daylight-content h3:after{
	position: absolute;
	content: '';
	background-color: #d0cdec;
	height: 12px;
	width: 100%;
}*/


.team-daylight-content h3 span{
	position: absolute;
	background-color: #adeedd;
	height: 35px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;

}
.team-daylight-content .our-experience-img-box{
	padding: 94px 0;
}


.team-daylight-content .our-team h4{
	color: #FF5900;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	margin: 0;
}

.team-daylight-content .our-team .team-daylight-linkedin-img{
	width: 50px;
	margin-bottom: 66px; 
}

.team-daylight-content .our-team .card {
  	position: relative;
  	background-color: transparent;
	border: none;
	max-width: 347px;
	margin: 0 auto 65px auto;
}

.team-daylight-content .our-team .card .card-body{
	padding: 30px 0 0 0;
}

.team-daylight-content .our-team .card .card-img-top {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.team-daylight-content .our-team .card .card-img-top img{
  border-radius: 10px;
}

.team-daylight-content .our-team .card .overlay {
	border-radius: 10px;
	background-color: #AFFCC2;
	overflow: hidden;
	width: 100%;
	padding: 30px;
	transition: .5s ease;
	height: 100%;
}


.team-daylight-content .our-team .flip-card {
	background-color: transparent;
	max-width: 100%;
	height: 347px;
	perspective: 1000px;
	border-radius: 10px;
	overflow: hidden;
}

.team-daylight-content .our-team .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.team-daylight-content .our-team .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.team-daylight-content .our-team .flip-card-front, 
.team-daylight-content .our-team .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.team-daylight-content .our-team .flip-card-back {
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
}

.team-daylight-content .our-team .card .overlay-text {
	color: #FF5900;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}

.team-daylight-content .our-team .card p{
	color: #FF5900;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin: 0;
}

.team-daylight-content .our-team .card a{
	color: #FF5900;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	text-decoration-line: underline !important;
}

.team-daylight-content .meeting-new-folks{
	padding:70px 70px 94px 70px; 
}

.team-daylight-content .meeting-new-folks p,
.team-daylight-content .meeting-new-folks a {
	color: #FF5900;
	font-size: 57px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
	margin: 0;
}



.team-daylight-content .reveal{
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 1s all ease;
}

.team-daylight-content .reveal.active{
	transform: translateY(0);
	opacity: 1;
}

.team-daylight-content .reveal.active .card{
	opacity: 0;
	animation: fadeInUp 1s ease-in both;
}

.team-daylight-content .reveal.active .animation-1 {
	animation-delay: 1s;
}
.team-daylight-content .reveal.active .animation-2 {
	animation-delay: 2s;
}
.team-daylight-content .reveal.active .animation-3 {
	animation-delay: 3s;
}
.team-daylight-content .reveal.active .animation-4 {
	animation-delay: 4s;
}

.team-daylight-content .reveal.active .animation-5 {
	animation-delay: 5s;
}

.team-daylight-content .reveal.active .animation-6 {
	animation-delay: 6s;
}

.team-daylight-content .reveal.active .animation-7 {
	animation-delay: 7s;
}

.team-daylight-content .reveal.active .animation-8 {
	animation-delay: 8s;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 1370px){
	.team-daylight-content p{
		font-size: 30px;
	}

	.team-daylight-content .container{
		padding: 0 30px;
	}

	.team-daylight-content .top-content{
		padding: 70px 85px !important;
	}

	.team-daylight-content .our-experience,
	.team-daylight-content .our-team,
	.meeting-new-folks,
	.team-daylight-content .top-content{
		padding-left: 55px !important;
		padding-right: 55px !important;
	}

	.meeting-new-folks p, 
	.meeting-new-folks a{
		font-size: 48px !important;
	}

	.team-daylight-content .our-team .flip-card{
		height: 315px;
	}
}

@media (max-width: 1200px){
	.team-daylight-content h2{
		font-size: 48px;
	}

	.team-daylight-content p {
	    font-size: 26px;
	}

	.team-daylight-content h3{
		font-size: 40px;
	}
	.team-daylight-content .our-team h4{
		font-size: 26px;
	}

	.team-daylight-content .our-experience {
	    padding-bottom: 100px;
	}

	.team-daylight-content .our-experience, 
	.team-daylight-content .our-team,
	.meeting-new-folks,
	.team-daylight-content .top-content {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}

	.team-daylight-content .our-team h4 {
	    font-size: 24px;
	}

	.team-daylight-content .our-team .card p,
	.team-daylight-content .our-team .card a{
	    font-size: 20px;
	}

	.meeting-new-folks p, 
	.meeting-new-folks a {
	    font-size: 40px !important;
	    line-height: 46px;
	}

	.team-daylight-content .our-team .flip-card {
	    height: 300px;
	}
}

@media (max-width: 991px){
	.team-daylight-content .container {
	    padding: 0 15px;
	}

	.team-daylight-content .top-content .top-content-img {
	    padding: 40px 0;
	}

	.team-daylight-content .our-experience-img-box {
	    padding: 0 0 80px 0 ;
	}

	.team-daylight-content .our-team {
	    padding: 0 130px;
	}

	.team-daylight-content .our-experience, 
	.team-daylight-content .our-team, 
	.meeting-new-folks, 
	.team-daylight-content .top-content{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.meeting-new-folks p, 
	.meeting-new-folks a {
	    font-size: 30px !important;
	    line-height: 36px;
	}

	.team-daylight-content .our-team .card p, 
	.team-daylight-content .our-team .card a{
		line-height: 26px;
	}

}
@media (max-width: 767px){
	.team-daylight-content h2{
		margin-bottom: 50px;
	}
	.team-daylight-content .top-content p{
		padding-bottom: 20px; 
	}

	.team-daylight-content .our-team{
		width: 100%;
	}
	.team-daylight-content h3 span{
		height: 30px;
	}

	.team-daylight-content .our-team br{
		display: none;
	}

	.meeting-new-folks p, .meeting-new-folks a{
		margin-bottom: 20px;
	}

	.team-daylight-content .our-team .flip-card {
	    height: 275px;
	}
}


@media (max-width: 576px){

	.team-daylight-content{
		background-size: auto 100px;
	}
	.team-daylight-content .container {
	    padding: 0 15px;
	}
	.team-daylight-content .top-content,
	.team-daylight-content .our-experience{
		padding-right: 0;
	    padding-bottom: 40px;
	}

	.team-daylight-content .our-experience-img-box {
	    padding: 0 0 40px 0;
	}

	.team-daylight-content p {
	    font-size: 20px;
	}

	.team-daylight-content h3 {
	    font-size: 34px;
	}

	.team-daylight-content .top-content .top-content-img img{
		max-width: 80%;
	}

	.team-daylight-content .top-content .top-content-img{
		padding: 0;
	}

	.team-daylight-content h3{
		margin-bottom: 45px;
	}

	.meeting-new-folks {
	    padding: 0 0 94px 0 !important;
	}

	.meeting-new-folks p, .meeting-new-folks a{
		font-size: 24px !important;
	}

	.team-daylight-content .our-team .card{
		max-width: 100%;
	}
	.team-daylight-content .our-team .card{
	    width: 300px;
	    margin: 0 auto 70px auto;
	}
	.team-daylight-content .our-team .flip-card {
	    height: 300px;
	    width: 300px;
	}

	/*.team-daylight-content h2:after{
		bottom: -5px;
	}
	*/
	/*.team-daylight-content h2 {
	    font-size: 36px !important;
	}*/

}
	

/*10.10.2023*/


.box-content.box-content-1 p.sec1-btn {
    min-height: 216px;
}


.col-md-12.videoPlaye video , video#autoplay-video {
    background-color: #010101;
}

a.btn.btn-primary.homBlog {
    width: auto;
}














/*14.11.2023*/
	
.content.getstart {
    padding-top: 0;
}

.getstart .wizard-form-content{
   background-color: #fff;
}

.max-width-100{
   max-width: 100% !important
}


.getstart .wizard-form-content .wizard-content-left{
   background-color: #786CD0;
   padding: 50px 80px 40px 80px;
   height: 100vh;
}

.getstart .wizard-form-content{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   height: 100vh;
   overflow: hidden;
}

.getstart .wizard-form-content .wizard-content-left,
.getstart .wizard-form-content .wizard-content-right{
   width: 50%;
}

.getstart .wizard-form-content .wizard-content-right{
   height: 100%;
   overflow: hidden auto;
}

.getstart .wizard-form-content .wizard-content-left .wizard-content-width{
   max-width: 100%;
   margin: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: calc(100vh - 50px);
}

.getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-content-width{
   height: calc(100vh - 12px);
}

.getstart .wizard-form-content .wizard-content-left .top-logo{
   text-align: left;
}

.getstart .wizard-form-content .wizard-content-left .top-logo img{
   width: 180px;
}

.getstart .wizard-form-content .wizard-content-left .wizard-left-mid{
   text-align: center;
   max-width: 552px;
   margin: 0 auto;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-top: 120px;
}

.getstart .wizard-form-content .wizard-content-left .wizard-left-mid h6{
   color: #F0EEFC;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   margin-bottom: 24px;
}

.getstart .wizard-form-content .wizard-content-left .wizard-left-mid p{
   color: #F0EEFC;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
   margin: 0;

   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   text-overflow: ellipsis;
}

.getstart .wizard-form-content .wizard-content-left .wizard-left-mid span{
   color: #FFF;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   margin-top: 25px;
   display: block;
}

.getstart .wizard-form-content .wizard-content-left .wizard-left-mid img{
   max-width: 80%;   
   margin: 0 auto;
   max-height: 390px;
   margin-top: 60px;
}

.getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left{
   overflow: hidden;
}

.getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img{
   max-width: 390px;
   margin: 0 auto;
   max-height: max-content;
   margin-top: 60px;
}

.getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid{
   justify-content: flex-end;
}

.getstart #heading {
   text-transform: uppercase;
   color: #673AB7;
   font-weight: normal
}

.getstart .form-content{
   padding:0 90px;
}

.getstart .wizard-content-right{
   position: relative;
}

.getstart .wizard-content-right .progress {
   height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   border-radius: 0;
}

.getstart .wizard-form-content .wizard-content-right .exit-btn-box{
   text-align: right;
   margin: 57px 52px 14% 0;
}

.getstart .wizard-form-content .wizard-content-right .exit-btn-box .takes-minute{
   background-color: #F0EEFC;
   color: #FF5900;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   padding: 14px 24px;
   border-radius: 35px;
   float: left;
   margin: 0 0 30px 25px;
   display: none;
}

.getstart .wizard-form-content.welcome .wizard-content-right .exit-btn-box .takes-minute{
   display: block;
}

.getstart .wizard-content-right .exit-btn{
   color: #786CD0;
   text-align: center;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   box-shadow: none;
   outline: none;

}

.getstart .wizard-content-right .form-content{
   max-width: 100%;

   max-height: calc(63% - 100px);
   height: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;

}

.getstart .wizard-content-right .form-content h3{
   color: #FF5900;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 40px;
   margin: 0;
   padding: 0 0 40px 0;
   max-width: 450px;
}

.getstart .wizard-content-right .progress-bar-striped{
   background-image: none !important;
}

.getstart .wizard-content-right .progress-bar-animated {
    animation: none !important;
}

.getstart .wizard-content-right .progress-bar{
   background: #FF5900;
}



.getstart #msform {
   text-align: center;
   position: relative;
   margin: 0;
}

.getstart #msform fieldset {
   background: transparent;
   border: 0 none;
   border-radius: 0.5rem;
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding-bottom: 20px;
   position: relative;
   text-align:left;
}
.getstart .form-card {
   text-align: left
}

.getstart #msform fieldset:not(:first-of-type) {
   display: none
}


.getstart #msform .whats-your-number .custom-control-label{
   margin: 0 0 0px 18px !important;
}

.getstart #msform .card {
   z-index: 0;
   border: none;
   position: relative
}


.getstart .wizard-form-content #msform .thank-you{
   padding-bottom: 0;
}


.getstart .wizard-form-content .thank-you .form-card ul,
.getstart .wizard-form-content .thank-you.form-card ul{
   text-align: left;
}

.getstart .wizard-form-content .thank-you .form-card ul li,
.getstart .wizard-form-content .thank-you.form-card ul li{
   display: inline-block;
   vertical-align: top;
}

.getstart .wizard-form-content .thank-you .form-card ul li.app-store-box,
.getstart .wizard-form-content .thank-you.form-card ul li.app-store-box{
   text-align: left;
   padding: 18px 9px 0 9px;
}

.getstart .wizard-form-content .thank-you .form-card ul li .form-qr-img,
.getstart .wizard-form-content .thank-you.form-card ul li .form-qr-img{
   max-width: 110px;
}

.getstart .wizard-form-content .thank-you .form-card ul li .google-play-store,
.getstart .wizard-form-content .thank-you.form-card ul li .google-play-store{
   max-width: 110px;
   margin-bottom: 14px;
}

.getstart .wizard-form-content .thank-you .form-card ul li .app-store-img,
.getstart .wizard-form-content .thank-you.form-card ul li .app-store-img{
   max-width: 95px;
}

.getstart .wizard-form-content .thank-you .form-card ul li .form-wizard-mobile-img,
.getstart .wizard-form-content .thank-you.form-card ul li .form-wizard-mobile-img{
   max-width: 200px;
}

.getstart .wizard-form-content.thank-you .thank-you-content p{
	font-size: 55px;
	line-height: 64px;
	font-weight: 700;
	color: #fff;
}



.getstart .wizard-form-content.welcome .wizard-content-left .wizard-left-mid{
   max-width: 100%;
}

.getstart .wizard-form-content.welcome .wizard-content-left .wizard-left-mid img{
   max-height: initial;
   min-width: calc(110% - 30px);
   margin-left: -20px;
   margin-top: 0 !important;
}

.getstart .wizard-form-content.welcome .wizard-content-left{
   overflow: hidden;
}


.getstart .form-card.thank-you h3{
	text-align: left;
	color: #FF5900;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	max-width: 510px;
}

.getstart .form-card.thank-you p{
	color: #FF5900;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	max-width: 510px;
	text-align: left;
	padding-bottom: 40px;
	margin: 0;
}
@media(max-width:1600px){

   .getstart .wizard-form-content .wizard-content-left .wizard-left-mid img {
      max-width: 65%;
   }

   .getstart .wizard-form-content .wizard-content-left .wizard-left-mid{
      padding-top: 36px;
   }

   .getstart .wizard-form-content .wizard-content-right .exit-btn-box {
      margin: 54px 52px 10% 0;
   }


	.getstart .wizard-content-right .form-content h3{
		font-size: 26px;
		line-height: 30px;
		padding: 0 0 25px 0;
	}

	.getstart .wizard-form-content .form-card.thank-you p{
		font-size: 24px;
		line-height: 32px;
	}
  
}

@media(max-width:1200px){
   .getstart .wizard-form-content .wizard-content-right .exit-btn-box {
       margin: 54px 15px 15% 0;
   }
	.getstart .wizard-form-content .wizard-content-left{
		padding: 50px 20px 80px 20px;
	}


	.getstart .wizard-form-content .wizard-content-left .wizard-left-mid p,
	.getstart .wizard-form-content .form-card.thank-you p{
	    font-size: 20px;
	    line-height: 28px;
	}


   .getstart .wizard-form-content .wizard-content-left .wizard-left-mid img {
       max-height: 260px;
   }


   .getstart .wizard-form-content.thank-you .thank-you-content p {
       font-size: 42px !important;
       line-height: 50px !important;
   }
   
   .getstart .wizard-form-content .thank-you .form-card ul {
       text-align: center;
   }

   .getstart .wizard-form-content .thank-you .form-card ul li,
   .getstart .wizard-form-content .thank-you.form-card ul li{
       margin-top: 15px;
   }

   .getstart .wizard-form-content .thank-you .form-card ul li .form-qr-img,
   .getstart .wizard-form-content .thank-you.form-card ul li .form-qr-img {
       max-width: 90px;
   }

   .getstart .wizard-form-content .thank-you .form-card ul li .google-play-store,
   .getstart .wizard-form-content .thank-you.form-card ul li .google-play-store {
      max-width: 95px;
   }

   .getstart .wizard-form-content .thank-you .form-card ul li .app-store-img,
   .getstart .wizard-form-content .thank-you.form-card ul li .app-store-img {
       max-width: 85px;
   }


   .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img{
      max-width: 330px;
   }
}



   
   @media(max-width:991px){
	   	.getstart .wizard-form-content .wizard-content-left .top-logo {
		    margin-bottom: 60px;
      	}

		.getstart .wizard-form-content .wizard-content-right .exit-btn-box {
		    margin: 57px 15px 105px 0;
		}   

      	.getstart .wizard-form-content .wizard-content-left .wizard-left-mid{
         	padding-top: 0;
      	}



		.getstart .wizard-form-content .form-card.whats-your-number h3, 
		.getstart .wizard-form-content .form-card.whats-your-email h3{
			line-height: 32px;
			font-size: 24px;
		}

		.getstart .wizard-form-content .form-card.thank-you {
		    padding-top: 0;
		}

	    .getstart .wizard-form-content.thank-you .thank-you-content p{
	        font-size: 32px !important;
	        line-height: 36px !important;
	    }


      	.getstart .wizard-form-content.thank-you .wizard-content-right .exit-btn-box {
         	margin: 40px 15px 24px 0;
      	}

      .getstart .wizard-content-right .form-content h3{
         font-size: 22px;
         line-height: 26px;
      }

      	.getstart .form-content {
		    padding: 0 30px;
		}

   }


@media all and (orientation:landscape) {
      .getstart .wizard-form-content{
         min-height: 100%;
         overflow: auto;
      }
      .getstart .wizard-form-content .wizard-content-left {
         padding: 10px 20px 0 20px;
         min-height: 100%;
         height: auto;
      }
      .getstart .wizard-form-content .wizard-content-left .top-logo {
          margin-bottom: 25px;
      }

      .getstart .wizard-form-content .wizard-content-left .top-logo img {
          width: 140px;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid h6{
         margin-bottom: 8px;
      }

      
      .getstart .wizard-content-right .form-content h3{
         padding: 0 0 25px 0;
      }

   }
   

   @media(max-width:767px){


      .getstart .wizard-form-content,
      .getstart .wizard-form-content .wizard-content-right{
         overflow: initial;  
      }
      .getstart .wizard-form-content .wizard-content-left .top-logo img{
         width: 150px;
      }

      .getstart .wizard-form-content .wizard-content-left, 
      .getstart .wizard-form-content .wizard-content-right {
         width: 100%;
      }
      .getstart .wizard-content-right .form-content h3{
         max-width: 100%;
      }
      .getstart .wizard-form-content{
         flex-direction: column;
         justify-content: flex-start;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-content-width{
         margin: 0;
         max-width: 100%;
         height: 50% !important;
      }

      .getstart .wizard-form-content .wizard-content-left {
         padding: 20px;
         height: auto;
      }


       .getstart .wizard-content-right .form-content{
         max-width: 100%;
         max-height: auto;
         height: auto;
         display: block;
      }

      .getstart .wizard-form-content .wizard-content-right .exit-btn-box {
         margin: 45px 0 0 0;
      }



      .getstart .wizard-form-content .wizard-content-left .top-logo {
         margin-bottom: 0;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid{
         padding-top: 30px;
         text-align: center;
      }


      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid p {
         font-size: 18px;
         line-height: 26px;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid h6{
         margin-bottom: 0;
         margin-top: 10px;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid img {
         max-width: 230px;
         margin:30px auto 0 auto;
         max-height: 178px;
      }


      .getstart .wizard-form-content .wizard-content-left {
          min-height: auto;
          height: auto;
      }

      .getstart #msform{
         width: 100%;
      }

      .getstart .wizard-form-content .form-card.thank-you {
          padding-top: 0;
      }

      .getstart .wizard-form-content .thank-you .form-card ul li .form-qr-img ,
      .getstart .wizard-form-content .thank-you.form-card ul li .form-qr-img {
          max-width: 130px;
      }

      .getstart .wizard-form-content .thank-you .form-card ul li .google-play-store,
      .getstart .wizard-form-content .thank-you.form-card ul li .google-play-store{
          max-width: 110px;
      }

      .getstart .wizard-form-content .thank-you .form-card ul li .app-store-img,
      .getstart .wizard-form-content .thank-you.form-card ul li .app-store-img{
          max-width: 100px;
      }


      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid span{
         margin-top: 10px;
      }

      .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid {
          justify-content: flex-start;
      }

      .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
          max-width: 250px;
      }


      .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left{
         overflow: initial;
      }


      .getstart .wizard-form-content.welcome .wizard-content-left {
          overflow: initial;
      }

      .getstart .wizard-form-content.welcome .wizard-content-left .wizard-left-mid img {
         min-width: auto;
         margin-left: 0;
         height: auto;
         max-width: 70% !important;
      }

      .getstart .wizard-form-content.welcome .form-card.welcome p{
         margin-bottom: 0;
      }

      .getstart .wizard-form-content .wizard-content-left .wizard-left-mid p, 
      .getstart .wizard-form-content .form-card.thank-you p{
      	margin: 0;
      }

      	.getstart .wizard-form-content #msform .thank-you {
		    padding-bottom: 25px;
		}

   }



   @media(max-width:576px){
   		

         .wizard-content-right .form-content h3 {
          font-size: 20px;
          line-height: 26px;
          padding: 0 0 15px 0;
         }

         .getstart .wizard-form-content.thank-you .thank-you-content p{
            font-size: 28px !important;
            line-height: 36px !important;
         }

         .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
             max-width: 320px;
         }

         .getstart .form-content {
		    padding: 0 15px;
		}

		.getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
            max-width: 250px;
        } 

        .getstart .wizard-form-content.thank-you .thank-you-content h6{
        	font-size: 18px;
        	line-height: 24px;
        }

   }	

   @media(max-width:420px){
         .getstart .wizard-form-content.thank-you.supportedLocation .wizard-content-left .wizard-left-mid img {
             max-width: 160px;
         }      
   }


/*14.11.2023*/

/** 15-11-2023 hide thank you header footer **/
.page-template-temp-getstart-thanks header#myHeader2, .page-template-temp-getstart-thanks section.shopFooter_bg {
    display: none;
}

/** 15-11-2023 hide thank you header footer **/

/*15.12.2023*/
  .delete-account span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.checkallthatapply{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;

    }
    .delete-account h3 {
    text-align: center;
    color: #FF5900;
    font-weight: 700;
}
   .delete-account p {
    color: #FF5900;
}
textarea#your-reason{
	line-height: 14px;
}
 .delete-account span.wpcf7-not-valid-tip:after {
    background: url(../img/error-icon.png)no-repeat;
    content: '';
    position: absolute;
    left: 10px;
    top: 8px;
    height: 20px;
    width: 20px;
    background-size: contain;
}
  .delete-account span.wpcf7-not-valid-tip {
    color: #BD0000;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.1px;
    background: #FFE8E8;
    display: inline;
     padding: 12px 10px 12px 40px;
    margin: 0;
    position: relative;
    top: 5px;
    
}
/*15.12.2023*/


/*20.03.2024*/

.blog-articel-withtable .blog-articel-midcontent .container{
	max-width: 1270px !important;
}

.blog-articel-withtable .blog-articel-content .card{
	border-radius: 20px;
	background: #FDEFEB;
	padding:  35px 15px 0 15px;
	width: 322px;

}

.blog-articel-withtable .blog-articel-content{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 0 60px 0;
}


.blog-articel-withtable .blog-articel-content .accordion-title-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-bottom: 1px solid #D0CDEC;
	padding: 0 0 25px 0;
}

.blog-articel-withtable .blog-articel-content .accordion-title-header.collapsed{
	border-bottom: none;
}

.blog-articel-withtable .blog-articel-content .accordion-title-header svg{
	position: absolute;
	right: 0;
    top: 9px;
}

.blog-articel-withtable .accordion-title-header.collapsed svg{
	transform: rotate(180deg);
}

.blog-articel-withtable .blog-articel-content .rightContent{
	padding: 0 60px;
}


.blog-articel-withtable .article-detail{
	margin-top: 100px;
}

.blog-articel-withtable .article-detail .card .blog-articel-content ul li a{
	color: #231C00;
	font-family: Aeonik;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	text-decoration: underline !important;
}

.blog-articel-withtable .article-detail .card .blog-articel-content p{
	color: #231C00;
	font-family: Aeonik;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.blog-articel-withtable .article-detail .card h2{
	font-size: 24px !important;
	padding: 0 0 8px 0;
}

.blog-articel-withtable .article-detail .card h2,
.blog-articel-withtable .article-detail .article-detail-title h3,
.blog-articel-withtable .article-detail .article-detail-title p,
.blog-articel-withtable .article-detail .card h3,
.blog-articel-withtable .article-detail .card h5 {
	color: #231C00;
}

.blog-articel-withtable .blog-articel-content .leftContent{
	height: 100%;
    position: sticky;
    display: block;
    top: 100px;
}

.blog-articel-withtable .article-detail .card-img-top{
	border-radius: 20px;
	min-height: auto;
	margin-bottom: 35px;
	max-height: 550px;
	object-fit: cover;
	object-position: 0 40%;
}

.blog-articel-withtable .article-detail .stay-updated{
	margin-bottom: 65px;
}

 .blog-articel-withtable .article-detail .leftContent .card h5{
 	font-size: 17px !important;
 }

 .blog_v2 .blog{
 	padding-top: 100px;
 }

.blog_v2 h1,
.blog_v2 h2,
.blog_v2 h3,
.blog_v2 h4,
.blog_v2 h5,
.blog_v2 h6,
.blog_v2 li,
.blog_v2 ul,
.blog_v2 a,
.blog_v2 p,

.blog-articel-withtable  h1,
.blog-articel-withtable  h2,
.blog-articel-withtable  h3,
.blog-articel-withtable  h4,
.blog-articel-withtable  h5,
.blog-articel-withtable  h6,
.blog-articel-withtable  li,
.blog-articel-withtable  ul,
.blog-articel-withtable  a,
.blog-articel-withtable  p{
	color: #231C00 !important;
}

 .blog_v2 .blog .container{
 	max-width: 1180px !important;
 }

.blog_v2 .blog .blog-title{
	text-align: left;
	max-width: 530px;
	padding: 15px;
}

.blog_v2 .blog .blog-title h2{
	color: #FF5900;
	font-family: Aeonik;
	font-size: 64px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 2.56px;
	margin: 0 0 20px 0 !important;
	line-height: normal !important;
}

.blog_v2 .blog .blog-title h2:after{
	display: none;
}

.blog_v2 .blog .blog-title p{
	color: #000;
	font-family: Aeonik;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.44px;
}


 .blog_v2 .blog-mid-contnt .container{
 	max-width: 1180px !important;
 }

 .blog_v2 .card-contntbox{
	border-radius: 20px;
	background: #F0EEFC;
	padding: 0 100px;
 }

 .blog_v2 .blog-mid-contnt .top-card .card{
 	background-color:transparent; 
 }

 .blog_v2 .blog-mid-contnt .top-card .card .card-img-box{
 	height: 100%;
 }

 .blog_v2 .blog-mid-contnt .top-card .card .card-img-box{
	width: 100%;
	height: 100%;
 }

 .blog_v2 .blog-mid-contnt .card{
	border-radius: 20px;
	background: #F0EEFC;
	overflow: hidden;
	width: 100%;
 }

 .blog_v2 .blog-mid-contnt .card .btn{
	background-color: transparent !important;
	border: none !important;
	color: #F0EEFC !important;
	font-family: Aeonik !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
	text-transform: uppercase !important;
	left: 20px !important;
	right: auto !important;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
 }

 .blog_v2 .blog-mid-contnt .card .btn-primary:after{
 	display: none;
 }

 .blog_v2 .mid_box .card .card-body{
 	padding: 38px 58px;
 }

 .blog_v2 .mid_box .card .card-body h5,
 .blog_v2 .blog-mid-contnt .card .card-body p{
	color: #231C00;
	font-family: Aeonik;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
 }

 .blog_v2 .blog-mid-contnt .card .card-body p{
	font-size: 15px;
 }

 .blog_v2 .mid_box{
 	padding-bottom: 87px; 
 }

 .blog_v2 .mid_box .card{
 	margin: 0;
 	min-height: 388px;
 }

 .blog_v2 .mid_box h3{
	color: #FF5900;
	font-family: Aeonik;
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:85px 15px 63px 15px;
 }

 .blog_v2 .blog-mid-contnt .card-img-box{
 	background-color: transparent !important;
 	width: 100%
 }

 .blog_v2 .mid_box .card .card-img-box .card-img{
 	height: 223px;
 	width: 100%;
 }



@media (max-width: 1200px){
	.blog-articel-withtable .blog-articel-content .card{
		width: 270px;
	}

	.blog-articel-withtable .blog-articel-content .rightContent {
	    padding: 0 30px;
	}

}
@media (max-width: 991px){
	.blog-articel-withtable .blog-articel-content{
		flex-direction: column;
	}

	.blog-articel-withtable .blog-articel-content .leftContent{
		width: 100%;	
	}
	.blog-articel-withtable .blog-articel-content .card {
	    width: 100%;
	}

	.blog-articel-withtable .blog-articel-content .leftContent{
		height: auto;
	    position: initial;
	}


	.blog_v2 .mid_box .card .card-body {
	    padding: 20px;
	}

	.blog_v2 .card-contntbox{
		padding: 0 55px;
	}

	.blog_v2 .blog-mid-contnt .top-card .card .card-img-box img {
	    width: auto;
        width: auto;
	}

	.blog_v2 .mid_box .card .card-img-box .card-img{
		min-height: 145px;
		height: auto;
	}

	.blog_v2 .blog-mid-contnt .card-img-box {
	    height: auto;
	}

	.blog_v2 .mid_box .card {
	    min-height: 310px;
	}
}

@media (max-width: 767px){
	.blog-articel-withtable .blog-articel-content .rightContent {
	    padding: 0;
	}


	.blog_v2 .mid_box .card{
		margin-bottom: 30px;
	}
}


@media (max-width: 576px){
	.blog-articel-withtable .article-detail .article-detail-title h3,
	.blog-articel-withtable .article-detail .card h3{
		font-size: 28px !important;
	}


	.blog_v2 .card-contntbox {
	    padding: 0;
	}

	.blog_v2 .blog-mid-contnt .card {
	    margin: 0;
	}


	.blog-mid-contnt .top-card .card .card-body{
		padding: 20px;
	}

	.blog_v2 .blog .blog-title h2{
		font-size: 46px !important;
	}

	.blog_v2 .blog .blog-title p{
		font-size: 26px;
	}

	.blog_v2 .mid_box .card{
		margin-bottom: 30px;
	}

	.blog_v2 .mid_box h3{
		margin: 85px 15px 30px 15px;
		font-size: 32px;
	}
}
/*20.03.2024*/


/** 31-07-2024**/
.email-input-waitlist {
border-radius: 40px;
overflow: hidden;

padding: 5px 6px 5px 16px;
background-color: #fff;
max-width: 485px;
margin: 0;
}
.email-input-waitlist input#email {
border-width: 40px;
border: none;
background-color: transparent;
padding-left: 0;
color: #000;
width: 63%;
float: left;
padding: 14px;
}

a#joinwaitListButton {
width: 165px !important;
height: 44px !important;
background: #ff5900 !important;
border: none;
border-radius: 40px !important;
color: #FFF !important;
text-align: center !important;
font-family: Aeonik !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 20px !important;
margin: 4px 0;
}
@media (max-width: 573px) {
.email-input-waitlist{
background-color: #dfd8d8;
margin: 0 auto;
padding: 10px 6px 5px 16px;
}
.email-input-waitlist input#email{
width: 54%;
}
a#joinwaitListButton {
width: 138px !important;}
font-size: 14px !important;
}
}