body {
    background: #F5F8FF;
    font-family: var(--font-family-inter);
}

/****************ber Loader****************/
.plans-loader-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.loader {
    --cell-size: 40px;
    --cell-spacing: 1px;
    --cells: 3;
    --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
    display: flex;
    flex-wrap: wrap;
    width: var(--total-size);
    height: var(--total-size);
}

.cell {
    flex: 0 0 var(--cell-size);
    margin: var(--cell-spacing);
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 4px;
    animation: 1.5s ripple ease infinite;
}


    .cell.d-1 {
        animation-delay: 100ms;
    }

    .cell.d-2 {
        animation-delay: 200ms;
    }

    .cell.d-3 {
        animation-delay: 300ms;
    }

    .cell.d-4 {
        animation-delay: 400ms;
    }

    .cell:nth-child(1) {
        --cell-color: #00FF87;
    }

    .cell:nth-child(2) {
        --cell-color: #0CFD95;
    }

    .cell:nth-child(3) {
        --cell-color: #17FBA2;
    }

    .cell:nth-child(4) {
        --cell-color: #23F9B2;
    }

    .cell:nth-child(5) {
        --cell-color: #30F7C3;
    }

    .cell:nth-child(6) {
        --cell-color: #3DF5D4;
    }

    .cell:nth-child(7) {
        --cell-color: #45F4DE;
    }

    .cell:nth-child(8) {
        --cell-color: #53F1F0;
    }

    .cell:nth-child(9) {
        --cell-color: #60EFFF;
    }

@keyframes ripple {
    0% {
        background-color: transparent;
    }

    30% {
        background-color: var(--cell-color);
    }

    60% {
        background-color: transparent;
    }

    100% {
        background-color: transparent;
    }
}


