/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Header */
.iconBtnBlur a.elementor-button span.elementor-button-icon {
    font-size: 26px;
}
.iconBtnBlur a.elementor-button .elementor-button-content-wrapper {
	align-items: center;
}
.iconBtnBlur a.elementor-button {
    background: #ffffff1f;
    backdrop-filter: blur(10px);
    border: 1px solid #c3c3c3;
}
.mainHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  backdrop-filter: none;
  transform: translateY(0);
}

.mainHeader.show-on-scroll {
  background-color: rgba(0, 64, 87, 0.8) !important; /* ya koi bhi dark ya light color */
  backdrop-filter: blur(10px);
}

.mainHeader.hide-on-scroll {
  transform: translateY(-100%);
}
.iconBtnBlur.appleBtn a.elementor-button {
    background: #ffffff;
    backdrop-filter: blur(0px);
    border: 1px solid #c3c3c3;
}

/*  */


/* Home */

.blurText {
    background: #ffffff17;
    backdrop-filter: blur(10px);
    border-radius: 100px;
    padding: 6px 21px;
}
.blurText p {
    margin: 0;
}
.blurText p strong {
    font-weight: 600;
}
.homeDeviceViewSec {
  position: relative;
} 

.deviceView {
	position: sticky;
  top: 0;
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out; 
}

.deviceView.active {
  opacity: 1;
  filter: blur(0px);
  z-index: 2;
} 

.inverterSingleBox.elementor-sticky--active {
    opacity: 1 ;
}
.inverterSingleBox {
    opacity: 0 ;
    transition: 0.3s opacity ease-in-out;
}
.inverterSingleBox.firstInverterBox {
    opacity: 1;
}
.inverterVideoCol .elementor-widget-container {
	justify-content: center !important;
	align-items: center !important;
}

/* Annual Graph Illustration */

 html {
    overflow: initial !important;
}
/*
.electricityPlanSC {
	position: sticky;
    top: 0;
}
.annualSavingsWrapper {
  height: 100vh; 
  position: relative;
}

.annualSavingsRow {
  position: relative;
  top: 0;
  height: 100vh;
  background-image: url('/wp-content/uploads/2025/07/annual-saving-chart.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}   

.annualStats {
  position: absolute;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.3s ease-in-out;
}

.annualStats img {
  transform: scale(1.8);
}

.annualStats.firstStat {
    left: 12vw;
    bottom: 27.5vh;
}

.annualStats.secondStat {
    bottom: 28.5vh;
    left: 33vw;
}

.annualStats.thirdStat {
    left: 54vw;
    bottom: 31vh;
}

.annualStats.forthStat {
    left: 77vw;
    bottom: 35vh;
} */

/*  */
.annualSavingRow .savingsImg {
	position: absolute;
}
.annualSavingRow .savingsImg img {
    transform: scale(1.3);
}
.annualSavingRow .savingsImg.savingImgOne {
    bottom: 154px;
    left: 170px;
}
.annualSavingRow .savingsImg.savingImgTwo {
    bottom: 158px;
    left: 433px;
}
.annualSavingRow .savingsImg.savingImgThree {
    bottom: 167px;
    left: 711px;
}
.annualSavingRow .savingsImg.savingImgFour {
    bottom: 177px;
    left: 962px;
}
.colorFillTitle .elementor-heading-title {
  display: inline-block;
  overflow: hidden;
}

