/***********************
 * general
 */
 section.lotus-alternating-background{
    background-color: var(--cyanultrapale);
}

@media only screen and (min-width: 980px){
    .border-right{
        border-right: 1px solid #ced4da;
    }
    
}
@media only screen and (max-width: 768px){
    .video-iframe{
        height: 200px;
    }
    .cta .author-insert .breadcrumb-item a {
        margin: 0 !important;
    }
}



/***********************
 * container
 */

.container .w-75{
    margin: 0 auto;
}
#contact-form{
}
.lotus_two_col{}
    .lotus_two_col .col-md-8 table,
    .lotus_two_col .col-md-8 table tr,
    .lotus_two_col .col-md-8 tr td{
        border: 0;
    }
    .lotus_two_col .col-md-8 table tr {
        border-bottom: 2px solid var(--cyan);
    }
    .lotus_two_col .col-md-8 table thead tr {
    }
    .lotus_two_col td {
        vertical-align: middle;
    }
@media only screen and (max-width: 980px){
    .container .w-75{
        width: 100% !important;
    }
}
/***********************
 * banner
 */
.page-title{
    background-color: var(--erllcblue);
    background-image: none;
}
.cta .image-float{
    position: absolute;
    top:50px;
    right: 0;
}
    .cta .image-float img{
        width: 400px;
    }

/***********************
 * contact form
 */
#contact-form .form-group{
    display: flex;
    
}
    #contact-form .form-group .col-sm-8{
        text-align: left;
    }
    #contact-form .form-group input,
    #contact-form .form-group textarea{
        border: 1px solid #6c757d;
    }
    #contact-form label.control-label {
        text-align: left;
        width:30%;
    }
    #contact-form .form-group .col-sm-8{
        width:70%;
    }
@media only screen and (max-width: 980px){
    #contact-form .form-group{
        display:block;
    }
        #contact-form label.control-label,
        #contact-form .form-group .col-sm-8{
            width:100%;
        }
    #contact-form .form-group{
        padding-bottom:0;
    }
}
/***********************
 * review table
 */
.review-container .plans-tabbed{
    box-shadow: none;
}
.review-container a {
    background-image: none !important;
}
    .review-container .cta{
        background-color: #FF8200;
        border:2px solid #FF8200;
        color:#fff;
        border-radius: 5px;
        padding: 5px 15px
    }
    .review-container .cta:hover{
        background-color: transparent;
        border:2px solid #FF8200;
        color:#FF8200;
    }
.review-container .huge-stars .fa.fa-star.review-star {
    font-size: 25px;
    margin-right: 5px;
}
.review-container tr td a{
    display: flex;
}
@media only screen and (max-width: 1200px){
    .review-container .plans-tabbed{
        overflow-x: scroll;
    }

}
@media only screen and (max-width: 980px){
    .col-md-4, .col-md-8{
        width: 100%;
    }
    .review-container .huge-stars .fa.fa-star.review-star {
        font-size: 15px;
        margin-right: 2px;
    }
    .review-container .rep-award-logo {
        height: 15px;
        bottom: -10px;
        right: 0px;
    }
    .review-container{
        padding:0 !important;
    }
}
/***********************
 * reps graph
 */
#top-reps-graph{
    height: 350px !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
    
/***********************
 * resource
 */
.panel{
    border:0;
}
    .panel, .panel.alt{
        box-shadow: none;
    }
    .panel .panel-body hr{
        border:0;
    }
.panel h2{
    color: #fff;
}
/***********************
 * sidebar
 */
.sidebar-zipcode .set_zip_form_item button{
    font-size: 15px !important;
}

@media only screen and (max-width: 980px){
    .sidebar-zipcode form {
        border-radius: 5px;
        width: 100%;
        margin-top: 20px;
    } 
        .sidebar-zipcode form input {
            height: 40px !important;
        } 
}
/***********************
 * app - ter-city
 */