.loading-text {
    margin-top: 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
/**************** End ber Loader****************/
body {
.header{
    background: #031022;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 
    height: 80px;
    padding: 16px 0px;
    }
.af-green-energy {
    background: url(../images/green-energy.svg) no-repeat;
}
.af-satisfaction {
    background: url(../images/satisfaction.svg) no-repeat;
}


.af-low-early-termination {
    background: url(../images/low-early-termination.svg) no-repeat;
}
.af-no-deposit {
    background: url(../images/no-deposit.svg) no-repeat;
}

.af-bill-credits {
    background: url(../images/bill-credits.svg) no-repeat;
}

.af-solar-buyback {
    background: url(../images/solar-buyback.svg) no-repeat;
}

.af-ev-charging {
    background: url(../images/ev-charging.svg) no-repeat;
}

.af-free-usage {
    background: url(../images/free-usage.svg) no-repeat;
}
.af-fixed-rate {
    background: url(../images/fixed-rate.svg) no-repeat;
}
.home-services-item h4 {
    background: url(../images/services-star.svg) no-repeat;
}
.rec-plans-section .zipcode-textbox {
    background: url(../images/map-icon-green.svg) no-repeat 5px center;
}
.redirection-icon {
    background: var(--hover-color);
}
.rec-plans-section .zipcode-dropdown .dropdown-menu {
    background:#fff;
}
.rec-plans-section .zipcode-submit {
    background: var(--hover-color);
    border-color: var(--hover-color);
}
.select-filter {
    background: var(--primary-button);
    border: 0px;
    border-radius: 5px;
    margin-right:5px;
}
    .select-filter strong {
        font-weight: 500;
    }
.av-plans-small-title {
    font-weight:500;
}

.call-link {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 600;
    background: url(../images/call-icon.svg) no-repeat 0px 5px;
}
    .call-link:hover {
        color: var(--color-white);
    }

.new-theme-design .rec-plans-section {
    background: #29637A url(../images/ber-banner-bg.jpg) no-repeat;
    padding-top: 50px;
    object-fit: cover;
    background-size: 100% 100%;
}
.recommended-plans {
    border:0px;
}
.featured-plans-inner {
    padding-top:10px;
}
.featured-plans-inner, .middle-frame {
    background: transparent;
}
.new-theme-design .content-section {
    padding-bottom:10px;
}
.rec-plans-section:before, .rec-plans-section:after {
    display: none;
}
.rec-plans-section .rec-plans-filter {
    background: var(--primary-bg);
    border-radius: 23.544px;
    border: 1px solid #275E75;
    box-shadow: 1px -2px 8.4px 0 #2F7086 inset, 0 10px 23.972px 0 rgba(74, 92, 96, 0.20);
    padding: 0px 80px;
    max-width: 680px;
}
.rec-plans-section .zipcode-dropdown .dropdown button.dropdown-toggle {
    border-radius: 100px;
    background: #95C951;
    border: 0px;
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: 600;
    padding: 7px 8px 7px 20px;
    width: 122px;
    display: flex;
    align-items: center;
    justify-content:space-between;
}
    .rec-plans-section .zipcode-dropdown .dropdown button.dropdown-toggle:hover {
        background: #95C951;
    }
    .rec-plans-section .zipcode-dropdown .dropdown button.dropdown-toggle:after {
        background: url(../images/zipcode-arrow.png) no-repeat center #fff;
        width: 36px;
        height: 36px;
        border-radius: 100%;
    }
.rec-plan-title {
    background: var(--primary-button);
    font-size:24px;
    font-weight:500;
    min-height:50px;
    text-transform:uppercase;
}
.rec-plan-price {
    padding-bottom:0px;
}
.rec-plan-name {
    margin-bottom:0px;
}
.plans-more-details {
    margin-top:0px;
}
.rec-plans-section .kwh-filter label {
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: 500;
    border: 2px solid transparent;
    padding: 9px 15px;
}
    .rec-plans-section .kwh-filter label:hover {
        color: var(--color-white);
        border-radius: 13.912px;
    }
.rec-plans-section .kwh-filter input:checked + label {
    color: #BCFF63;
    border: 2px #fff solid;
    border-radius: 13.912px;
}
.content-section h1, .content-section p, .content-section p a {
    color: var(--color-white);
}

.section-content h2 {
    font-size: var(--font-20);
}
.content-section h1 {
    font-size: 20px;
    font-weight: 600;
}
.content-section p {
    font-size: var(--font-16);
}
.content-section p strong{
     font-weight:700;
}
.av-plans-heading {
    background: var(--primary-bg);
    padding: 18px 25px 18px 25px;
    transition-duration:0.2s;
    align-items:center;
}
.em-theme-plans-row .plans-more-info {
    min-height: 95px;
    padding-left: 25px;
    padding-bottom:2px;
}
.em-theme-plans-row .av-plans-logo {
    padding-bottom: 15px;
}
    .av-plans-heading h3, .compare-checkbox {
        color: var(--color-white);
        font-weight: 500;
    }
.available-plans-item:hover .av-plans-heading, .choose-plan-compare {
    background: var(--hover-color);
    color: var(--color-white);
    transition-duration: 0.2s;
}
    .available-plans-item:hover .av-plans-heading h3 {
        color: var(--color-white);
    }

.available-plans-item:hover .compare-checkbox {
    color: var(--color-white);
}
.rec-choose-plan-button {
    border-radius:100px;
}
.rec-phone, .plans-more-details .rec-more-details  {
    border: 1px #000 solid;
    color: #323232;
    font-size: var(--font-16);
    padding: 5px 20px;
    border-radius: 100px;
    font-weight: 400;
    
}
    .rec-phone, .plans-more-details .rec-more-details:hover, .plans-more-details .rec-more-details:hover {
        text-decoration: none;
    }
    .rec-phone {
        padding-left: 35px;
        background: url(../images/call-icon-dark.svg) no-repeat 14px 10px;
    }
        .rec-phone:hover, .plans-more-details .rec-more-details:hover {
            background-color: #f5f5f5;
            text-decoration:none;
        }
.plans-more-details .rec-more-details {
    padding-left: 35px;
    background: url(../images/more-icon.svg) no-repeat 14px 10px;
}
    .rating {
        background: url(../images/star.svg) repeat-x;
    }
.rating-active{
    background: url(../images/star-active.svg) repeat-x;
}
.star-filter-icon {
    background: url(../images/star-active.svg) no-repeat;
    width:18px;
}
.features-icon-list div {
    color: var(--content-color); 
    padding-top:1px;
}
.av-plans-feature li {
    padding-top:0px;
}
.features-icon-list div span {
    color: #475569;
}
.av-choose-plan-btn:hover, .rec-choose-plan-button:hover {
    background: var(--hover-color);
    color: var(--color-white);
}
.av-choose-plan-btn {
    border-radius: 100px;
    background: var(--hover-color);
    color: var(--color-white);
}
.rec-plans-slider .owl-stage {
    padding-top:12px;
}

.middle-frame .section-content p {
    color: #6B7280
}
.usages-filter input[type="radio"]:checked + label {
    background: #D4EAB6!important;
    color: #242435!important; 
}
.filter-checkbox:checked {
    background-color: #242435;
    border-color: #242435;
}

.filter-checkbox:checked + .filter-label {
    color: #242435
}
.view-more-btn {
    color: var(--hover-color);
    padding-top:5px;
}
.plans-logo-more a.av-more-details {
    color: #2D788D;
    background: url(../images/more-icon-green.svg) no-repeat center left;
    padding-left:20px;
}
.available-plans-item {
    border-radius: 12px;
    border: 1px solid #95C951;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.av-plans-kwh-price, .av-plans-price {
    font-size: var(--font-22);
    font-weight: 600;
    color: var(--secondary-color)
}
.av-plans-feature li {
    font-size: var(--font-14);
    color: var(--content-color);
}
.av-plans-phone {
    color: var(--secondary-color);
    font-size: var(--font-15);
}
.button {
    background: var(--hover-color);
}
.inner-main-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
}
.change_plan_cust, .plans-document-list li a, .help-links a, .choose-plan-link {
    color: var(--link-color);
}
.inner-page {
    padding-top:60px;
}
.form-group label {
    font-size: var(--font-16);
}
.accordian-four .form-group label {
    font-size: var(--font-14);
}
.stepform .card-header h5 {
    color: var(--h5-color);
    font-size: var(--font-24);
    font-weight: 600;
    background: #F9FAFB;
}
.stepform .collapse.show {
    border-top:0px;
}
.av-plans-filter-wrapper {
    top:80px;
}
.clear-all-btn {
    color: var(--color-white);
}
.compare-plans-table tr td:first-child {
    background: #edeef8;
}
.choose-plan-popup .radio-button-item input[type="radio"]:checked {
    background: rgb(52 40 141 / 10%);
}
.middle-frame .rec-plans-filter {
    display: none;
}
.custom-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #D9D9D9 !important;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #b5cf92 !important;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #b5cf92 !important;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #b5cf92 !important;
}