.colorFillTitle .word {
  display: inline-block;
  transform: translateY(100%);
  opacity: 0;
  filter: blur(6px); 
}
.inverterSingleBox .inverterImageCol video.elementor-video {
	height: 630px;
    width: auto !important;
    padding-top: 70px;
	margin: 0 auto;
}
.electricPlanSlider button.slick-arrow {
	top: 0px;
    right: 0px !important;
    left: unset !important;
    bottom: 0 !important;
    height: 53px !important;
    margin: auto !important;
    width: 53px !important;
    background: #ffff;
    border-radius: 100px !important;
    border: 2px solid #F4B840 !important;
    border-radius: 100px;
}
.electricPlanSlider button.slick-arrow:hover {
    opacity: 1;
    background: #F4B840;
}
.electricPlanSlider button.slick-prev {
    right: unset !important;
    left: 0 !important;
}
.electricPlanSlider button.slick-arrow::before {
    font-size: 24px !important;   
    border-radius: 100px;
	color: #004057;
	line-height: 20px;
	opacity: 1;
}
.electricPlanSlider button.slick-arrow:hover {
    opacity: 0.7;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.homeLogoRow .elementor-widget-container img {
    height: 44px;
    width: auto !important;
}
/*  */

/* NSW PAGE CSS */
.expertsSingleBox {
    display: flex !important;  
	margin: 0 10px;
}
.expertsSlider ul.slick-dots {
    bottom: -35px;
}
.expertsSlider .slick-dots li button:before {
    color: #fff;
    font-size: 18px;
		opacity: 1;
}
.expertsSlider .slick-dots li.slick-active button:before {
    color: #004057;    
}
.singleTestomonialBox {
	margin: 0 13px;
	min-height: 317px !important;
}
.singleTestomonialBox:hover {
    cursor: grab;
}
.testimonialSlider button.slick-arrow {
    top: -80px;
    right: 0 !important;
    left: unset !important;
    bottom: unset !important;
    height: 53px !important;
    width: 53px !important;
	background: #ffff;
    border-radius: 100px;
    border: 2px solid #F4B840 !important;
	border-radius: 100px;
}
.testimonialSlider button.slick-arrow:hover {
    opacity: 1;
    background: #F4B840;
}
.testimonialSlider button.slick-prev {
    right: 70px !important;
}
.testimonialSlider button.slick-arrow::before {
    font-size: 24px !important;   
    border-radius: 100px;
	color: #004057;
	line-height: 20px;
	opacity: 1;
}
.testimonialSlider button.slick-arrow:hover {
    opacity: 0.7;
}
.footerCopyrightCol a:hover {
	color: #F4B840;
}
.footerContactInfoCol li.elementor-icon-list-item a:hover {
    color: #F4B840;
    fill: #F4B840;
    transition: 0.1s ease-in-out;
}
.footerContactInfoCol a.elementor-social-icon:hover svg {   
    fill: #F4B840 !important;
    transition: 0.1s ease-in-out;
}
.testimonialSlider .slick-dots li button:before {
    color: #F4B840;
    font-size: 18px;
		opacity: 1;
}
.testimonialSlider .slick-dots li.slick-active button:before {
    color: #004057;    
}
.imageCarouselRow .swiper-pagination {
    bottom: -10px !important;
}
.imageCarouselRow span.swiper-pagination-bullet {
    background: #F4B840 !important;
}
html body .imageCarouselRow span.swiper-pagination-bullet-active {
    background: #004057 !important;
	    background-color: #004057 !important;
}
.roundBorderBtn a.elementor-button {
    transition: 0.3s ease-in-out;
}

.roundBorderBtn a.elementor-button:hover {
    transform: translate(0px, -4px);
    box-shadow: 0px 6px 9px #b7b7b7;
}
.introFooterForm .elementor-form-fields-wrapper input:focus {
    border-bottom: 2px solid #000 !important;
    box-shadow: none;
}
.introFooterForm .elementor-form-fields-wrapper select:focus {
    border-bottom: 2px solid #000 !important;
    box-shadow: none;
}
.electricPlanSingleBox .elementor-widget-container img {
    margin: 0 0 0 auto !important;
}

/*  */

/* New Landing Page */
.electricPlanSlider .electricPlanSingleBox {
    display: flex !important;
}
.electricPlanSingleBox:hover {
	cursor: grab;
}
.titleBadge h6 {
    margin: 0;
}
.titleBadge .elementor-widget-container {
	backdrop-filter: blur(6px);    
}
/*  */
.page-id-3329 .page-header
{
	display:none;
}

.page-id-3419 .page-header
{
	display:none;
}
#gray img
{
	filter: grayscale(1);
}

#gray img:hover
{
	filter: grayscale(0);
}

.elementor-field-type-radio .elementor-field-subgroup span{
 margin-bottom:0.5rem;
}
/* Battery so special */
#sectionKey3 {
	background-color: #fff;
}
#sectionKey3 .no-gutters {
	margin-right: -5px;
	margin-left: -5px;
}
#sectionKey3 .no-gutters .col-lg-3 {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
#sectionKey3 .card_features {
	background-color: #FAFAFA;
	height: 100%;
}
#sectionKey3 .col-lg-3:last-child {
	flex: 0 0 50%;
	max-width: 50%;
}
#sectionKey3 .col-lg-3:last-child .card_features {
	background-color: #F4B840;
	position: relative;
	padding-left: 220px !important;
	padding-top: 20px !important;
}
#sectionKey3 .col-lg-3:last-child .card_features .embed-responsive {
	position: absolute;
	left: 40px;
	top: 20px;
	padding: 0 !important;
}
#sectionKey3 .col-lg-3:last-child .card_features .embed-responsive:before {
	display: none;
}
#sectionKey3 .col-lg-3:last-child .card_features .embed-responsive .img-contain {
	position: relative;
	max-width: 156px;
}
#sectionKey3 .col-lg-3:last-child .card_features h3 {
	color: #004057;
	font-size: 28px;
}
#sectionKey3 .col-lg-3:last-child .card_features p {
	color: #004057;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	max-width: 330px;
	margin: 0;
}
#sectionKey3 .col-lg-3:last-child .card_features .btn {
	background-color: #004057;
	border-color: #004057;
	color: #fff;
	opacity: 1 !important;
	visibility: visible;
}
#mo_send_otp_phone21,
#mo_verify_button_phone21,
#mo_send_otp_phonehowtobuy,
#mo_verify_button_phonehowtobuy {
	font-size: 13px;
	padding: 10px 15px !important;
	font-weight: bold;
	line-height: 1;
	background-color: #f9b426;
	width: 100%;
}
.customFormDev .elementor-field-type-tel .intl-tel-input {
	width: 50% !important;
}
.customFormDev .elementor-field-type-tel .elementorproforms-submit-container {
	margin-top: 0 !important;
	width: 50% !important;
	padding-left: 20px;
} 
#mo_messagephone21 {
	font-weight: normal;
	border: 1px solid;
	font-size: 14px !important;
}
#mo_verify-containerphone21 {
	padding-top: 20px;
	width: 50% !important;
}
.intl-tel-input .flag-container {
	height: 40px;
}
.elementor-2822 .elementor-element.elementor-element-ec6d2b5 .elementor-message.elementor-message-danger {
	color: #CF1818 !important;
	padding: 5px 0 0 0 !important;
	display: block;
	margin-right: -130px;
}
.elementor-2822 .elementor-element.elementor-element-ec6d2b5 .elementor-field-group {
	align-items: start;
}
#mo_verify_button_phone21 {
	margin-top: 50px !important;
}
.elementor-2822 .elementor-element.elementor-element-ec6d2b5 .elementor-button[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #000000;
}