.ter_city .block-content{
    box-shadow: none !important;
}
.ter_city .solar {
    box-shadow: none !important;
    background: none !important;
}
.ter_city .solar h3 a,
.ter_city .review h3{
    font-size: 30px;
    line-height: 100%;
    color: rgb(0, 54, 125);
    font-weight: 500;
}
.ter_city .box-1x1.block-parent{
    box-shadow: 0 0 .5rem rgba(9, 27, 80, .125);
    border-radius: .25rem;
    background-color: #fff;
}
.ter_city .grid .row{
    justify-content: space-around;
}
    .ter_city .grid .row .col-lg-4{
        width: 32%;
    }
    .ter_city .halfwidth{
    }
    .ter_city .halfwidth .col-4{
        position: absolute;
        top:20px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background: #f0f6fa;
    }
    .ter_city .halfwidth .col-8{
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .ter_city .halfwidth .row{
        margin-bottom: 120px;
    }
    .ter_city .halfwidth h4{
        margin-top: -50px !important;
    }
        
        .ter_city .halfwidth a{
            text-align: right !important;
            position: absolute;
            right: 10px;
            bottom: 30px;
        }
        .ter_city .halfwidth .signup-phone{
            font-size: 16px !important;
            position: absolute;
            left: 10px;
            right: auto;
            bottom: -40px;
        }
        .ter_city .halfwidth .signup-button{
            font-size: 18px;
            width: 100%;
            text-align: center;
            justify-content: center;
            align-items: center;
            display: flex;
            margin:0 auto;
        }

.ter_city .row .block-parent:last-child{
    
}
    .ter_city div:has(.cms_block),
    .ter_city div:has(.city_zips) {
        box-shadow: none !important;
        background-color: transparent !important;
    }
    .ter_city .cms_block,
    .ter_city .city_zips{
        background: none;
        background-color: transparent;
    }
    .ter_city .block-parent:has(.zip) {
        display:none;
    }
    .ter_city .block-parent .review {
        background-color: transparent !important;
    }
    .ter_city .review .halfwidth,
    .ter_city .review .fullwidth{
        padding-top:20px;
    }
    .ter_city .review .halfwidth a {
        left:20px;
        right:auto;
    }
@media only screen and (max-width: 980px){
    .ter_city .solar h3 a,
    .ter_city .review h3{
        font-size: 20px;
    }
    .ter_city .grid{
        width: 90%;
        margin: 0 auto;
    }
    .ter_city .grid .row{
        justify-content: space-around;
    }
        .ter_city .grid .row .col-lg-4{
            width: 100%;
            margin-bottom:20px;
        }
    .ter_city .halfwidth .row, .ter_city .city_zips .row{
        flex-direction: row;
    }
    .ter_city .halfwidth a{
        right: 20px;
    }
    .ter_city .halfwidth .signup-phone{
        left: 20px;
    }
    .ter_city .halfwidth .signup-button{
        width: 86%;
    }
    .ter_city .review .halfwidth{
        padding-bottom: 50px;
    }
    .ter_city .review .halfwidth a {
        left:20px;
    }
    .ter_city .review .fullwidth .row {
        flex-direction: column;
    }
}
/***********************
 * plan-item-inner-nogrid
 */
 .slider-outer-container .plan-rows-trending-nav{
    display: none;
 }
 .plan-item-inner-nogrid{
    background-color: var(--white);
    margin: 20px 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
    color:var(--black);
}
    .plan-item-inner-nogrid .action-container {
        display: grid;
        grid-template-columns: 1.25fr 2.75fr 1fr;
        grid-template-areas:
        'planHead planName planAction'
        'planHead planAttributes planAction'
        'planFeature planFeature planFeature';
    }
        .plan-head-container {
            grid-area: planHead;
        }
        .plan-name {
            grid-area: planName ;
        }
        .plan-attributes {
            grid-area: planAttributes;
        }
        .plan-features {
            grid-area: planFeature;
            padding-top:20px;
        }
        .plan-action-container {
            grid-area: planAction;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-left: 10px;
            padding-left: 10px;
            margin-top:5px;
            border-left-width: 2px;
            border-left-style: solid;
            border-color: #6CCAFB;
        }
        .plan-item-inner-nogrid .plan-head-container,
        .plan-item-inner-nogrid .plan-features,
        .plan-item-inner-nogrid .plan-features .plan-detail-list{
            display: flex;
            justify-content: center;
            align-items: center;
        }
            .plan-item-inner-nogrid .plan-features .plan-detail-list{
                list-style-type: none;
            }
                .plan-item-inner-nogrid .plan-features .plan-detail-list li{
                    margin-right: 10px;
                    padding-right: 10px;
                    border-right-width: 1px;
                    border-right-style: solid;
                    border-color: #6CCAFB;
                }
                .plan-item-inner-nogrid .plan-features .plan-detail-list li:last-child{
                    border-right:0;
                }
        .plan-item-inner-nogrid h5{
            font-size: 26px ;
            text-align: left;
        }

        .slider-outer-container .plan-rows-trending-plans .plan-attributes ul {
            display: grid;
            grid-template-columns: 1fr 1fr;
            list-style: none;
            padding: 0;
            margin: 0;
            padding-top: 0px;
            grid-row-gap: 10px;
            grid-column-gap: 10px;
            text-align: center;
        }
            .slider-outer-container .plan-rows-trending-plans .plan-attributes ul li{
                background-color: #f0f6fa;
            }
        .plan-item-inner-nogrid .action-card-link{
            padding:0;
        }
    .plan-item-inner-nogrid .fixed-action-row-container{
        background-color: var(--cyan);
    }
    .plan-item-inner-nogrid a, 
    .plan-item-inner-nogrid a:hover{
        background-color: transparent;
        background-image: none;
        text-decoration: none;
        color:var(--black);
    }
    .fixed-action-row-container{
        display: flex;
        align-items: center;
        justify-content: end;
        padding-right: 10px;;
    }
        .fixed-action-row-container a, 
        .fixed-action-row-container .reverse-styled{
            color: var(--erllcblue);
            padding: 0 0 0 5px;
            text-decoration: underline !important;
        }

        .plan-item-inner-nogrid .fixed-action-row-container .show-more-info-pop{
            color: var(--erllcblue);
            text-decoration: underline !important;
        }
        .featured-provider-grid .plan-action-row-phone a{
            text-decoration: none !important;
        }
    .bundle-rate strong b {
        font-size: 46px;
        color: var(--erllcblue);
    }
        .plan-item .bundle-rate strong small {
            color: var(--erllcblue);
        }
    .plan-item-inner-nogrid .button-container .cta{
        background-color: #FF8200;
        border:2px solid #FF8200;
        color:#fff;
        border-radius: 5px;
        padding: 5px 15px
    }
    .plan-item-inner-nogrid .button-container .cta:hover{
        background-color: transparent;
        border:2px solid #FF8200;
        color:#FF8200;
    }
@media only screen and (min-width: 1200px){
    .plan-grid-container{
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-column-gap: 30px;
    }
}
@media (min-width: 781px) and (max-width: 1199px){
    .plan-grid-container .plan-filters{
        display: flex;
    }
    .plan-grid-container .plan-filter {
        width: 25%;
    }
}
@media only screen and (min-width: 768px) {
    .lotus_two_col .plan-grid-container{
        display: block;
    }
    .lotus_two_col .plan-grid-container .plan-filters{
        display: flex;
    }
    .lotus_two_col .plan-grid-container .plan-filter {
        width: 25%;
    }
}
@media only screen and (max-width: 1199px){
    .plan-item-inner-nogrid .action-card-link{
        width: 100%;
    }
    .plan-item-inner-nogrid h5{
        font-size: 18px;
    }
    .bundle-rate strong b {
        font-size: 35px;
    }
    .plan-item-inner-nogrid .action-container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            'planHead planName planAction'
            'planAttributes planAttributes planAction'
            'planFeature planFeature planFeature';
    }
    .plan-item-inner-nogrid .button-container .cta {
        padding: 5px 5px;
    }
    .fixed-action-row-container {
        justify-content: center;
    }
    .plan-item-inner-nogrid .rep-award-logo {
        right: 0px;
    }
    
}