.footer-contact-section .col-sm-4 {
    padding-bottom:20px;
}
/**Active center featured paln***/
/*Start Footer css*/
.footer {
    background: #031022;
    padding-bottom: 25px;
}
.newsletter-section .footer-form {
    border-radius: 100px;
    border: 1px solid #95C951;
    background: #FFF;
    padding: 5px;
}

.footer-subscribe .wpcf7-submit {
    font-size: 0px;
    background: url(../images/zipcode-arrow.png) no-repeat center #95C951 !important;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    top: 7px;
    right: 10px;
}
    .footer-subscribe .wpcf7-submit:hover {
        background: url(../images/zipcode-arrow.png) no-repeat center #7aa542 !important;
    }

.footer-subscribe .wpcf7-form-control {
    outline: none;
    border: 0px;
    
}

.footer-mega-menu ul.sub-menu {
    margin-bottom:20px;
}
.menu-mega-menu-footer-container .sub-menu .menu-item {
    padding-bottom: 10px;
}
.menu-mega-menu-footer-container .menu > .menu-item > h3 {
    font-size: var(--font-20)!important;
    font-weight:400;
}
.footer-links-column {
    font-size: var(--font-16);
}
#subscribe_email {
    font-size: var(--font-16);
    color: #031022;
    width:79%;
}
.newsletter-section {
    border-top: 0px;
    padding-top: 10px;
    border-bottom:0px;
    margin-bottom:0px;
}
.footer-copyright-section {
    width: 100%;
    text-align: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding-top:25px;
}
.footer-contact-section {
    padding-bottom:60px;
}
.footer-contact-section h4 {
    font-size: var(--font-20);
    font-weight:400;
   }
