.banner-main {
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    padding: 158px 0 109px !important;
    position: relative;
    margin-top: -118px;
}

.banner-main:after {
    content: '';
    background: linear-gradient(307.6deg, rgba(0, 0, 0, 0.21) 54%, rgba(0, 0, 0, 0.7) 70.64%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.banner-box-inner {
    display: flex;
    align-items: center;
    gap: 123px;
    position: relative;
    z-index: 3;
}

.banner-heading-main {
    font: 700 42px/100% 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 16px;
    max-width: 689px;
}

.banner-content {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding: 0 0 48px;
    max-width: 510px;
}

.yellow-white-btn {
    padding: 15px 50px;
    font: 700 22px/100% 'Outfit',sans-serif;
    background: #FFB21D;
    color: #FFFFFF;
    border: 1px solid #FFB21D;
    border-radius: 8px;
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
}

 .ratings {
    column-gap: 24px;
}

 .ratings .rating-container {
    background: #0101019E;
    padding: 14px 20px;
    border: 1px solid #FFB559;
    border-radius: 6px;
}

 .rating-starts {
    min-width: 59%;
}

 .rating-text {
    font: 600 13px/21px 'Outfit', sans-serif;
    color: #FFB559;
}

 .ratings .google-icon {
    width: 23px;
    height: 23px;
}

.banner-box-inner .yellow-white-btn,
.recommended-choice-box .yellow-white-btn {
    margin: 0 0 48px;
    border-radius: 8px;
}

.yellow-white-btn:after {
    content: url(../images/evcharger/icon-color.svg);
}

.yellow-white-btn:hover:after {
    content: url(../images/evcharger/icon-color-yellow.svg);
    display: block;
    width: 15px;
    height: 13px;
}

.banner-right-image {
    width: 470px;
    height: 488px;
}

.Walara-Series-box {
    padding: 69px 0 80px !important;
    background-position: center !important;
    background-size: cover !important;
}

.Walara-Series-box .section-heading {
    padding-bottom: 32px;
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}
.section-heading .highlight{
    color: #FFB21D;
}

#walara-series-tabs {
    justify-content: center;
    gap: 80px;
    width: 100%;
}

#walara-series-tabs .nav-link {
    font: 400 20px /28px 'Outfit', sans-serif;
    padding: 16px 32px;
    background: transparent;
    border: none;
    cursor: pointer;
color: #000000;
}

#walara-series-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #FFBA15;
    color: #000000;
    font: 600 20px /28px 'Outfit', sans-serif;
    border-radius: 0;
}

#walara-series-tabsContent .tab-pane.active {
    width: 100%;
    display: block;
}

#AC-Chargers .smart-home-content {
    max-width: 100%;
    padding-top: 32px;
}

#DC-Chargers .smart-home-content {
    padding-top: 32px;
}

.smart-home-cards h3 {
    background: #FFB21D;
    border-radius: 10px 10px 0 0;
    padding: 16px;
    text-align: center;
    font: 700 24px / 30px 'Outfit', sans-serif;
    color: #FFFFFF;
    height: 96px;

}