@media only screen and (max-width: 768px){
    .plan-item-inner-nogrid .action-container {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'planHead planName'
            'planAttributes planAttributes'
            'planAction planAction'
            'planFeature planFeature';
    }
    .plan-action-container {
        margin-left: 0;
        padding-left: 0;
        border-left-width: 0;
    }
    .plan-grid-wrapper-small-neo.full-plan-grid-neo div.plan-row div.inner-plan-container {
        grid-template-areas:
        'gridPlanCompany gridPlanCompany gridPlanName gridPlanName'
        'gridPlanRate gridPlanBill gridPlanTerm gridPlanType';
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 10px;
        padding: 10px;
        background-color: transparent;
        border-bottom: none;
    }
    .grid-plan-company {
        grid-area: gridPlanCompany;
    }
    .grid-plan-name {
        grid-area: gridPlanName;
        color: var(--erllcblue);
        text-align: left;
    }
    .grid-plan-rate {
        grid-area: gridPlanRate;
    }
    .grid-plan-term {
        grid-area: gridPlanTerm;
    }
    
    .grid-plan-bill {
        grid-area: gridPlanBill;
    }
    .grid-plan-type {
        grid-area: gridPlanType;
    }
    .plan-grid-container{
        display: block;
    }
    
    
}

/***********************
 * table content
 */
#table-of-contents ol{
    list-style-type: none;
    padding-left: 0;
}
#table-of-contents li{
    border-bottom: 2px solid var(--graymed);
    padding-bottom: 5px;
    margin-top: 5px;
}

ul.list-group.list-group-flush.table-of-contents li.list-group-item.indent-level-1 {
    padding-left: 15px;
}
ul.list-group.list-group-flush.table-of-contents li.list-group-item.indent-level-1::before {
    content: '\e5e1';
}
ul.list-group.list-group-flush.table-of-contents li.list-group-item.indent-level-1::before{
    font-family: var(--iconfont);
    color: var(--cyan);
    font-size: var(--fontsmall);
    position: absolute;
    top: 5px;
    left: 0;
}

#table-of-contents a button {
    text-decoration: none;
    background-image: linear-gradient(#6CCAFB, #6CCAFB);
    background-image: linear-gradient(rgba(108, 202, 251, 1), rgba(108, 202, 251, 1));
    background-size: 100% 2px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all .25s;
    color: var(--erllcbluedark);
    padding:0;
}
#table-of-contents a button:hover {
    background-size: 100% 100%;
    background-image: linear-gradient(rgba(108, 202, 251, .5), rgba(108, 202, 251, .5));
}
@media only screen and (max-width: 350px){
    .plan-grid-wrapper-small-neo.full-plan-grid-neo div.plan-row div.inner-plan-container {
        grid-template-areas:
        'gridPlanCompany gridPlanCompany gridPlanCompany'
        'gridPlanName gridPlanName gridPlanName'
        'gridPlanRate gridPlanRate gridPlanRate'
        'gridPlanTerm gridPlanBill gridPlanType';
        grid-template-columns: 1fr 1fr 1fr;
    }
    .plan-grid-wrapper-small-neo .grid-plan-name{
        text-align: center !important;
    }
    .bundle-rate strong b,
    .bundle-rate-price b {
        font-size: 35px;
    }
    .plan-grid-wrapper-small-neo .link-plan-container{
        width: 100%;
        padding: 10px 0 0;
    }
    .plan-grid-wrapper-small-neo .grid-plan-term,
    .plan-grid-wrapper-small-neo .bill-amount,
    .plan-grid-wrapper-small-neo .grid-plan-type{
        font-size: 14px;
    }
}
/***********************
 * top companies
 */

.top-compaines .table-striped tr td:nth-child(4) {
    text-indent: -9999px;
    white-space: nowrap;
}

/***********************
 * lotus rates table grid
 */
.lotus-rates-table-grid{

}
    
@media only screen and (max-width: 768px){
    .lotus-rates-table-grid .price-cell em{
        display: block;
    }
}
/***********************
 * commercial mini grid
 */
.table-striped{}
    .table-striped tr td{
        vertical-align: middle;
    }
@media only screen and (max-width: 768px){
    .table-striped tr th:nth-child(3),
    .table-striped tr td:nth-child(2) {
        display: none;
    }
}
/***********************
 * commercial mini grid
 */