.footer-contact-info, .footer-contact-info a{
    font-size: var(--font-20);
    color: var(--color-white);
}
.newsletter-section .subscribe-social {
    float: left;
    width: 200px;
}
.what-to-expect, .order-label-value {
    color: #4B5563;
}
.pagination .page-link {
    color: var(--primary-color);
    text-align: center;
}

.home-services-right {
    display:none;
}
.continue-enroll-button-click, .next-button, .form-footer .button, .compare-btn, .clear-all-btn, .choose-plan-compare, .link_more_details {
    border-radius: 50px;
    cursor: pointer;
}
.clear-all-btn {
    color: #000;
    border: 1px #323232 solid;
    background:#fff;
    cursor:pointer;
}
.nav-tabs.custom-tab {
    border-radius: 50px;
    border: 1px #000 solid; 
    background: #fff;
}
.custom-tab .nav-item .nav-link {
    border: 1px solid transparent;
    border-radius:100px;
}
.custom-tab .nav-item .nav-link.active {
    border:#000 1px solid;
    border-radius:100px;
}
.payment-submit-button {
    border-radius: 50px;
    background: var(--hover-color);
    color: var(--color-white);
}



.call-button {
    border-radius: 50px;
    border: 1px #000 solid;
    color: #323232;
    font-size:14px;
}
    .call-button img {
        filter: grayscale(1);
    }

.more-details-button{
    border-radius: 50px;
    border: 1px #000 solid;
    color: #323232;
    font-size: 14px;
}
    .more-details-button svg  {
        filter: sepia(8);
    }
.av-plans-feature li:last-child {
    padding-bottom: 0px;
}

.filter-checkbox {
    border-radius:0PX;
}
.av-plans-feature {
    padding-right:0px;
}
    .plans-more-info:hover, .av-plans-feature:hover:hover {
        background: transparent;
    }
.em-av-plans-feature ul {
    display: flex;
    min-height: unset;
}
    .em-av-plans-feature ul li {
        padding: 1px 28px 5px 28px;
    }
.available-plans-item .av-plans-details .row .plans-column3 {
    padding-left: 0px;
    align-items: center;
    display: flex;
    justify-content:center;
}
.footer-subscribe .text-success {
    position: absolute;
    font-size: 13px;
    letter-spacing: -.2px;
    line-height: normal;
    top: 53px;
}
.footer-subscribe .text-danger {
    position: absolute;
    font-size: 13px;
    letter-spacing: -.2px;
    line-height: normal;
    top: 53px;
}

/*******************Post-Submit Exception******************/
.offers-signup-btn, .otp-continue-btn {
    background: var(--hover-color);
    color: var(--color-white);
    border-radius: 50px;
}
.offers-plan-item, .confirm-otp-section .modal-body {
    border-color: #000;
    background: #fff;
}
.offers-document-list li a {
    color: #2a5260;

}
.offers-message {
    color: #2a5260;

}
.offers-modal .modal-dialog .modal-content {
    background: #F8FAFC;
}
.textbox-icon {
    top: 7px;
}
.common-filter li .filter-label {
    margin-bottom:4px;
}
.menu-mega-menu-footer-container .sub-menu .menu-item a:hover {
    text-decoration: underline;
    color: #95C951;
}
.form-footer .button:hover {
    background: #7fab45;
}
.offers-signup-btn:hover, .otp-continue-btn:hover {
    background: #82af46;

}
.button:hover {
    background: #7fab45;

}
.swal2-actions .swal2-styled {
    background: var(--hover-color)!important;
}
/***************End Post-Submit Exception*****************/
.compare-plans-table .more-details-button {
    border-radius:100px;
    border:1px #000 solid;
    color:#000
}
.compare-plans-table .more-details-button svg {
    filter: brightness(0.1);
    position:relative;
    top:-1px;
}

    .compare-plans-table .more-details-button:hover, .clear-all-btn:hover, .terms-poup-modal .btn-outline-secondary:hover, .terms-poup-modal .btn-outline-secondary:active {
        background-color: #f5f5f5;
        text-decoration: none;
        color: #000
    }
