/* Banner */
.Residential-banner {
    background: url(../Images/residential-banner.png), no-repeat;
    background-position: center;
    background-size: cover;
    padding: 195px 0 115px;
    margin-top: -155px;
    position: relative;
    overflow: hidden;

}

.Residential-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180.01deg, rgba(0, 0, 0, 0.35) -16.58%, #000000 97.89%);
}

.Residential-banner-content-box {
    position: relative;
    z-index: 3;
    opacity: 0;
    transform: translateX(-120px);
    transition: transform 1s ease, opacity 1s ease;
}

.Residential-banner-content-box {
    max-width: 700px;
}

.Residential-banner-heading {
    font: 300 42px/48px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.Residential-banner-heading .bold {
    font-weight: 700;
    display: block;
}

.Residential-banner-content {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 50px;
    max-width: 450px;
}

.Residential-banner-content-box .rating-button-box {
    margin-bottom: 58px;
}

.banner-right-image-main {
    position: absolute;
    right: 0;
    top: 45px;
    width: 840px;
    height: 700px;
    z-index: 4;
}
.banner-right-image-main {
    position: absolute;
    right: 0;
    top: 45px;
    width: 840px;
    height: 700px;
    opacity: 0;
    transform: translateX(120px);
    transition: transform 1s ease, opacity 1s ease;
}
.Residential-banner.animate .Residential-banner-content-box,
.Residential-banner.animate .banner-right-image-main {
    opacity: 1;
    transform: translateX(0);
}
.Residential-banner.animate .banner-right-image-main {
    transition-delay: 0.2s;
}

/* Smart Solar */
.smart-solar {
    padding: 80px 0;
    background: #242424;
    text-align: center;
}

.smart-solar .section-heading {
    color: #FFFFFF;
    padding-bottom: 16px;
}

.smart-solar-content {
    font: 400 18px/30px 'Outfit', sans-serif;
    color: #FFFFFF;
    max-width: 680px;
    margin: 0 auto 48px;
}

.smart-solar-card {
    height: 100%;
}

.smart-solar-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}

.smart-solar-card h3 {
    font: 500 24px/32px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 20px;
}

.smart-solar-card p {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding: 0 50px;
}

.smart-solar .action-buttons-box-main {
    margin: 75px 0 0;
    justify-content: center;
}

.smart-solar .nav-link-button.bordered {
    background: transparent;
}

.Residential-main .solar-batteries {
    padding: 120px 0;
    background: #000000;
    text-align: center;
}

.Residential-main .solar-batteries .section-heading {
    color: #FFFFFF;
}
.Residential-main .solar-batteries .solar-batteries-subheading{
    font: 400 18px/27px 'Outfit', sans-serif;
    padding: 16px 0 48px;
    max-width: 700px;
    margin: 0 auto;
    color: #FFFFFF;
}
.Residential-main .power-battery {
    font: 400 18px/27px 'Outfit',sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.power-icon {
    width: 16px !important;
}
/* Switching to Solar */
.why-switching-to-solar {
    padding: 80px 0;
}
.why-switching-to-solar .section-heading{
    color: #000000;
    max-width: 700px;
    padding-bottom: 16px;
}
.Switching-content{
    font: 400 18px/27px 'Outfit', sans-serif;
    max-width: 680px;
    padding-bottom: 64px;
}
.about-switching {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.switching-inner-cards{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 48px;
}
.Switching-icon-card {
    width: 40px;
    height: 40px;
}
.switching-cards-content h3{
    font: 600 24px/32px 'Outfit', sans-serif;
    color: #000000;
    padding-bottom: 16px;
}
.switching-cards-content p{
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #000000;
    padding-bottom: 16px;
    max-width: 382px;
}
.switching-right-image {
    width: 661px;
    height: 634px;
}
.why-switching-to-solar .button-box .gredient-button{
    max-width: 315px;
}

/*  */
.ready-to-go-with-solar {
    background: url(../Images/ready-to-solar.png),no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}
.ready-to-go-with-solar:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
}
.ready-to-solar-content-box{
    max-width: 500px;
    position: relative;
    z-index: 4;
}
.ready-to-go-with-solar h2{
    font: 600 32px/38px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 24px;
}
.ready-to-go-with-solar p{
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 32px;
}
/* Trusted by local */
.trusted-by-local {
    padding: 120px 0;
    text-align: center;
}
.trusted-by-local .section-heading{
    padding-bottom: 32px;
}
.trusted-by-local-content {
    font: 400 18px/27px 'Outfit', sans-serif;
    max-width: 700px;
    margin: 0 auto;
}
.google-bages-box{
    display: flex;
    align-items: center;
    gap: 100px;
    justify-content: center;
    margin: 32px 0;
}

/* Why Choose us */
.why-choose-main {
    padding: 40px 0 120px !important;
}


.why-choose-main .section-heading {
    padding-bottom: 80px;
    max-width: 770px;
    text-align: center;
    margin: 0 auto;
}

.why-choose-tabs-box {
    display: flex;
    gap: 32px;
}

#why-choose-tabs {
    min-width: 367px;
    max-width: 367px;
}

#why-choose-tabs .nav-link {
    padding: 14px 16px;
    font: 400 24px/36px 'Outfit', sans-serif;
    color: #000000CC;
    text-align: left;
    background: #FFB21D14;
    border-radius: 8px;
    border: none;
    margin-bottom: 7px;
}

#why-choose-tabs .nav-link.active {
    background: #FFB21D57;
    box-shadow: 0px 1px 6px 0px #00000026;
    font: 600 24px/36px 'Outfit', sans-serif;
    color: #000000;
}

.why-choose-tab-content {
    display: flex;
    gap: 32px;
}

.tabs-inner-content-main {
    font: 400 18px/32px 'Outfit', sans-serif;
    color: #000000;
    padding: 0 0 48px;
}

.tabs-image-main {
    width: 342px;
    height: 440px;
    border-radius: 8px;
}

/* Service main */
.service-main {
    padding: 120px 0;
    text-align: center;
}
.service-main .section-heading {
    max-width: 760px;
    margin: 0 auto 64px;
}
.service-details-box{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.service-card .service-icon{
    width: 100%;
    max-height: 161px;
    border-radius: 8px;
    margin-bottom: 24px;
}
.service-card h3{
    font: 600 18px/27px 'Outfit' , sans-serif;
}



@media (max-width: 767px) {
    .Residential-banner-content-box,
    .banner-right-image-main {
        opacity: 1;
        transform: none;
        transition: none;
    }
	.Residential-banner-content-box .rating-button-box {
		margin-bottom: 25px;
	}
	.smart-solar-icon {
        width: 56px !important;
        height: 56px !important;
    }
	.smart-solar-card {
		margin: 15px 0;
	}
}