/* MaterialDesignIcons.com */
@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=4.8.95");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=4.8.95") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=4.8.95") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=4.8.95") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=4.8.95") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*.helpSupport-module {
    min-height: 77vh;
}*/
.helpSupport-module .serviceCard {
    margin: 50px 0 0;
}

.helpSupport-module .cardspace {
    margin: 0 0 30px;
}

.helpSupport-module .serviceCard a {
    display: block;
    padding: 30px 0;
    text-align: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.15) !important;
    text-decoration: none;
    min-height: 270px;
}

    .helpSupport-module .serviceCard a p.icon_center {
        display: block;
        padding: 0px 0 10px;
        text-align: center;
        margin: 0px;
        height: auto;
    }

p.icon_center > span.material-icons {
    font-size: 80px;
}

.helpSupport-module .serviceCard a > span {
    color: #4c4c4c;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: 15px 45px 0;
}
.helpSupport-module .serviceCard a:focus {
    box-shadow: 0 0 0 2px rgb(0 0 0 / 90%) !important;
}
.pmticon_help:before {
    content: "\F30B";
    font-family: "Material Design Icons";
    font-size: 40px;
}

.commonmtr_dgn {
    display: block;
}

    .commonmtr_dgn:before {
        font-family: "Material Design Icons";
        font-size: 80px;
    }

.manage_notification:before {
    content: "\F28C";
}

.billingpmt_help:before {
    content: "\F0011";
}

.pmticon_help:before {
    content: "\F30B";
}

.outage_related_help:before {
    /*content: "\F026";*/
    content: "";
    background: url(../images/contact-faq/notifications.svg) no-repeat center;
    width: 130px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.myaccount_help:before {
    /*content: "\F006";*/
    content: "";
    background: url(../images/contact-faq/usage.svg) no-repeat center;
    width: 90px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.prgroms_help:before {
    /*content: "\F729";*/
    content: "";
    background: url(../images/contact-faq/service.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.gnrlsupprt_help:before {
    /*content: "\F493";*/
    content: "";
    background: url(../images/contact-faq/usage.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}


.billingpmt_help:before {
    content: "\F0011";
}

.connectme_help:before {
    content: "\F3F2";
}

.top10faq:before {
    /*content: "\F2CE";*/
    content: "";
    background: url(../images/contact-faq/other.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.custo_registration:before {
    content: "\F8FF";
}

.billing_payment:before {
    content: "";
    background: url(../images/contact-faq/billing.svg) no-repeat center;
    width: 120px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.start_stop_transfer:before {
    content: "";
    background: url(../images/contact-faq/service.svg) no-repeat center;
    width: 90px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.program_assistance:before {
    content: "";
    background: url(../images/contact-faq/program.svg) no-repeat center;
    width: 90px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.account_management:before {
    /*content: "\F006";*/
    content: "";
    background: url(../images/contact-faq/account.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.rebatesicon:before {
    content: "";
    background: url(../images/contact-faq/energy.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
}

.safteyicon:before {
    /*content: "\F57C";*/
    content: "";
    background: url(../images/contact-faq/gas.svg) no-repeat center;
    width: 150px;
    height: 113px;
    background-size: 70%;
    display: block;
    margin: 10px auto;
} 
@media(max-width:767px){
    .helpSupport-module .serviceCard a > span {
        margin: 15px 15px 0;
    }
    .helpSupport-module .serviceCard a {
        min-height:auto;
    }
}