.compare-plans-modal button.choose-plan-compare:hover, .compare-plans-modal button.choose-plan-compare:active {
    background: #7fab45;
}
.av-choose-plan-btn:hover {
    background: #7fab45;
}
.av-plans-phone:hover {
    color: var(--secondary-color);
}
.terms-poup-modal .btn-outline-secondary {
    border-radius: 100px;
    padding-left: 18px;
    padding-right: 20px;
    border-color:#000
}
.plans-document-list li a, .help-links a {
    text-decoration: underline
}
.footer-mega-menu {
    width:100%;
}
.footer-contact-section .row {
    align-items: center;
}
.footer-copyright-section ul {
    justify-content: space-between;
    display: flex;
    width: 100%;
    color: #fff;
    font-size:16px;
}
.footer-copyright-section ul a{
    color:#fff;
}
.footer-copyright-section ul a:hover{
    text-decoration:underline;
    color:#95C951
}
.menu-mega-menu-footer-container .menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer-copyright-section ul li:nth-child(1) {
    order:2;
}
.footer-copyright-section ul li:nth-child(2) {
    order: 3;
}
.footer-copyright-section ul li:nth-child(3) {
    order: 4;
}
.footer-copyright-section ul li:nth-child(4) {
    order: 1;
}
.footer-ber-menu {
    width:100%;
}
.footer-ber-menu h3{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; 
    letter-spacing: -0.72px;
    text-transform: capitalize;
    text-transform:uppercase;
    padding-bottom:10px;
}
.footer-middle {
    padding-bottom: 80px;
}
.footer-ber-menu ul.menu {
    width: 100%;
    display: flex;
}
.footer-ber-menu ul.menu li.menu-item {
    width:25%;
}
    .footer-ber-menu ul.menu li.menu-item ul li {
        padding-bottom: 10px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-transform: capitalize;
    }
    .footer-ber-menu ul.menu li.menu-item ul li a{
        color:#fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px; 
        text-transform: capitalize;
    }
        .footer-ber-menu ul.menu li.menu-item ul li a:hover {
            color: var(--hover-color);
            text-decoration:underline
        }

.custom-selectbox {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    border: 1px solid #ced4da;
    border-radius: .375rem;
    height:40px;
}
.custom-selectbox .selectbox{
    width:100%;
    border:0px;
    border-radius: .375rem;
    padding:3px 5px;
    height:38px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    

}
.custom-selectbox .selectbox:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}



@media (min-width: 1026px) {
    .rec-plans-slider .owl-stage .owl-item:nth-child(2) .recommended-plans {
        margin-top: -12px;
        padding-bottom: 20px;
    }

    .rec-plans-slider .owl-stage .owl-item:nth-child(2) .recommended-plans .rec-plan-title,
    .rec-plans-slider .owl-stage .owl-item:nth-child(2) .recommended-plans .rec-choose-plan-button {
        background: var(--hover-color);
        color: var(--color-white);
    }
}
/**End Active center featured paln***/

    /*End Footer css*/
    /****************Responsive css*******************/
@media (min-width: 1026px) {
    .available-plans-item .av-plans-details .row .plans-column3 .col-sm-6 {
        padding-right:0px;
    }
}

@media (max-width: 1200px) {
    .middle-frame {
        padding: 24px 0px;
    }
    .av-plans-logo img {
        width: 110px;
        
    }
    .plans-logo-more .rating-section {
        padding-bottom:24px;
    }
    .plans-logo-more {
        padding: 0px 0px;
    }
}