.smart-home-card-inner {
    padding: 255px 16px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.smart-home-cards .gredient-button {
    border-radius: 0 0 10px 10px;
}

.smart-card-descriptions {
    padding-bottom: 32px;
    height: 96px;
}

.smart-card-descriptions h4 {
    font: 700 18px / 24px 'Outfit', sans-serif;
    color: #FFB21D;
    padding: 0;
}

.smart-card-descriptions p {
    font: 400 14px / 20px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding: 0;
}
.plug-and-go {
    max-width: 100%;
    overflow: hidden;
}
.plug-and-go .section-heading {
    max-width: 950px;
    text-align: center;
    margin: 0 auto;
}

.plug-and-go-card {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 44px;
    border: 1px solid #F59825;
    border-radius: 20px;
}

.plug-and-go-card-left {
    padding-left: 56px;
}

.left-content .plug-and-go-card-left {
    padding-right: 56px;
    padding-left: 0;
}

.plug-and-go-card h3 {
    font: 700 32px / 38px 'Outfit', sans-serif;
    padding-bottom: 24px;
}

.plug-and-go-card p {
    font: 400 18px / 27px 'Outfit', sans-serif;
    padding: 0 0 24px;
}

.plug-and-go-card-right .plug-and-go-image {
    border-radius: 0 20px 20px 0;
}

.left-content .plug-and-go-card-right .plug-and-go-image {
    border-radius: 20px 0 0 20px;
}

button:focus {
    outline: none;
}

.walara-series-types {
    margin-top: 48px;
    display: grid;
    align-items: center;
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
}

.walara-box-inner {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 38px;
}

.walara-type-image-box {
    background: #000000;
    display: inline-flex;
    border: 1px solid #FFB21D;
    min-width: 36px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.walara-type-icon {
    width: 24px;
    height: 24px;
}

.walara-content-box.right {
    text-align: right;
}

.walara-type-heading {
    font: 600 18px /24px 'Outfit', sans-serif;
    padding-bottom: 12px;
    color: #000000;
}

.walara-type-content {
    font: 400 16px /22px 'Outfit', sans-serif;
    padding: 0;
}

.walara-modal-image {
    width: 300;
    height: 310px;
}

.Compatible-box {
    padding: 60px 0 120px !important;
}

.Compatible-heading {
    font: 400 24px/32px 'Outfit', sans-serif;
    white-space: nowrap;
}

.Compatible-content-box {
    display: flex;
    align-items: center;
    gap: 44px;
}

.Compatible-marquee {
    width: 100%;
    overflow: hidden;
}

.Compatible-marquee-track {
    display: flex;
    width: max-content;
    animation: scroll-left 25s linear infinite;
    align-items: center;
    gap: 30px;
}

.Compatible-marquee-track .Compatible-brand-icon {
    height: 50px;
    width: 130px;
    object-fit: contain;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.charging-card-main {
    background-position: center !important;
    background-size: cover !important;
    padding: 212px 32px 32px;
    position: relative;
    height: 100%;
}

.charging-card-main:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #00000045 0%, #000000ac 80%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.charging-content {
    position: relative;
    z-index: 5;
}
.charging-solution p{
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #000000;
    padding: 16px 0 32px;
    text-align: center;
}
.charging-solution .section-heading{
    text-align: center;
}

.charging-content .walara-type-image-box {
    min-width: 48px;
    min-height: 48px;
    margin-bottom: 16px;
}

.charging-content h3 {
    font: 700 24px/30px 'Outfit', sans-serif;
    color: #FFFFFF;
}

.charging-content p {
    font: 400 14px/22px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding: 16px 0;
    text-align: left;
}
.walara-type-image-box img {
    width: 24px !important;
}

.gredient-button {
    background: linear-gradient(90deg, #FAC215 0%, #F97C16 100%);
    font: 700 16px/22px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding: 12px 0;
    width: 100%;
    border: 1px solid #FAC215;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
	    display: inline-block;
    text-align: center;
}
.gredient-button:hover{
	background: 0 0;
    color: #ffa113;
}
.gredient-button:after {
    content: '';
    background: url(../images/evcharger/icon-color.svg), no-repeat;
    width: 15px;
    height: 14px;
    display: block;
    position: absolute;
    right: 70px;
    top: 17px;
}

.smart-home-content {
    padding: 0 0 48px;
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #000000;
    max-width: 885px;
    margin: 0 auto;
    text-align: center;
}

.solar-run-apart {
    padding: 0 0 124px !important;
}

.solar-part-main-box-outer {
    display: flex;
    gap: 94px;
}

.solar-apart-left-main {
    height: 100%;
    position: sticky;
    top: 0;
}

.solar-run-apart .section-heading {
    font: 700 48px/54px 'Outfit', sans-serif;
    color: #000000;
    text-align: left;
    padding-bottom: 32px;
}

.solar-apart-content {
    font: 400 18px/27px 'Outfit', sans-serif;
    padding: 0 0 16px;
    color: #777777;
}

.solar-run-apart .yellow-white-btn {
    margin: 32px 0 0;
}

.solar-apart-inner-details {
    display: flex;
    align-items: baseline;
    gap: 48px;
    margin-bottom: 48px;
    position: relative;
}

.solar-apart-inner-details:after {
    content: '';
    position: absolute;
    left: 17px;
    top: 29px;
    width: 2px;
    height: 120%;
    background: #FFB21D;
    z-index: -1;
}

.solar-apart-inner-details:last-child:after {
    display: none;
}

.walara-type-image-box {
    background: #000000;
    display: inline-flex;
    border: 1px solid #FFB21D;
    min-width: 36px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.solar-apart-inner-details:last-child .walara-type-image-box:after {
    display: none;
}

.solar-apart-right-section-heading {
    font: 600 24px/32px 'Outfit', sans-serif;
}

.solar-apart-right-section-content {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #777777;
}

 .victorians-choose {
    padding: 120px 0 0 !important;
    text-align: center;
    position: relative;
}
.solar-anouncement-awards {
    bottom: 150px;
    position: relative;
    width: 100%;
    left: 0;
}


 .victorians-choose .section-heading {
    padding-bottom: 15px;
}

 .victorians-choose .sub-heading {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #777777;
    padding: 0 0 32px;
}
.gform_wrapper .input-thumb-box input[type="checkbox"] {
    max-width: 100%;
    position: static;
}
.choose-solar-section{
    max-width: 100% !important;
}
.solar-anouncement-award img {
    width: 288px;
    height: 233px;
}
.solar-anouncement-award.no1 img{
    width: 360px;
    height: 288px;
}

 .battery-section .section-heading {
    padding: 0 0 24px !important;
}

 .battery-section .sub-heading {
    padding: 0 0 39px !important;
}

 .battery-section {
    padding: 108px 0 !important;
}

 .grtsecs {
    margin-bottom: 48px;
}

.gbbox {
    height: 100%;
}

.gbbox p {
    font: 400 12px/16px 'Outfit', sans-serif;
}

/* Animations */
.banner-content-box .banner-content-box {
    transform: translateX(-100px);
}

.banner-content-box.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Base hidden state */
.plug-and-go-card {
    opacity: 0;
    transform: translateX(80px);
    transition: all 0.8s ease;
}

/* Cards where image is on LEFT */
.plug-and-go-card.left-content {
    transform: translateX(-80px);
}

/* Visible state */
.plug-and-go-card.show {
    opacity: 1;
    transform: translateX(0);
}

/* Initial hidden state */
.smart-home-cards {
    opacity: 0;
    transform: translateY(80px);
    transition: all 0.8s ease;
}

/* Visible state */
.smart-home-cards.show {
    opacity: 1;
    transform: translateY(0);
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}
.google-revies {
    padding: 118px 0;
}
.google-revies .section-heading {
    padding-bottom: 48px;
    max-width: 850px;
    text-align: center;
    margin: 0 auto;
}

.review-card {
    border: 1px solid #FFBA14;
    border-radius: 16px;
    padding: 30px 32px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 52px;
    height: 100%;
}

.rating-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.rating-header-left{
    display: flex;
    align-items: center;
    gap: 6px;
}

.google-icon-review {
    width: 28px !important;
    height: 28px;
}

.rating-icon-review {
    width: 100px !important;
    height: 24px;
}

.Verified-button {
    padding: 7px 9px;
    border: 1px solid #008000;
    border-radius: 20px;
    background: transparent;
    font: 400 14px / 100% 'Outfit', sans-serif;
    color: #008000;
    display: flex;
    align-items: center;
    gap: 6px;
}

.verified-icon {
    width: 14px !important;
    height: 14px;
}

.review-card h3 {
    font: 700 14px / 20px 'Outfit', sans-serif;
    padding: 0 0 16px;
}

.review-card p {
    font: 400 13px / 19px 'Outfit', sans-serif;
    padding: 0;
}

.user-profile {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-profile h4 {
    background: #5E5E5E;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF;
    font: 700 20px / 26px 'Outfit', sans-serif;
    color: #FFFFFF;
}

.user-profile h5 {
    font: 700 18px / 20px 'Outfit', sans-serif;
}

.call-to-action {
    background: url(../images/evcharger/call-to-action.png), no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
Overflow:hidden;
}

.action-content-box {
    max-width: 610px;
}

.action-content-box h2 {
    font: 700 32px/38px 'Outfit', sans-serif;
    color: #FFFFFF;
}

.action-content-box p {
    font: 400 18px/27px 'Outfit', sans-serif;
    color: #FFFFFF;
    padding-bottom: 32px;
}
 .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 34px;
}

 .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: #D9D9D9;
    display: block;
    border-radius: 50%;
}

 .owl-dots .owl-dot.active span {
    width: 12px;
    height: 12px;
}
.solar-anouncement-img img {
    width: 100%;
    max-height: 377px;
}


@media (max-width:768px) {
    .page-id-18 section {
        padding: 45px 0 !important;
    }
	.page-id-18 .Compatible-box {
		padding: 45px 0 15px !important;
	}
    .banner-box-inner {
        gap: 16px;
        flex-direction: column;
    }
	#walara-series-tabs .nav-link{
		width:100%;
	}
	.nav-item {
        text-align: center;
    }
    .banner-heading-main {
        font: 400 24px/100% 'Outfit', sans-serif;

    }

    .banner-heading-main span {
        font: 700 24px/100% 'Outfit', sans-serif;
    }

    .banner-content {
        padding: 0 0 28px;
    }

    .banner-right-image {
        width: 350px;
        height: 350px;
    }

     .section-heading {
        font: 700 24px/100% 'Outfit', sans-serif !important;
        padding-bottom: 16px !important;
    }

    #walara-series-tabs {
        gap: 16px;
    }

    #walara-series-tabs .nav-link {
        font: 400 16px /24px 'Outfit', sans-serif;
        padding: 10px 16px;
    }

    #walara-series-tabs .nav-link.active {
        font: 600 16px /24px 'Outfit', sans-serif;
    }

    .walara-modal-image {
        width: 200px;
        height: 200px;
    }

    .walara-type-heading {
        font: 600 14px /20px 'Outfit', sans-serif;
        padding-bottom: 10px;
    }

    .walara-type-content {
        font: 400 12px /18px 'Outfit', sans-serif;
    }

    .walara-series-types {
        margin-top: 20px;
        gap: 16px;
    }

    .walara-box-inner {
        gap: 6px;
        margin-bottom: 14px;
    }

    .walara-type-image-box {
        min-width: 24px;
        min-height: 24px;
    }

    .walara-type-icon {
        width: 16px;
        height: 16px;
    }


    .banner-content {
        font: 400 14px/20px 'Outfit', sans-serif;
        padding: 0 0 16px !important;
    }


    .solar-part-main-box-outer {
        gap: 24px;
    }

     .section-heading,
    .solar-apart-right-section-heading {
        font: 700 20px/100% 'Outfit', sans-serif;
        padding-bottom: 12px;
    }

    .solar-apart-content,
    .solar-apart-right-section-content {
        font: 400 14px/20px 'Outfit', sans-serif;
        padding: 0 0 12px;
    }

    .solar-apart-inner-details {
        gap: 28px;
        margin-bottom: 10px;
    }

    .solar-apart-inner-details .walara-type-image-box:after {
        height: 100%;
        top: 16px;
        z-index: -1;
    }

     .solar-anouncement-img {
        height: 100%;
        max-height: 220px;
    }

     iframe.lazyloaded {
        max-height: 230px;
    }

     .solar-anouncement-awards {
        margin-top: -93px;
    }

     .victorians-choose {
        padding-bottom: 0 !important;
    }
     .battery-section {
        padding: 45px 0 !important;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .rating-box {
        display: block;
        height: auto;
        max-height: 450px;
    }

    .rating-stars-icon {
        width: 100px !important;
    }

    .gbbox {
        height: auto;
    }

     .yellow-white-btn {
        margin-top: 24px;
    }

    .rating-box {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (max-width:575px) {
.page-template-evcharger .victorians-choose {
    padding: 45px 0 0 !important;
}
.page-template-evcharger .solar-run-apart {
    padding: 0 0 40px 0  !important;
}
.page-template-evcharger .choose-solar {
    background: #242424;
    padding: 24px 0 0 !important;
}

    .walara-series-types,
    .recommended-inner-box,
    .why-choose-tabs-box {
        flex-direction: column;
        display: flex;
    }

.battery-section {
        padding: 24px 0 !important;
    }

     .yellow-white-btn {
        margin-top: 0;
    }

    .accordian-questions-main .card-header button {
        white-space: normal;
        text-align: left;
        padding-right: 20px;
    }

    .solar-part-main-box-outer {
        flex-direction: column;
    }

    .solar-apart-left-main {
        position: static;
    }

    .fix-botm-mobile {
        max-width: 100%;
    }

    #walara-series-tabs {
        gap: 20px;
        flex-wrap: nowrap;
    }

    #walara-series-tabs .nav-link.active {
        font: 600 14px /18px 'Outfit', sans-serif;
    }

    #walara-series-tabs .nav-link {
        font: 400 14px /18px 'Outfit', sans-serif;
        padding: 10px 0;
    }

     .rating-section-main .yellow-white-btn,
    .battery-section .yellow-white-btn {
        margin-top: 20px;
    }

    .banner-heading-main,
    .banner-heading-main span {
        font: 400 18px/100% 'Outfit', sans-serif !important;
    }

     .section-heading {
        font: 700 20px/26px 'Outfit', sans-serif !important;
    }

    .enquire-now-heading {
        font: 600 18px / 24px 'Outfit', sans-serif;
        padding-bottom: 16px;
    }

     .solar-anouncement-img {
        max-height: 230px;
        margin-bottom: 16px;
    }

     .victorians-choose .sub-heading {
        font: 400 14px/20px 'Outfit', sans-serif;
        padding: 0 0 16px;
    }
    .plug-and-go-card {
    gap: 16px;
    margin-top: 20px;
    flex-direction: column;
}
.plug-and-go-card-right .plug-and-go-image {
    border-radius: 0 0 20px 20px;
    width: 100%;
}
.left-content .plug-and-go-card-right .plug-and-go-image {
    border-radius: 20px 20px 0 0;
}
 .ratings .rating-container {
    padding: 10px;
}
 .ratings {
    column-gap: 10px;
}
.Compatible-content-box {
    gap: 16px;
    flex-direction: column;
}
.charging-card-main {
    height: auto;
}
.plug-and-go-card-left , .left-content .plug-and-go-card-left {
    padding: 16px;
}
.plug-and-go-card h3  , .action-content-box h2{
    font: 700 20px / 26px 'Outfit', sans-serif;
    padding-bottom: 16px;
}
.review-card {
    padding: 16px;
    gap: 16px;
    height: auto;
}
.solar-apart-inner-details:after {
    left: 11px;
    top: 19px;
}
.solar-anouncement-awards {
    bottom: 50px;
}
.solar-anouncement-awards {
    margin-top: 0;
}
 .victorians-choose{
    padding: 45px 0 !important;
}
.solar-anouncement-award img {
    width: 80px;
    height: 60px;
}
.solar-anouncement-award.no1 img {
    width: 100px;
    height: 80px;
}
section.call-to-action {
    padding: 24px 0 !important;
}
.page-id-18 section {
	padding: 0 0 18px 0 !important;
}
.banner-content-box.animate{
    margin-top: 80px;
}
}