.elementor-6110 .elementor-element.elementor-element-1fbf236:not(.elementor-motion-effects-element-type-background), .elementor-6110 .elementor-element.elementor-element-1fbf236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F17D10;background-image:url("https://i-solarlite.com/wp-content/uploads/2024/07/american-public-power-association-513dBrMJ_5w-unsplash-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6110 .elementor-element.elementor-element-1fbf236 > .elementor-background-overlay{background-color:#F17D10DE;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6110 .elementor-element.elementor-element-1fbf236{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 30px 60px 30px;}.elementor-6110 .elementor-element.elementor-element-3919d5e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px;}.elementor-6110 .elementor-element.elementor-element-3919d5e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6110 .elementor-element.elementor-element-36df247{text-align:left;}.elementor-6110 .elementor-element.elementor-element-36df247 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-6110 .elementor-element.elementor-element-40400bb:not(.elementor-motion-effects-element-type-background), .elementor-6110 .elementor-element.elementor-element-40400bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-6110 .elementor-element.elementor-element-40400bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-6110 .elementor-element.elementor-element-40400bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6110 .elementor-element.elementor-element-27ba719 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6110 .elementor-element.elementor-element-1cfc5cf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6110 .elementor-element.elementor-element-1cfc5cf > .elementor-widget-container{padding:150px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}@media(max-width:1024px){.elementor-6110 .elementor-element.elementor-element-1fbf236{padding:50px 20px 50px 30px;}.elementor-6110 .elementor-element.elementor-element-40400bb{padding:50px 30px 50px 30px;}}@media(max-width:767px){.elementor-6110 .elementor-element.elementor-element-1fbf236{padding:40px 20px 40px 20px;}.elementor-6110 .elementor-element.elementor-element-36df247 .elementor-heading-title{font-size:30px;}.elementor-6110 .elementor-element.elementor-element-40400bb{padding:50px 20px 50px 20px;}.elementor-6110 .elementor-element.elementor-element-1cfc5cf > .elementor-widget-container{padding:130px 20px 20px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-1cfc5cf */#connection-type .btn{
    WIDTH:48.33% !IMPORTANT;
    FLOAT:LEFT;
    margin-right:3%;
    border:1px solid #ccc;
    padding:10px;
   position:relative;
}
#connection-type .btn:nth-child(even){
    margin-right:0;
    margin-bottom:18px;
}
#connection-type .btn img{
    height:150px;
    object-fit: cover;
    width:100%;
    
}

#connection-type .btn input{
    position:absolute;
    bottom:30px;
    opacity:0;
}
#connection-type .btn {
       font-size:14px !IMPORTANT; 
    text-align:center !IMPORTANT;
}
#btnSubmitCalc{
    margin-top:30px !IMPORTANT;
}

#signup fieldset, .align-center{
    border:none;
}

.top-space-medium .noninterlocking-circles-inner{
    margin-top:0 !important;
    width:100% !important;
    margin-left:0 !important;
}

.top-space-medium .home-features{
  padding:30px; 
}
.top-space-medium{
    
}
.textfield input{
    border:1px solid #FCE0C6 !important;
    border-radius:0 !important;
}

#signup label{
    color:#111 !important;
    fontg-family:"Montserrat" !important;
    font-size: 14px !important;
    font-weight:700;
}

.textfield input::placeholder{
    color:#333 !important;
    font-size: 14px !important;
}
.textfield #uploaded_file{
    border:0px solid #FCE0C6 !important;
}
#btnSubmitCalc{
    background: #F17D10;
    border:1px solid #F17D10 !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color:#fff;
}
#btnSubmitCalc:hover{
    background: transparent;
    color:#F17D10;
}
#connection-type .btn img{
    margin-bottom: 10px !important;
}
#connection-type .btn{
    border:1px solid #FCE0C6 !important;
}

.form-group{
    width: 70% !important;
    overflow: hidden;
}

.omega .noninterlocking-circles{
    border:20px solid #ACFF97 !important;
}
.rupee .noninterlocking-circles{
    border:20px solid #855676 !important;
}
.month .noninterlocking-circles{
    border:20px solid #00A059 !important;
}
.kwp .noninterlocking-circles{
    border:20px solid #B276A6 !important;
}
label.m-lb{
    text-align:center!important;
}

/*#connection-type .btn:active{
    border:1px solid red !important;
}*/
fieldset {
    padding: 0 !important;
}