@media (max-width: 1200px) {
    .em-theme-plans-row .av-plans-details .col-sm-10 {
        width: 100%
    }
    .all-available-plan-list-row .av-plans-details .row .plans-column1, .all-available-plan-list-row .av-plans-details .row .plans-column2 {
        width: 100%;
    }
    .plans-logo-more {
        padding-bottom:15px;
    }

    .em-theme-plans-row .av-plans-button-group li:first-child {
        padding-bottom: 0px;
    }

    .em-theme-plans-row .col-sm-9.plans-column2 {
        padding: 0px 10px;
    }

    .em-theme-plans-row .av-plans-details .row .plans-column3 {
        padding-right: 15px;
        padding-left:15px;
    }

    .em-theme-plans-row .av-plans-button-group ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0px;
        padding: 0px;
    }

    .av-plans-phone {
        color: var(--secondary-color);
        font-size: var(--font-14);
        border-radius: 50px;
        border: 1px solid #E5E7EB;
        background: #FFF;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
        padding: 8px 15px 8px 15px;
        justify-content: center;
        align-items: center;
        font-weight:500
    }
    .av-plans-button-group {
        width:100%;
    }

    .section-content h2 {
        font-size: var(--font-35);
    }

    .em-header-content h2 {
        font-size: 40px;
    }

    .more-details-button {
        padding: 6px 15px 6px 15px;
    }

    .plans-more-info, .av-plans-feature {
        background: var(--light-gray-bg);
        padding: 15px 20px
    }

    .em-av-plans-feature {
        margin: 10px 0px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .em-theme-plans-row .plans-more-info {
        padding-left: 40px;
        min-height: 110px;
    }
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1200px) {
    .rec-phone, .plans-more-details .rec-more-details {
        font-size: 14px;
        padding: 7px 10px 7px 35px
    }
}

    @media only screen and (min-device-width : 770px) and (max-device-width : 1200px) {
        .av-choose-plan-btn {
            padding: 8px 10px;
        }

        .av-plans-feature {
            min-height: inherit;
        }


        .av-choose-plan-btn {
            min-width: 125px;
        }

        .footer-mega-menu {
            width: 100%;
        }

        .footer-links-section .footer-links-column {
            width: 30%;
        }

        .footer-contact-info, .footer-contact-info a {
            font-size: 16px;
        }

        .recommended-plans-content {
            padding: 25px 15px;
        }
    }


    @media (max-width: 1024px) {
        .filter-footer .button {
            background: var(--hover-color);
        }
        .filter-footer .button-light {
            background:#fff;
            border:1px #000 solid;
            color:#000
        }
        .filter-footer .button-light svg path{
                        stroke: #000;
        }
        .all-available-plans-section .rec-plans-filter-inner {
            padding: 12px 15px;
        }

        .middle-frame .rec-plans-filter {
            padding-left: 0px;
            padding-right: 0px;
            width: 100%;
            border-radius: 7px 7px 0px 0px;
        }

        .rec-plans-filter .filter-buttons-mobile {
            display: block;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .footer-contact-info, .footer-contact-info a {
            font-size: 15px;
        }

        .footer-mega-menu {
            width: 100%;
        }

        .footer-links-section .footer-links-column {
            width: 30%;
        }




        .rec-plans-slider .owl-stage .owl-item:nth-child(1) .recommended-plans .rec-plan-title,
        .rec-plans-slider .owl-stage .owl-item:nth-child(1) .recommended-plans .rec-choose-plan-button {
            background: var(--hover-color);
            color: var(--color-white);
        }

        /************************/
        /*.new-mobile-filter .button-light {
            color: #fff !important;
        }*/

            .new-mobile-filter .button-light path {
                stroke: #ffffff;
            }

        .av-plans-filter-wrapper .rec-plans-filter {
            height: 60px;
            max-width: 100%;
            background:#101010;
            margin-bottom:0px;
        }

        .button-dark {
            color: #fff;
            display: block;
            border-radius: 6px;
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
            font-size: var(--font-14);
            font-weight: normal;
            padding: 7px 10px 7px 10px;
            font-family: var(--font-family-inter);
            border: 0;
            background: var(--hover-color)
        }

        .mobile-filter-button {
            color: #fff;
            display: block;
            border-radius: 6px;
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
            font-size: var(--font-14);
            font-weight: normal;
            padding: 7px 17px 7px 17px;
            font-family: var(--font-family-inter);
            border: 0;
            background: var(--hover-color)
        }

        .filter-buttons-mobile {
            gap: 5px;
        }
    }

@media (max-width: 1023px) {

    .middle-frame .rec-plans-filter {
        display:block;
    }
}


    @media (max-width: 991px) {

        .confirm-otp-section .modal-body {
            padding: 20px;
        }

        .confirm-identity-modal.confirm-otp-section {
            max-width: 400px;
            margin: auto;
        }

        .confirm-otp-section .modal-title {
            font-size: 30px;
        }

        .needhelp-link-mobile {
            background: url(../images/call-dark.svg) no-repeat 0px 2px;
            color: #4b5563;
        }
    }


    @media (max-width: 768px) {
        .plans-logo-more a.av-more-details {
            display: none;
        }

        .plans-logo-more .rating-section {
            padding-bottom: 15px;
        }

        .house-apartment-buttons .radio-button-item {
            height: 90px;
        }

        .offers-plan-list-wrapper .owl-theme .owl-dots .owl-dot.active span {
            background: #709146;
        }

        .mobile-filter-popup {
            max-width: 100%;
        }

        .plans-column2 .row {
            display: flex;
            margin-right: -4px !important;
            margin-left: -4px !important;
        }

        .em-av-plans-feature ul {
            flex-direction: column;
        }

            .em-av-plans-feature ul li {
                padding: 2px 0px 5px 31px;
                margin: 5px 0px;
            }

        .em-theme-plans-row .av-plans-button-group ul {
            flex-direction: column;
        }

            .em-theme-plans-row .av-plans-button-group ul li {
                width: 100%;
            }

        .em-theme-plans-row .av-plans-button-group li:first-child {
            margin-bottom: 15px;
        }

        .more-details-button svg {
            filter: sepia(8);
            width: 19px;
            margin-right: 4px;
        }

        .av-plans-phone {
            border: 1px #000 solid;
            color: #000;
            font-size: 14px;
            font-weight: 400;
        }

        #usages-select-box-mobile {
            background: transparent;
            border: 0px;
            color: #2d788d;
            font-size: 14px;
            min-width: 100px;
            text-align: left;
            padding: 7px 0px 7px 10px;
            height: 40px;
            font-weight: 600;
        }


        #usagesselectoption-mobile {
            padding-right: 5px;
            background: #fff;
            border-radius: 50px;
            display: block;
            border: 1px solid #D9F0F4;
        }

        .rec-plans-section .zipcode-dropdown .dropdown button.dropdown-toggle {
            padding: 4px 4px 4px 20px;
        }

        .rec-plans-section .rec-plans-filter {
            width: 300px;
            padding: 0px 10px;
        }

        .header {
            height: 62px;
        }

        .av-plans-filter-wrapper {
            top: 57px;
        }

        .av-choose-plan-btn, .av-plans-phone, .more-details-button {
            border-radius: 50px;
        }

        .av-plans-feature {
            min-height: inherit;
        }

        .av-plans-phone {
            border: 1px #000 solid;
            color: #323232;
        }

        .plans-more-info {
            min-height: 115px;
        }

        .av-choose-plan-btn, .av-plans-phone, .more-details-button {
            font-size: 15px;
            font-weight: 500;
        }

        .em-theme-plans-row .plans-more-info {
            padding: 15px 10px 10px 10px;
            min-height: 110px;
        }

        .av-plans-kwh-price, .av-plans-price {
            padding-top: 0px;
        }

        .av-plans-kwh-price, .av-plans-price {
            font-size: 20px;
        }

        .em-av-plans-feature {
            padding: 0px 5px;
        }

        .more-details-button {
            color: #323232;
        }

        .more-details-button {
            padding: 7px 15px 7px 15px;
        }

        .recommended-plans .call-button {
            padding: 13px 5px 11px 5px;
        }

        .av-plans-details .plans-column1 {
            padding-bottom: 10px;
        }

        .view-more-btn {
            padding-top: 0;
        }

        .new-theme-design .rec-plans-section {
            background-size: auto 100%;
            background-position: center;
        }
    }

    /******************************/
    @media (max-width: 767px) {
        .thankyoupage .row .col-md-4 #accordion {
            margin-top: 15px;
        }

        .footer-contact-section .row {
            flex-direction: column;
        }

        .footer-contact-section {
            padding-top: 10px;
            padding-bottom: 20px;
        }

        .newsletter-section .subscribe-social {
            width: 90%;
        }

        .featured-plans-inner .content-section p a {
            white-space: nowrap;
        }

        .offers-message, .offers-title {
            padding-left: 10px;
            padding-right: 10px;
        }

        .footer-mega-menu, .footer-links-section .footer-links-column {
            width: 100%;
        }

        .footer-copyright-section {
            flex-direction: row;
            border-top: 0px;
            padding-top: 0px;
        }

        .stepform .card-header h5 {
            font-size: 20px;
        }

        .inner-page {
            padding-top: 30px;
        }

        .inner-main-title {
            font-size: 24px;
        }

        .rec-plans-section {
            padding-top: 20px;
        }

        .content-section p {
            font-size: var(--font-14);
        }

        .rec-plan-title {
            font-size: var(--font-20);
        }

        .footer-contact-section h4 {
            font-size: var(--font-18);
            font-weight: 500;
        }

        .footer-contact-info, .footer-contact-info a {
            font-size: var(--font-16);
        }

        .all-available-plans-section .rec-plans-filter-inner {
            padding-top: 14px;
        }

        .serving-in-section {
            margin-top: 20px;
        }

        #usages-select-box-mobile {
            height: 40px;
        }

        .more-details-click svg {
            width: 18px;
            margin-right: 5px;
        }

        .logo img {
            width: 140px;
        }

        .av-plans-details {
            padding: 20px 15px;
        }

        .available-plans-item .av-plans-details .row .plans-column2 {
            padding-right: 10px;
        }
        /*******************/
        .offers-plan-item, .confirm-otp-section .modal-body {
            padding: 20px;
        }

        .confirm-otp-section .modal-title {
            font-size: 30px;
            margin-bottom: 15px;
        }

        .offers-step2 .offers-plans-extra-info p {
            text-align: center;
        }

        .menu-mega-menu-footer-container .menu {
            grid-template-columns: 1fr;
        }

        .footer-contact-section {
            text-align: center;
        }

            .footer-contact-section .col-sm-4 {
                padding-bottom: 50px;
            }

        .footer-copyright-section ul {
            flex-direction: column-reverse;
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

            .footer-copyright-section ul li {
                padding-bottom: 15px;
            }

        .footer-contact-section {
            padding-bottom: 0px;
        }

        .footer-copyright-section ul li:nth-child(1) {
            order: 1;
        }

        .footer-copyright-section ul li:nth-child(2) {
            order: 2;
        }

        .footer-copyright-section ul li:nth-child(3) {
            order: 3;
        }

        .footer-copyright-section ul li:nth-child(4) {
            order: 4;
        }

        .footer-ber-menu ul.menu li.menu-item {
            width: 100%;
            padding-bottom: 40px;
        }

        .footer-ber-menu ul.menu {
            flex-direction: column;
            text-align: center;
        }

        .footer-ber-menu h3 {
            padding-bottom: 0px;
        }

        .footer-ber-menu ul.menu li.menu-item ul li {
            padding-bottom: 15px;
        }

        .footer-middle {
            padding-bottom: 0;
        }

        .compare-plans-modal .scroll-arrow {
            background: #95c951;
        }

            .compare-plans-modal .scroll-arrow:hover {
                background: #95c951;
            }




        /*********************/

    }

    @media (max-width: 480px) {
        .em-theme-plans-row .plans-more-info {
            padding: 15px 5px 10px 5px;
            min-height: 110px;
        }
    }

    /*************Responsive css****************/


}