.commercial-mini-grid{}
    .commercial-mini-grid a{
        text-decoration: none;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo .plan-item .h3,
    .grid-column.commercial-mini-grid .simple-grid-solo .plan-item h6{
        margin-bottom: 0;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo {
        background-color: var(--cyanultrapale);
        border-radius: var(--lotus-card-radius);
        padding: 10px;
        display: flex;
        flex-direction: column;
        grid-row-gap: 5px;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo .plan-item {
        border-radius: var(--lotus-card-radius);
        transition: all .25s;
        background-color: var(--white);
        z-index: 1;
        position: relative;
        padding: 10px;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo .plan-item.plan-even {
        background-color: var(--white);
    }
    .grid-column.commercial-mini-grid .simple-grid-solo .sample-plan-container {
        display: grid;
        grid-template-columns: 1fr .75fr 1.25fr;
        grid-template-areas: 'planProvider planTerm planPrice';
        padding: 5px 0;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo .plan-provider, .grid-column.commercial-mini-grid .simple-grid-solo .plan-term, .grid-column.commercial-mini-grid .simple-grid-solo .plan-price {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .grid-column.commercial-mini-grid .simple-grid-solo em {
        font-style: normal;
        color: var(--item-sub-head-color);
        font-size: var(--fontsmallmed);
    }
    .grid-column.commercial-mini-grid .company-logo img{
        height: auto;
    }
    @media only screen and (max-width: 768px){
        .grid-column.commercial-mini-grid .company-logo img{
            height: auto;
        }
        .grid-column.commercial-mini-grid a{
            width: 100%;
        }
    }

/***********************
 * faq
 */
.faq-container{}
.faq-container table,
.faq-container table tr,
.faq-container table tr td{
    border: 0;
}
.faq-container table tr {
    border-bottom: 2px solid var(--cyan);
}
 
@media only screen and (min-width: 768px){
    .faq-container{
        display: grid !important;
    }
}
/***********************
 * sponsored plans
 */
.sponsored-plans{}
    .sponsored-plans .row .row .col-lg-3{
        width: 50%;
    }
    .sponsored-plans .plan-pricing,
    .sponsored-plans .plan-pricing .h1{
        font-size: 30px;
        text-align: left;
    }
    .sponsored-plans .plan-pricing em {
        font-size: 16px;
    }
    .sponsored-plans .plan .cta{
        padding: 5px 5px;
    }
        .sponsored-plans .plan .cta .fa-chevron-right{
            display: none;
        }
    .sponsored-plans .plan-docs{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
        .sponsored-plans .plan-docs a{
            text-decoration: none;
        }
@media only screen and (max-width: 1200px){
    .sponsored-plans .row .col-md-9 .col-md-8,
    .sponsored-plans .row .col-md-9 .col-md-4{
        width: 100%;
    }
    .sponsored-plans .plan-pricing, .sponsored-plans .plan-pricing .h1 {
        text-align: center;
    }
    .sponsored-plans .plan-docs {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
        .sponsored-plans .plan-docs a {
            margin: 0 10px;
        }
}
@media only screen and (max-width: 768px){
    .sponsored-plans .row .col-md-3,
    .sponsored-plans .row .col-md-9{
        width: 100%;
    }
    .sponsored-plans .row .col-md-3{
        display: flex;
        justify-content: space-between;
    }
        .sponsored-plans .row .col-md-3 .plan-single-company-logo{
            width: 120px;
        }
        .sponsored-plans .row h5{
            text-align: left;
        }
    .sponsored-plans .row .row .col-lg-3{
        width: 100%;
    }
    .sponsored-plans .plan-docs {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
}
/***********************
 * all plan and filter - feature-all-plan
 */
.feature-all-plan{

}
    .feature-all-plan .simple-grid-solo .checkbox-select-action + label,
    .feature-all-plan .simple-grid-solo .checkbox-select-action + label,
    .feature-all-plan #sort-select,
    .feature-all-plan #filter-select {
        display: none;
    }

    .feature-all-plan .plan-row-inner-container {
        display: grid;
        grid-template-columns: .5fr .8fr .5fr .5fr .5fr .8fr;
        grid-template-areas: 'planProvider planNameFeatures planPrice planTerm planBill planAction';
    }
    .feature-all-plan div.position-sticky.lotus-sticky-menu {
        top: 10px;
        z-index: 100;
    }
    .feature-all-plan .grid-head.grid-sort {
        background-color: var(--erllcblue);
        flex-direction: row;
    }
    .plan-provider{
        grid-area: planProvider;
    }
    .plan-name-features {
        grid-area: planNameFeatures;
    }
    .plan-price {
        grid-area: planPrice;
    }
    .plan-term {
        grid-area: planTerm;
    }
    .plan-bill {
        grid-area: planBill;
    }
    .plan-action {
        grid-area: planAction;
    }
    .feature-all-plan .plan-provider,
    .feature-all-plan .plan-name-features,
    .feature-all-plan .plan-pricing,
    .feature-all-plan .btn-container{
        align-content: center;
        display: block;
    }
    .feature-all-plan .plan-row:not(.plan-row-header):hover {
        box-shadow: none;
    }
    
    .feature-all-plan .plan-odd {
        background-color: var(--white);
    }
    .feature-all-plan .plan-even {
        background-color: var(--cyanultrapale) !important;
    }
    .feature-all-plan .plan-item {
        z-index: 1;
        position: relative;
        padding: 10px;
    }
    .feature-all-plan .plan-pricing h6,
    .feature-all-plan .plan-pricing em{
        display: block;
        font-size: 14px;
        color: var(--grayevil);
    }
        .feature-all-plan .plan-pricing .h3{
            font-size: 20px;
        }
        .feature-all-plan .plan-pricing sup {
            top:0;    
        }
    .feature-all-plan .plan-term{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .feature-all-plan .plan-pricing h6,
        .feature-all-plan .plan-pricing strong{
            margin-bottom: 0;
        }
        .feature-all-plan .plan-pricing sup {
            font-size: 20px;
            margin-right: -5px;
        }
    .feature-all-plan .plan-name-features{
        padding-left:10px;
    }
    .feature-all-plan .plan-name, .feature-all-plan .plan-name a{
        font-size: 16px;
        text-align: left;
        text-decoration: none;
    }
    .feature-all-plan .feature-all-plan .grid-head-container {
        z-index: 100;
    }
    .feature-all-plan .plan-even {
        background-color: var(--si-very-pale-blue);
    }
    .feature-all-plan .feature-all-plan .plan-item {
        z-index: 1;
        position: relative;
        padding: 10px;
    }
    .feature-all-plan .checkbox-select-action + label {
        display: block;
        background-color: var(--erllcblue);
        color: var(--erllcblue25);
        fill: var(--erllcblue25);
        text-align: center;
        padding: 5px 0;
        height: 34px;
        border-radius: 5px;
    }
    .feature-all-plan .company-logo .company-{
        display: none;
    }
    .feature-all-plan .company-logo .company-logo-img{
        height: auto;
        vertical-align: middle;
    }
.feature-all-plan .grid-head.grid-sort{
    display: flex;
    justify-content: end;
    align-items: center;
    padding:5px 10px;
    border-radius: 5px;;
}
    .feature-all-plan .grid-head.grid-sort .h6{
        color: var(--white);
        margin-bottom: 0;
        padding-right: 20px;
    }
.feature-all-plan .btn-container{
    width: 180px;
}
    .feature-all-plan .btn.blue-btn-hollow,
    .feature-all-plan .primary-btn{
        text-decoration: none;
        margin-top:10px;
    }
        .feature-all-plan .btn.primary-btn{
            color: var(--black);
        }


.feature-all-plan .filter-element-container .filter-group{
    --bs-gutter-x: 0;
}
    .feature-all-plan .filter-element-container .filter-group ul{
        list-style-type: none;
        padding-left:0;
    }
        .feature-all-plan .filter-element-container ul label{
            font-size: 14px;
        }
.feature-all-plan .more-plans{
    margin-top:20px;
}
    .feature-all-plan .filter-element-container .grid-head-container {
        margin-bottom: 10px;
        background-color: var(--erllcblue);
        padding: 16px 10px;
        border-radius: 5px;
        display: flex;
        align-items: center;
    }
        .feature-all-plan .filter-element-container .grid-head-container h6{
            color: var(--white);
            margin-bottom: 0;
        }
    .feature-all-plan .more-plans .btn-container{
        margin: 0 auto;
    }
    .feature-all-plan .rates-date{
        text-align: center;
    }
    .feature-all-plan .position-sticky #filter-select + label {
        display: none;
    }
    .btn.cyan-btn-hollow {
        border-color: var(--erllcblue);
        color: var(--erllcblue);
    }

    /* kwh filter */
.feature-all-plan .usage-selector{
    display: flex;
    justify-content: space-between;
    margin:10px 0;
}
.feature-all-plan .filter-group-container .filter-group{
    margin-top:10px;
}
    .feature-all-plan .usage-selector .selector-btn {
        border-width: 2px;
        border-style: solid;
        border-color: var(--erllcblue);
        border-radius: 100vw;
        background-color: transparent;
        position: relative;
        width: 30px;
        height: 30px;
        margin: auto;
    }
    .feature-all-plan .usage-selector .selector-btn {
        color: var(--cyanpale);
    }
    .feature-all-plan .usage-selector .kwh-usage{
        color: var(--erllcblue);
    }
    .feature-all-plan .usage-selector .selector-btn::after, .feature-all-plan .usage-selector .selector-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        background-color: var(--erllcblue);
    }
    .feature-all-plan .usage-selector .selector-btn::before {
            height: 2px;
            width: 60%;
        }
        .feature-all-plan .usage-selector .selector-btn {
            color: var(--cyanpale);
        }
        [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
            cursor: pointer;
        }
        .feature-all-plan .usage-selector .selector-btn.btn-positive::after {
            height: 60%;
            width: 2px;
        }
/* Hide native checkboxes */
.feature-all-plan .filter-group input[type="checkbox"].hidden {
    display: none;
}
    .feature-all-plan .filter-group ul li{
        display: flex;
        align-items: center;
    }

    /* Base setup: position the label to host pseudo-elements */
    .feature-all-plan .filter-group label {
        position: relative;
        padding-left: 20px; /* Make space for the radio circle */
        cursor: pointer;
    }

    /* Outer circle (radio border) */
    .feature-all-plan .filter-group label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid #999;
        background-color: transparent;
        transition: all 0.2s ease;
    }

    /* Inner dot (only when checked) */
    .feature-all-plan .filter-group label::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: transparent;
        transition: all 0.2s ease;
    }

    /* Fill dot when checked */
    .feature-all-plan .filter-group input:checked + label::after {
        background-color: var(--erllcblue);
    }
@media only screen and (max-width: 1200px){
    .feature-all-plan .row .filter-column,
    .feature-all-plan .row .grid-column{
        width: 100%;
    }
    .feature-all-plan .row .filter-group-container{
        margin-bottom: 20px;
    }
        .feature-all-plan .row .filter-group-container ul{
            display: flex;
            margin-bottom: 0;
            flex-direction: row;
            grid-column-gap: 10px;
            flex-wrap: wrap;
        }
            .feature-all-plan .row .filter-group-container ul li{
                margin-right: 10px;
            }
        .feature-all-plan .usage-selector-container{
            text-align: center;
        }
    .feature-all-plan .filter-column{
        margin-bottom: 10px;
    }
    .feature-all-plan .position-sticky #filter-select + label {
        display: block;
        
    }
    /* Hide checkbox input */
    .feature-all-plan #filter-select, 
    .feature-all-plan #filter-element > .grid-head-container{
        display: none;
    }
    /* Initial hidden state */
    .feature-all-plan #filter-element {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s ease;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* When checkbox is checked, show it with animation */
    .feature-all-plan #filter-select:checked ~ #filter-element {
        max-height: 1000px; /* Large enough to reveal content */
        opacity: 1;
        visibility: visible;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
  
}
@media only screen and (max-width: 768px){
    .feature-all-plan .row .filter-group-container{
    }
        .feature-all-plan .row .filter-group-container ul{
        }
        .feature-all-plan .usage-selector-container{
            text-align: center;
        }
    .feature-all-plan .plan-row-inner-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: 
        'planProvider planNameFeatures planNameFeatures' 
        'planPrice planTerm planBill'
        'planAction planAction planAction';
    }
    .feature-all-plan .plan-name-features h3{
        text-align: left;
    }
    .feature-all-plan .btn-container {
        width: auto;
        display: flex;
    }
    
}
@media only screen and (max-width: 430px){
    .feature-all-plan .row .filter-group-container{
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 10px;
    }
        .feature-all-plan .row .filter-group-container ul{
            height: auto;
        }
    .feature-all-plan .btn-container {
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .feature-all-plan .grid-head.grid-sort{
        flex-direction: column;
    }
    .feature-all-plan .filter-element-container .grid-head-container{
        text-align: center;
    }
    .feature-all-plan .blue-btn-hollow,
    .feature-all-plan .primary-btn{
        margin:10px 0 0;
    }
    
}
/***********************
 * super widget
 */

:root{
    --si-blue: #00AEEF;
    --si-pale-blue: #abe4fa;
    --si-very-pale-blue: #dbf2fb;
    --si-dark-blue: #008cc0;
    --si-darker-blue: #003245;
    --si-darker-blue-rgb: rgb(0, 50, 69);
    --si-darker-blue-rgba: rgba(0, 50, 69, 1);
    --si-darker-blue-rgba-50: rgba(0, 50, 69, .5);
    --si-indigo: #6610f2;
    --si-purple: #6f42c1;
    --si-pink: #d63384;
    --si-red: #dc3545;
    --si-orange: #fbb040;
    --si-yellow: #ffc107;
    --si-green: #6CC551;
    --si-teal: #20c997;
    --si-cyan: #0dcaf0;
    --si-black: #000;
    --si-white: #fff;
    --si-gray: #9397ad;
    --si-gray-dark: #33354d;
    --si-gray-100: #f3f6ff;
    --si-gray-200: #eff2fc;
    --si-gray-300: #e2e5f1;
    --si-gray-400: #d4d7e5;
    --si-gray-500: #b4b7c9;
    --si-gray-600: #9397ad;
    --si-gray-700: #565973;
    --si-gray-800: #33354d;
    --si-gray-900: #0b0f19;
    --si-primary: #007bff;
    --si-secondary: #eff2fc;
    --si-success: #22c55e;
    --si-info: #00AEEF;
    --si-warning: #ffba08;
    --si-danger: #ef4444;
    --si-light: #fff;
    --si-dark: #0b0f19;
    --si-primary-rgb: 0, 174, 239;
    --si-secondary-rgb: 239, 242, 252;
    --si-success-rgb: 34, 197, 94;
    --si-info-rgb: 76, 130, 247;
    --si-warning-rgb: 255, 186, 8;
    --si-danger-rgb: 239, 68, 68;
    --si-light-rgb: 255, 255, 255;
    --si-dark-rgb: 11, 15, 25;
    --si-white-rgb: 255, 255, 255;
    --si-black-rgb: 0, 0, 0;
    --si-body-color-rgb: 86, 89, 115;
    --si-body-bg-rgb: 255, 255, 255;
    --si-font-sans-serif: "Manrope", sans-serif;
    --si-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --si-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --si-body-font-family: var(--si-font-sans-serif);
    --bs-body-font-size: 1rem;
    --si-body-font-size: 1rem;
    --si-body-font-weight: 400;
    --si-body-line-height: 1.6;
    --si-body-color: #565973;
    --si-body-bg: #fff;
    --si-border-width: 1px;
    --si-border-style: solid;
    --si-border-color: #e2e5f1;
    --si-border-color-translucent: rgba(0, 0, 0, 0.175);
    --si-border-radius: 0.375rem;
    --si-border-radius-sm: 0.25rem;
    --si-border-radius-lg: 0.5rem;
    --si-border-radius-xl: 1rem;
    --si-border-radius-2xl: 2rem;
    --si-border-radius-pill: 50rem;
    --si-link-color: #00AEEF;
    --si-link-hover-color: #008cc0;
    --si-code-color: #e3116c;
    --si-highlight-bg: #fff3cd;
    --si-box-shadow: ;
    --fontsizeicon: 60px;
}
:root{
    --cyanpale: #C9E9FB;
    --si-blue: #00AEEF;
    --white: #fff;
    --orange-btn: #F7941D;
    --cyan: #00AEEF;
    --cyan-pale: #abe4fa;
    --cyan-very-pale: #dbf2fb;
    --blue-dark: #008cc0;
    --blue-very-dark: #003245;
    --gray: var(--si-gray-600);
    --gray-dark: var(--si-gray-800);
    --gray-light: var(--si-gray-400);
    --gray-ultra-light: var(--si-gray-200);
    --green: #6CC551;
    --yellow: var(--si-yellow);
    --box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
    --widget-icon-font: 'Material Symbols Outlined';
    --big-display-font: "Barlow Condensed", sans-serif;
    --secondary-display-font: "Josefin Slab", serif;
    --badge-color: var(--white);
    --badge-background-color: var(--cyan-pale);
    --badge-green-color: var(--white);
    --badge-green-background-color: var(--green);
    --primary-btn-color: var(--white);
    --primary-btn-border-color: var(--orange-btn);
    --primary-btn-background-color: var(--orange-btn);
    --primary-btn-hover-color: var(--orange-btn);
    --primary-btn-hover-border-color: var(--orange-btn);
    --primary-btn-hover-background-color: transparent;
    --primary-btn-border-radius: .375rem;
    --secondary-btn-color: var(--cyan);
    --secondary-btn-border-color: var(--cyan);
    --secondary-btn-background-color: transparent;
    --secondary-btn-hover-color: var(--white);
    --secondary-btn-hover-border-color: var(--cyan);
    --secondary-btn-hover-background-color: var(--cyan);
    --modal-btn-color: var(--cyan);
    --modal-btn-border-color: var(--cyan);
    --modal-btn-background-color: transparent;
    --modal-btn-hover-color: var(--white);
    --modal-btn-hover-border-color: var(--cyan);
    --modal-btn-hover-background-color: var(--cyan);
    --modal-btn-border-radius: var(--primary-btn-border-radius);
    --zipbox-background: var(--cyan);
    --zipbox-border-radius: 5px;
    --zipbox-color: var(--white);
    --plan-name-color: var(--blue-very-dark);
    --plan-head-color: var(--gray);
    --plan-price-color: var(--cyan);
    --plan-price-size: 60px;
    --plan-price-font: var(--big-display-font);
    --plan-term-bill-size: 32px;
    --plan-btn-size: 18px;
    --plan-card-details-font: 70%;
    --plan-card-details-font-color: var(--gray);
    --plan-card-view-details-font-color: var(--gray-dark);
    --plan-card-view-details-hover-color: var(--gray-light);
    --plan-card-view-details-border-color: var(--gray-light);
    --plan-btn-size-desktop: ;
    --update-color: var(--gray);
    --filter-utility-text-color: var(--blue-very-dark);
    --filter-utility-icon-color: var(--blue-dark);
    --star-color: var(--yellow);
    --star-none-color: var(--gray);
    --icon-arrow-down: '\e313';
    --icon-arrow-right: '\e5e1';
    --icon-x: '\e5cd';
    --icon-pin: '\f14d';
    --icon-checkbox: '\e835';
    --icon-checkbox-checked: '\e834';
    --icon-minus: '\e15b';
    --icon-plus: '\e145';
    --icon-electric: '\ea0b';
    --icon-gas: '\f16a';
    --icon-sort: '\e8d5';
    --icon-filter: '\e429';
    --icon-search: '\e8b6';
    --icon-lock: '\e897';
    --icon-calendar: '\e614';
    --icon-calendar-dates: '\ebcc';
    --icon-star: '\f0ec';
    --icon-star-half: '\ec45';
    --icon-star-hollow: '\f0ec';
    --icon-sheet: '\e873';
    --icon-etf: '\f5a2';
    --icon-contract: '\f5a0';
    --icon-mrc: '\eb70';
    --icon-info: '\e88e';
    --icon-bill-sheet: '\f1b6';
    --icon-star-size: 10px;
    --icon-star-size-lg-screen: 20px;
    --grid-background: var(--cyan-very-pale);
    --plan-row-background-even: var(--white);
    --plan-row-background-odd: var(--cyan-very-pale);
    --grid-border-radius: 5px;
    --plan-card-background: var(--white);
    --plan-topper-color: var(--blue-dark);
    --plan-topper-font: var(--secondary-display-font);
    --plan-topper-weight: 600;
    --filter-container-back: var(--cyan);
    --filter-sub-container-back: var(--blue-dark);
    --filter-container-border-radius: var(--grid-border-radius);
    --filter-label-color: var(--cyan-very-pale);
    --filter-label-color-alt: var(--blue-dark);
    --filter-label-hover: var(--cyan-pale);
    --filter-label-border-radius: 3px;
    --filter-zip-input-border: ;
    --filter-zip-input-border-radius: 3px;
    --filter-zip-input-background: var(--cyan-pale);
    --filter-check-positive-color: var(--green);
    --filter-check-negative-color: var(--gray);
    --filter-zip-icon-color: var(--cyan-pale);
    --filter-zip-input-color: ;
    --filter-zip-input-padding: ;
    --filter-icon-color: ;
    --filter-box-shadow: var(--box-shadow);
    --filter-usage-color: var(--cyan);
    --filter-usage-btn-color: var(--cyan);
    --filter-usage-btn-hover-color: var(--cyan-very-pale);
    --unfold-card-radius: 5px;
    --unfold-card-shadow: var(--box-shadow);
    --unfold-content-background: var(--cyan-very-pale);
    --unfold-content-background-odd: var(--white);
    --unfold-details-border-color: var(--cyan);
    --unfold-table-head-odd: var(--white);
    --unfold-table-head-even: var(--cyan);
    --unfold-table-head-even-text: var(--white);
    --unfold-table-row-border-even: var(--blue-very-dark);
    --unfold-table-row-border-odd: var(--cyan);
    --unfold-details-em: var(--blue-very-dark);
    --unfold-link: var(--cyan);
    --modal-background: rgba(0, 0, 0, .25);
    --modal-zindex: 1000;
    --modal-back-zindex: 1;
    --modal-content-zindex: 10;
    --modal-head-font-color: var(--blue-dark);
    --modal-head-background: var(--cyan-pale);
    --modal-footer-background: var(--cyan-pale);
    --modal-content-background: var(--white);
    --modal-link-hover-color: var(--blue-very-dark);
    --modal-close-hover-background: var(--blue-very-dark);
    --modal-close-text-color: var(--blue-very-dark);
    --modal-close-hover-text-color: var(--white);
    --plan-head-color: var(--gray);
}
.recommended-plan-card p,
.sponsored span,
.recommended span{
    margin-bottom: 0;
    font-weight: 500;
}
.plandetails-modal-content .modal-order-container form,
.more-plans {
    width: 200px;
    margin: 0 auto;
}
#dynamicGrid{

}   
    #dynamicGrid .btn {
        --bs-btn-font-size: 0.875rem;
    }
    #dynamicGrid .filter-container{
            
    }
    #dynamicGrid i.star-item {
        padding-top: inherit;
    }
    #dynamicGrid .grid-outer-container{
        
    }
        #dynamicGrid .grid-outer-container .card-row-simple{
            
        }
            #dynamicGrid .grid-outer-container .card-row-simple .card-body .plan-provider{
                align-items: start;
            }
            
            #dynamicGrid .grid-outer-container .company-logo img{
                height: auto;
            }
            #dynamicGrid .grid-outer-container .card-row-simple .plan-details-action .btn{
                display: flex;
                justify-content: center;
            }
        #dynamicGrid .grid-outer-container .plan-row{
        }
            #dynamicGrid .grid-outer-container .plan-row .plan-bill .h3{
                text-align: left;
            }
            #dynamicGrid .grid-outer-container .plan-row .plan-odd .plandetails-unfold-content {
                background-color: var(--unfold-content-background);
            }
            #dynamicGrid .grid-outer-container .plan-document a::before{
                content: var(--icon-sheet);
                font-family: var(--widget-icon-font);
                color: var(--unfold-link);
                margin-right: 5px;
            }
            #dynamicGrid .grid-outer-container .plan-document a{
                background-image: none !important;
            }
                #dynamicGrid .grid-outer-container .plan-document a:hover{
                    color: var(--cyan);
                }
                #dynamicGrid .grid-outer-container .plan-row .plan-details-link {
                    background-color: var(--cyanpale);
                }
                #dynamicGrid .grid-outer-container .plan-row .plan-details-link:hover {
                    border-color: var(--cyanpale);
                    background-color: transparent;
                }
       

        .card-row-simple .card-body .company-rating i::before, .plan-row-inner-container .plan-rating .stars-container i::before {
            font-size: var(--icon-star-size-lg-screen);
        }
        .card-row-simple .card-body .company-rating i::before, .plan-row-inner-container .plan-rating .stars-container i::before {
            content: var(--icon-star);
            font-family: var(--widget-icon-font);
            color: var(--star-color);
            font-size: var(--icon-star-size);
        }