@media (max-width:1026px){
    .home-features .fg-3 {
    width: 50% !important;
}
.hf-social .noninterlocking-circles , .omega .noninterlocking-circles{
    height: 230px !important;
    width: 230px !Important;
    margin: auto !Important;
}
.hf-social .noninterlocking-circles .txt-center , .omega .noninterlocking-circles .txt-center{
    top: 43PX !Important;
}
.site-content-page-inner{
    margin-right:0 !Important;
}
}





@media(max-width:980px){
    .form-group{
    width: 100% !important;
    overflow: hidden;
    margin: auto;
}
}
@media(max-width:767px){
    #connection-type img{
    height:150px !important;
    }
    #connection-type .btn{
      padding:5px; 
      font-size:14px !important;
    }
    fieldset div{
        display:block !important;
        margin-left:0 !important;
    }
    fieldset div:first-child{
        margin-bottom:0px;
    }
    
    .top-space-medium .home-features{
        padding:20px !Important;
    }
    
    .site-content-page-inner .align-center h1 , .site-content-page-inner .align-center h1 b
 {
    font-size:22px !Important;
    margin-top:0 !Important;
}


.fa-fw{
    width:auto !important;
} 
    #button-container div {
        margin-bottom:30px !important;
    }
    
     .home-features .fg-3 {
    width: 100% !important;
}

}

.home-features .text-center{
    margin-top:10px !Important;
}


@media(max-width:500px){
    #connection-type img{
    height:100px !important;
    } 
}
@media(max-width:400px){
    #connection-type img{
    height:80px !important;
    } 
    .site-content-page-inner .align-center h1 , .site-content-page-inner .align-center h1 b
 {
    font-size:16px !Important;
    margin-top:0 !Important;
}
}


.noninterlocking-circles, .message-text{
    font-family: "Playfair Display", Sans-serif;
}
.result h6.text-center{
    font-family: "Montserrat" ! Important;
	font-size:15px;
	font-weight:500;
	
}
.result h5.text-center{
    font-family: "Montserrat" ! Important;
	font-size:18px;
	font-weight:500;
	margin-bottom:-10px !important;
}

 .site-content-page-inner .align-center h1 , .site-content-page-inner .align-center h1 b
 {
    margin-top:0 !Important;
    font-family: "Montserrat" ! Important;
}

#button-container{
    margin-bottom:25px !Important;
}/* End custom CSS */
/* Start custom CSS */#signup label{
    font-family: "Montserrat", Sans-serif;
}
.left{
    width:47% !important;
    float: left;
    margin-right:3%;
    z-index:99 !Important;
}

.right .form-group {
    width: auto !important;
    overflow: hidden;
}


.code-box:before{
    content:"";
    background:#F17D10 !Important;
   height:60px;
   width:100%;
   position:absolute;
   top:0;
}
.code-box:after{
    content:'Instant Solar Estimate';
    font-size:26px;
    position:absolute;
    top:10px;
    color:#fff;
    font-weight:700;
    left: 50%;
-webkit-transform: translateX(-50%);
    font-family: "Playfair Display", Sans-serif;
}

.textfield.top:before{
    content:"";
    background:#FCE0C6A6;
    width:2px;
    height:100%;
    position:absolute;
    right:-3%;
}
.textfield.top:after{
    content:'Enter Your Details';
    font-size:22px;
    color:#111;
    position:absolute;
    top:-40px;
    font-family:"Montserrat" !Important;
    left:0px;
    font-weight:700;
}
.left , .right{
    position:relative !important;
}

.form-group:before{
    content:'Select Connection Type';
    font-size:22px;
    color:#111;
    position:absolute;
   top:-40px;
    font-family:"Montserrat" !Important;
    font-weight:700;
}


.left #uploaded_file{
        border: 1px solid #FCE0C6 !important;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 10px;
}

.m-sec .e-con-inner{
    display: block !Important;
}


@media (max-width:980px){
    .left{
    width:100% !Important;
    float:none !Important;
    margin-right:3%;
}
.textfield.top:before{
   display:none;
}
.right{
    margin-top:40px !Important;
}
}

@media (max-width:767px){
    .code-box:after {
    content: 'Instant Solar Estimate';
    font-size: 26px;
    position: absolute;
    top: 10px;
    color: #fff;
    font-weight: 700;
    left: 24px !Important;
    -webkit-transform: unset !Important;
}
#button-container div{
    text-align:left !Important;
}
.textfield.top{
    margin-bottom:20px !Important;
}

#btnSubmitCalc {
    margin-top: 10px ! IMPORTANT;
}

}

input:focus-visible {
  outline: 0px solid crimson !Important;
}/* End custom CSS */