/* Request a quote OPTP */
.getQuoteForm #mo_send_otp_phonehowtobuy , #mo_verify_button_phonehowtobuy {
	font-size: 13px;
	padding: 10px 15px !important;
	font-weight: bold;
	line-height: 1;
	background-color: #f9b426;
	width: 100%;
	margin-top: 0 !important;
}
.getQuoteForm  .elementor-field-type-tel.elementor-field-group.elementor-column.elementor-field-group-field_18a8bdc label.elementor-field-label {
    width: 100%;
}
.getQuoteForm  .elementor-field-type-tel.elementor-field-group.elementor-column.elementor-field-group-field_18a8bdc .intl-tel-input {
    width: 55% !important;
}
.getQuoteForm  .elementor-field-type-tel.elementor-field-group.elementor-column.elementor-field-group-field_18a8bdc .elementorproforms-submit-container {
    width: 45%;
		padding-left: 16px;
		margin-top: 0 !important;
}
.elementor-3329 .elementor-element.elementor-element-862b952 .elementor-button[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #000000;
}
.elementor-field-type-tel.elementor-field-group.elementor-column.elementor-field-group-field_18a8bdc {
    align-items: start;
}
.elementor-3329 .elementor-element.elementor-element-862b952 .elementor-message.elementor-message-danger {
    color: #CF1818 !important;
}
.introFooterForm .elementor-button[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #000000;
}
/*  */