@media only screen and (max-width: 1200px){
    #dynamicGrid .grid-outer-container .card-row-simple .card-body .company-rating {
        justify-content: start;
    }

    #dynamicGrid .grid-outer-container .plan-row .plan-bill .h3,
    #dynamicGrid .grid-outer-container .plan-row .plan-term .h3 {
        font-size: 20px;
    }
    #dynamicGrid .grid-outer-container .plan-row-inner-container .plan-name-features .plan-description ul li {
        white-space: normal;
    }
    
}
@media only screen and (max-width: 980px){
    #dynamicGrid .grid-outer-container .card-row-simple .card-body .company-rating {
        justify-content: center;
    }
    #dynamicGrid .grid-outer-container .card-row-simple .card-body .plan-provider {
        height: auto;
    }
    #dynamicGrid .grid-outer-container .card-row-simple .plan-card {
        padding-bottom: 0;
    }
    #dynamicGrid .grid-outer-container .plan-row{
        margin-top: 50px;
    }

    #dynamicGrid .grid-outer-container .card-row-simple .card-body .plan-pricing em {
        font-size: 60%;
    }
    #dynamicGrid .plan-row .plan-action .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.65rem;
    }
}
@media only screen and (max-width: 768px){
    .video-iframe{
        height: 200px;
    }
    .cta .author-insert .breadcrumb-item a {
        margin: 0 !important;
    }
    #dynamicGrid .plandetails-container .plan-credits-fees ul li {
        white-space: normal;
    }
}
@media only screen and (max-width: 450px){
    #dynamicGrid .card-row-simple .card-body strong.h3 {
        font-size: 40px;
    }
    #dynamicGrid .grid-outer-container .plan-row .plan-pricing strong {
        font-size: 30px;
    }

    #dynamicGrid .grid-outer-container .plan-row .plan-details-link {
        background-color: transparent;
    }
    #dynamicGrid li.filter-sort-item #filter-label-sort + .filter-label + .filter-sort-list {
        width: 200px;
    }
    #dynamicGrid label.filter-label-top, #dynamicGrid li.filter-sort-item label.filter-label {
        padding: 0 15px 0 5px;
    }
}