html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

[hidden] {
    display: none;
}

img {
    vertical-align: middle;
    border: 0;
}

nav ul {
    list-style: none;
    z-index: 2;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

a, a:hover, a:active, a:visited {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

#haptik-xdk-wrapper {
    z-index: 9999 !important;
}

.modal.modal-alert.modal-toast.custom-toast-warning .modal-header h4 i:after {
    content: "";
    border: solid 6px #ff962d;
    position: absolute;
    inset: 0;
    border-radius: 100%;
}

.modal.modal-alert.modal-toast.custom-toast-warning .modal-header h4 i:before {
    font-size: 30px;
}

.ev-language-section {
    padding: 16px 24px;
    border-radius: 16px;
    background-color: #f6f6ff;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .ev-language-section p {
        font-family: 'Roboto-Medium';
        font-size: 16px;
        line-height: 1.38;
    }

    .ev-language-section .left-bar {
        display: flex;
        align-items: center;
    }

        .ev-language-section .left-bar img {
            width: 38px;
            margin-right: 15px;
        }

    .ev-language-section .cross-icon {
        cursor: pointer;
        margin-left: 16px;
    }

        .ev-language-section .cross-icon svg {
            width: 14px;
            height: 14px;
            margin-top: 8px;
        }

    .ev-language-section button:hover {
        background-color: #dfdff7;
    }

    .ev-language-section button:focus {
        background-color: #dfdff7;
    }

    .ev-language-section .lang-right-bar {
        display: flex;
        align-items: center;
    }

.lang-btn {
    background: transparent;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
}

    .lang-btn svg {
        margin-right: 6px;
    }

.lang-menu {
    position: relative;
}

    .lang-menu .dd-menu-dd {
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
        padding: 14px 10px;
        background-color: #fff;
        position: absolute;
        max-width: 220px;
        width: 220px;
        right: 0;
        top: 50px;
        z-index: 9;
        display: block;
        opacity: 0;
        visibility: hidden;
    }

        .lang-menu .dd-menu-dd li a {
            color: #333;
            font-size: 16px;
            line-height: 1.5;
            padding: 10px;
            display: block;
        }

            .lang-menu .dd-menu-dd li a:hover {
                background: transparent !important;
            }

        .lang-menu .dd-menu-dd li.active a {
            font-family: 'Roboto-Medium';
            position: relative;
            background: transparent !important;
        }

            .lang-menu .dd-menu-dd li.active a::after {
                background-image: url(../assets/images/ev-tick.png);
                background-size: contain;
                background-position: right;
                background-repeat: no-repeat;
                width: 12px;
                height: 8px;
                content: '';
                display: inline-block;
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
            }

        .lang-menu .dd-menu-dd::before {
            content: '';
            display: block;
            height: 20px;
            width: 100%;
            position: absolute;
            top: -17px;
            left: 0;
            background: transparent;
        }

    .lang-menu.open button {
        background-color: #dfdff7;
    }

    .lang-menu.open .dd-menu-dd {
        opacity: 1;
        visibility: visible;
    }

    .lang-menu:hover .dd-menu-dd {
        opacity: 1;
        visibility: visible;
    }

.footer_copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

    .footer_copyright .copyright_links_list {
        padding: 0;
    }

    .footer_copyright .lang-menu.open button {
        background-color: #eee;
    }

    .footer_copyright .lang-menu button:focus, .footer_copyright .lang-menu button:hover {
        background-color: #eee;
    }

    .footer_copyright .dd-menu-dd {
        top: -170px;
    }

@media (min-width: 992px) {
    .main-header .lang-btn {
        color: #fff;
        padding: 4px 16px;
    }

        .main-header .lang-btn svg path {
            fill: #fff;
        }

        .main-header .lang-btn:hover, .main-header .lang-btn:focus {
            background: rgba(255,255,255,0.2);
        }

    .main-header .lang-menu .dd-menu-dd {
        margin-top: 15px;
    }

    .main-header .lang-menu.open button {
        background: rgba(255,255,255,0.2);
    }

    .main-header .lang-menu.open .dd-menu-dd {
        display: block;
    }

    .dark-desc {
        padding-top: 72px;
    }

    .scrolled .dark-desc {
        padding: 0;
    }

    .rev-banner-section {
        overflow: hidden;
    }

    .banner-bottom-section {
        position: static;
        margin-top: 40px !important;
    }
}

@media screen and (max-device-width: 991px) and (orientation: portrait) {
    .modal-port-register .input-field.custom > label:not(.label-icon).active {
        text-overflow: initial;
        max-width: 100%;
        transform: translateY(8px) scale(0.7);
        overflow: visible;
    }
}

@media (max-width: 991px) {
    .main-header .lang-btn {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-top: 3px;
    }

        .main-header .lang-btn span {
            display: none;
        }

    .main-header .nav-list li#business-mob .lang-menu .dd-menu-dd {
        position: absolute;
        transform: none;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    }

    .main-header .nav-list li#business-mob .lang-menu.open .dd-menu-dd {
        display: block;
    }

    .main-header .open .lang-btn {
        background: transparent;
    }

    .main-header .lang-btn, .main-header .lang-btn:hover, .main-header .lang-btn:focus {
        background: transparent;
    }
}

.left-menu-bar .lang-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
}

    .left-menu-bar .lang-btn .lang-l {
        display: flex;
        align-items: center;
    }

        .left-menu-bar .lang-btn .lang-l svg {
            margin-right: 17px;
        }

    .left-menu-bar .lang-btn .lang-r {
        padding-right: 30px;
        font-family: 'Roboto-Medium';
        font-size: 16px;
        line-height: 1.5;
    }

.sidenav .lang-menu .dd-menu-dd {
    opacity: 1;
    position: static;
    width: 100%;
    max-width: 100%;
    background: transparent;
    box-shadow: none;
    display: none;
    padding: 0;
}

    .sidenav .lang-menu .dd-menu-dd a {
        padding: 12px 24px 12px 61px !important;
    }

    .sidenav .lang-menu .dd-menu-dd li.active a::after {
        right: 30px;
    }

.sidenav .lang-menu.open .collapsible_link::after {
    content: '\A037';
}

.sidenav .lang-menu.open button, .sidenav .lang-menu button:focus {
    background: transparent;
}

.sidenav .left-menu-bar li.active {
    background: transparent;
}

.save-paper-section {
    border-radius: 16px;
    background: rgba(24,170,38,0.1);
    padding: 29px 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

    .save-paper-section .left-sec {
        display: flex;
    }

    .save-paper-section figure {
        width: 54px;
        display: block;
        text-align: center;
    }

        .save-paper-section figure img {
            width: 24px;
            display: block;
            margin: 0 auto;
        }

    .save-paper-section .desc {
        padding-left: 9px;
    }

    .save-paper-section h4 {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        line-height: 1.5;
    }

    .save-paper-section p {
        color: #555555;
        font-size: 14px;
        line-height: 1.43;
    }

    .save-paper-section .onoffswitch {
        width: 64px;
    }

        .save-paper-section .onoffswitch .onoffswitch-inner::after {
            background-color: #d4d4d4;
        }

        .save-paper-section .onoffswitch .onoffswitch-inner::after, .save-paper-section .onoffswitch .onoffswitch-inner::before {
            height: 38px;
        }

        .save-paper-section .onoffswitch .onoffswitch-inner::before {
            background-color: #4cd964;
        }

        .save-paper-section .onoffswitch .onoffswitch-switch {
            width: 32px;
            height: 32px;
            box-shadow: 0 0 1px 0 rgba(0,0,0,0.1),0 0 1px 0 rgba(0,0,0,0.16),0 0 6px 0 rgba(0,0,0,0.15);
            background-color: #fff;
            border-radius: 50%;
            right: 28px;
        }

@media (max-width: 700px) {
    .ev-language-section {
        display: block;
    }

        .ev-language-section .right-bar {
            padding-left: 33px;
        }

        .ev-language-section .cross-icon {
            display: none;
        }

        .ev-language-section .left-bar img {
            margin-right: 10px;
        }

    .lang-menu .dd-menu-dd {
        right: 0;
        left: auto !important;
        margin: 0 auto;
    }

    .ev-language-section button {
        margin-top: 10px;
    }

    .save-paper-section {
        flex-wrap: wrap;
        padding: 16px;
    }

        .save-paper-section .onoffswitch {
            width: 39px;
        }

            .save-paper-section .onoffswitch .onoffswitch-inner::after, .save-paper-section .onoffswitch .onoffswitch-inner::before {
                height: 25px;
            }

            .save-paper-section .onoffswitch .onoffswitch-switch {
                width: 20px;
                height: 20px;
                right: 15px;
                top: 3px;
                box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1),0 1px 1px 0 rgba(0,0,0,0.16),0 2px 6px 0 rgba(0,0,0,0.15);
                border: solid 0.5px rgba(0,0,0,0.1);
            }

        .save-paper-section figure {
            width: 48px;
            min-width: 48px;
        }

        .save-paper-section .desc {
            padding-left: 10px;
            padding-right: 10px;
        }

        .save-paper-section .right-sec {
            width: 100%;
            padding-left: 58px;
            margin-top: 12px;
        }

    .dashboard {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.custom_accrdion li.active .collapsible-header::after {
    content: '\A020';
}

.custom_accrdion li.active .collapsible-header {
    font-family: 'Roboto-Bold';
}

.custom_accrdion .collapsible-accordion > li {
    /*border-bottom: 1px solid #DEDEDE;*/
    margin-bottom: 1px;
}

.main-header.not-floating .lang-btn {
    color: #333;
}

    .main-header.not-floating .lang-btn svg path {
        fill: #333;
    }

.form-signin input[type="file"] {
    width: 100%;
    margin-bottom: 10px;
}

.form-signin input[type="button"] {
    margin-top: 10px;
}

body .dd-menu .dd-menu-dd li.login button.btn {
    padding: 0 20px;
    display: inline-block;
    width: auto;
}

.multiple-mobile-form {
    padding: 32px;
    border-radius: 12px;
    background-color: #fcfcfc;
    margin-bottom: 32px;
}

    .multiple-mobile-form h4 {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        line-height: 1.25;
        color: #222;
        margin-bottom: 8px;
    }

    .multiple-mobile-form p {
        color: #666;
        font-size: 14px;
        line-height: 1.43;
    }

    .multiple-mobile-form .wrap {
        display: flex;
        margin-bottom: 24px;
    }

        .multiple-mobile-form .wrap > label {
            width: 15%;
            color: #999;
            font-size: 12px;
            line-height: 2;
            font-family: 'Roboto-Medium';
        }

    .multiple-mobile-form .button-section {
        text-align: right;
    }

        .multiple-mobile-form .button-section .btn {
            border-radius: 28px;
            border: solid 1px #0d67ca;
            background: transparent;
            color: #0d67ca;
            font-size: 16px;
            line-height: 1.5;
            height: 52px;
        }

            .multiple-mobile-form .button-section .btn:hover {
                background: #0d67ca;
                color: #fff;
            }

    .multiple-mobile-form .radio-field span {
        font-size: 16px;
        line-height: 1.5;
        font-weight: normal !important;
        height: auto;
    }

    .multiple-mobile-form .radio-field + .radio-field {
        margin-top: 15px;
    }

    .multiple-mobile-form .radio-field input:checked ~ span {
        font-family: 'Roboto-Medium';
    }

.submit-new-request .verify_btn {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Roboto-Medium';
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.submit-new-request .input-field > input {
    padding-right: 60px;
}

.otp-modal.show {
    display: block;
    max-width: 526px;
    z-index: 999;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.otp-modal .modal-content {
    padding: 60px 70px;
}

    .otp-modal .modal-content .close-btn {
        cursor: pointer;
        position: absolute;
        left: 25px;
        top: 25px;
        font-weight: bold;
    }

.otp-modal h3 {
    font-family: 'Roboto-Bold';
    font-size: 24px;
    line-height: normal;
    margin-bottom: 12px;
    text-align: center;
}

.otp-modal p {
    color: #333 !important;
    font-size: 14px !important;
    line-height: normal !important;
    margin: 0;
    text-align: center;
}

    .otp-modal p a {
        color: #333333;
        font-family: 'roboto-medium';
        text-decoration: underline;
        cursor: pointer;
    }

.otp-modal .otpInput .otpContainer {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 32px;
}

    .otp-modal .otpInput .otpContainer input {
        width: calc( (100%/6) - 75px/5);
        height: 50px;
        margin-right: 15px;
        margin-bottom: 0;
        border: 1px solid #eaeaea;
        border-radius: 0.4rem;
        text-align: center;
        font-family: 'Roboto';
        font-size: 1.5rem;
        padding: 10px;
    }

.otp-modal .modal-close {
    width: 100%;
    height: 52px;
    margin-bottom: 40px;
}

.otp-modal.show + .modal-overlay.active {
    display: block;
    background-color: rgba(0,0,0,0.6);
    height: 100vh;
    top: 0;
    z-index: 99;
}

.valid-active {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.thankyou-profile {
    box-shadow: 0 1px 4px 0 rgba(73,210,178,0.57) !important;
    border: solid 1px #13a180 !important;
    background-color: #f9fffe !important;
}

    .thankyou-profile .modal-header .i-cross:before {
        font-size: 15px;
        color: #333;
    }

.input-field.input-has-icon .valid-active ~ .input-icon {
    margin-right: 50px;
}

.elc-faq-section .serviceDetail {
    padding-bottom: 100px;
}

.elc-faq-section .d-none {
    display: none !important;
}

.elc-faq-section .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 2.25rem;
    font-size: .8125rem;
    list-style: none;
    align-items: center;
    line-height: 1.43;
}

    .elc-faq-section .breadcrumb .breadcrumb-item {
        color: #666;
        display: flex;
        align-items: center;
        position: relative;
    }

        .elc-faq-section .breadcrumb .breadcrumb-item a {
            text-decoration: none;
            color: #222;
            font-family: 'Roboto-Medium';
        }

            .elc-faq-section .breadcrumb .breadcrumb-item a:hover {
                text-decoration: underline;
            }

        .elc-faq-section .breadcrumb .breadcrumb-item + .breadcrumb-item {
            padding-left: 25px;
        }

            .elc-faq-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                color: #666;
                border: solid #222;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                content: '';
                position: absolute;
                left: 6px;
            }

.elc-faq-section .faq-heading {
    position: relative;
    margin-bottom: 3.125rem;
    padding-top: 4px;
}

    .elc-faq-section .faq-heading h1 {
        font-family: Roboto-Bold;
        margin-bottom: 1.3125rem;
        font-size: 1.75rem;
        line-height: 1.2;
    }

    .elc-faq-section .faq-heading h5 {
        font-family: Roboto-Bold;
        margin-bottom: 1rem;
        font-size: 1.125rem;
        line-height: 1.2;
    }

    .elc-faq-section .faq-heading .scrollbar-y {
        overflow-x: hidden;
        overflow-y: auto;
    }

.elc-faq-section .inside-search {
    display: inline-flex;
    width: 100%;
    border-radius: 2rem;
    background-color: #eaebed;
    align-items: center;
    padding: 0 1.25rem;
    position: relative;
    color: #222;
}

    .elc-faq-section .inside-search i {
        margin-right: 0.5rem;
        margin-top: -3px;
    }

        .elc-faq-section .inside-search i::before {
            color: #8e8e93;
            font-size: 17px;
            font-weight: bold;
        }

    .elc-faq-section .inside-search input {
        height: 2.75rem;
        flex: 1;
        border: 0;
        color: #222;
        background-color: transparent;
        font-size: 1rem;
        padding-right: 1.5625rem;
        margin: 0;
    }

    .elc-faq-section .inside-search .clearIcon {
        color: #333;
        font-size: 20px;
        text-decoration: none;
        cursor: pointer;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        right: 0.5rem;
    }

.elc-faq-section .search-wrapper {
    text-align: left;
    border: 0.0625rem solid #dadce0;
    border-radius: 0.75rem;
    max-width: 100%;
    box-shadow: 0 0 20px rgba(136,136,136,0.2);
    margin: 0 auto;
    position: absolute;
    z-index: 9;
    background: #fff;
    left: 0;
    right: 0;
    margin-top: 1.25rem;
    display: none;
    transition: .3s ease;
}

    .elc-faq-section .search-wrapper .faqList {
        max-height: 320px;
    }

    .elc-faq-section .search-wrapper li {
        padding: 1.25rem;
        align-items: center;
    }

        .elc-faq-section .search-wrapper li a {
            display: flex;
            color: #333;
        }

        .elc-faq-section .search-wrapper li .desc {
            flex: 1;
            padding-left: 0.9375rem;
        }

        .elc-faq-section .search-wrapper li .search-icon {
            background: #eaebed;
            width: 1.875rem;
            height: 1.875rem;
            border-radius: 50%;
            text-align: center;
        }

            .elc-faq-section .search-wrapper li .search-icon i::before {
                font-size: 16px;
            }

.elc-faq-section .serviceFaqList.show .search-wrapper {
    display: block;
}

.elc-faq-section .text-center {
    text-align: center;
}

.elc-faq-section .faq-sectionWrap h3 {
    margin-bottom: 40px;
    font-size: 1.375rem;
    font-family: Roboto-Bold;
    line-height: 1.33;
}

.elc-faq-section .faq-sectionWrap .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x));
}

    .elc-faq-section .faq-sectionWrap .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5);
        margin-top: var(--bs-gutter-y);
    }

    .elc-faq-section .faq-sectionWrap .row > div {
        margin-top: 80px;
    }

        .elc-faq-section .faq-sectionWrap .row > div:nth-child(-n+3) {
            margin-top: 0;
        }

.elc-faq-section .faq-sectionWrap h4 {
    font-family: Roboto-bold;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.elc-faq-section .faq-sectionWrap .question-link {
    font-size: .9375rem;
    margin-bottom: 1.25rem;
    display: block;
    color: #333;
}

    .elc-faq-section .faq-sectionWrap .question-link:hover {
        text-decoration: underline;
    }

.elc-faq-section .faq-sectionWrap .black_link {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
}

    .elc-faq-section .faq-sectionWrap .black_link:hover {
        text-decoration: none;
        color: #222;
    }

.elc-faq-section.elc-payment .d-flex {
    display: flex !important;
}

.elc-faq-section.elc-payment .align-items-start {
    align-items: flex-start !important;
}

.elc-faq-section.elc-payment .services-menu {
    overflow: hidden;
}

    .elc-faq-section.elc-payment .services-menu h6 {
        align-items: center;
        margin-bottom: 1.25rem;
        font-size: 1rem;
        font-family: "Roboto-Medium";
        display: none;
        position: relative;
        height: 40px;
        padding-left: 40px;
        white-space: nowrap;
    }

        .elc-faq-section.elc-payment .services-menu h6 .icon-button {
            padding: 0.3125rem;
            background-color: transparent;
            -webkit-transition: background-color .5s;
            -moz-transition: background-color .5s;
            -ms-transition: background-color .5s;
            -o-transition: background-color .5s;
            transition: background-color .5s;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 50%;
            position: absolute;
            left: 0;
            width: 2.5rem;
            height: 2.5rem;
        }

            .elc-faq-section.elc-payment .services-menu h6 .icon-button .icon-services {
                width: 1.313rem;
            }

    .elc-faq-section.elc-payment .services-menu .offcanvas-bottom {
        border-radius: 1.25rem 1.25rem 0 0;
        max-height: 98%;
        overflow: hidden;
    }

        .elc-faq-section.elc-payment .services-menu .offcanvas-bottom .offcanvas-header {
            padding: 1.125rem 1rem;
        }

    .elc-faq-section.elc-payment .services-menu .offcanvas-desktop {
        visibility: visible !important;
        position: static;
        transform: inherit;
        border-top: 0;
    }

    .elc-faq-section.elc-payment .services-menu .offcanvas-desktop {
        display: none;
    }

    .elc-faq-section.elc-payment .services-menu .offcanvas-title {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 1.375rem;
        font-family: "Roboto-Bold";
        width: 100%;
    }

    .elc-faq-section.elc-payment .services-menu .btn-close {
        color: #000;
        box-sizing: content-box;
        opacity: .85;
        cursor: pointer;
        padding: 0;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        font-size: 1.125rem;
        position: relative;
        background: transparent center/1rem auto no-repeat url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M0.330135458,0.54296873 C-0.141486625,1.12082255 -0.107799333,1.97067645 0.431197333,2.50967312 L7.92060302,9.99899497 L0.431197333,17.4903269 C-0.143732444,18.0652567 -0.143732444,18.9938729 0.431197333,19.5688027 L0.54296873,19.6698645 C1.12082255,20.1414866 1.97067645,20.1077993 2.50967312,19.5688027 L10,12.078392 L17.4903269,19.5688027 C18.0652567,20.1437324 18.9938729,20.1437324 19.5688027,19.5688027 L19.6698645,19.4570313 C20.1414866,18.8791774 20.1077993,18.0293235 19.5688027,17.4903269 L12.078392,9.99899497 L19.5688027,2.50967312 C20.1284875,1.94998832 20.1284875,1.00612711 19.5688027,0.44644231 L19.4570268,0.345376623 C18.879152,-0.126260132 18.029291,-0.0925218118 17.4901813,0.446587698 L9.99899497,7.92060302 L2.50967312,0.431197333 C1.93474334,-0.143732444 1.00612711,-0.143732444 0.431197333,0.431197333 L0.330135458,0.54296873 Z"></path></svg>');
        left: -11px;
    }

    .elc-faq-section.elc-payment .services-menu .offcanvas-body {
        overflow-y: auto;
        padding: 0 1.25rem;
    }

    .elc-faq-section.elc-payment .services-menu .nav-link {
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        text-decoration: none;
        position: relative;
        display: flex;
        align-items: center;
        border-radius: 0;
        border: none;
        color: #222;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        padding: 0.625rem 1.125rem 0.625rem 1.125rem;
    }

        .elc-faq-section.elc-payment .services-menu .nav-link.activelink {
            background: #eef4fb;
            font-family: "Roboto-Bold",Helvetica Neue,Arial,sans-serif;
        }

            .elc-faq-section.elc-payment .services-menu .nav-link.activelink:hover {
                background: #eef4fb;
            }

.elc-faq-section.elc-payment .services-container {
    flex: 1;
    transition: all .1s ease-in-out;
    height: auto !important;
    width: calc(100% - 290px);
}

    .elc-faq-section.elc-payment .services-container .serviceDetail {
        font-size: 1rem;
    }

        .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle {
            font-family: Roboto-Bold;
            display: flex;
            color: #222;
            line-height: 1.2;
            flex: 1;
        }

            .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle span {
                cursor: pointer;
            }

                .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle span i {
                    width: 1rem;
                    opacity: 1;
                    color: #222;
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    cursor: pointer;
                    margin-left: 0.5rem;
                    margin-top: -0.4375rem;
                }

                    .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle span i::before {
                        font-size: .875rem;
                    }

.elc-faq-section.elc-payment .d-block {
    display: block !important;
}

.elc-faq-section.elc-payment .flexBanner {
    height: 13.75rem;
    background-position: top right;
    background-size: auto 13.75rem;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    border-radius: 0.5rem;
}

.elc-faq-section.elc-payment .custom-payment-accordion .item .desc {
    display: none;
    color: #666666;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 24px;
    padding-left: 15px;
}

    .elc-faq-section.elc-payment .custom-payment-accordion .item .desc a {
        color: #222;
        text-decoration: underline;
    }

    .elc-faq-section.elc-payment .custom-payment-accordion .item .desc ul {
        list-style: disc;
        padding-bottom: 24px;
    }

        .elc-faq-section.elc-payment .custom-payment-accordion .item .desc ul li {
            list-style: disc;
        }

            .elc-faq-section.elc-payment .custom-payment-accordion .item .desc ul li + li {
                padding-top: 10px;
            }

    .elc-faq-section.elc-payment .custom-payment-accordion .item .desc p {
        padding-bottom: 16px;
    }

    .elc-faq-section.elc-payment .custom-payment-accordion .item .desc .note {
        display: flex;
        align-items: center;
    }

        .elc-faq-section.elc-payment .custom-payment-accordion .item .desc .note span {
            color: #222;
            margin-right: 12px;
        }

        .elc-faq-section.elc-payment .custom-payment-accordion .item .desc .note .btn {
            padding: 5px 26px;
            border-radius: 15px;
            background-color: #f4f4f4;
            text-decoration: none;
            height: auto;
            font-family: 'Roboto';
            font-size: 14px;
            line-height: 1.43;
            font-weight: normal;
        }

            .elc-faq-section.elc-payment .custom-payment-accordion .item .desc .note .btn + .btn {
                margin-left: 12px;
            }

.elc-faq-section.elc-payment .custom-payment-accordion .item .title {
    font-size: 16px;
    line-height: 1.5;
    padding: 24px 0;
    border-top: 1px solid #e1e1e1;
    cursor: pointer;
    position: relative;
}

    .elc-faq-section.elc-payment .custom-payment-accordion .item .title::after {
        flex-shrink: 0;
        width: 1.75rem;
        height: 1.75rem;
        margin-left: auto;
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.75rem;
        transition: transform .2s ease-in-out;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .elc-faq-section.elc-payment .custom-payment-accordion .item .title.active::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

.elc-faq-section.elc-payment .custom-payment-accordion .item:last-child .title {
    border-bottom: 1px solid #e1e1e1;
}

.elc-faq-section .inside-search input::-webkit-input-placeholder {
    color: #666;
}

.elc-faq-section .inside-search input::-moz-placeholder {
    color: #666;
}

.elc-faq-section .inside-search input:-ms-input-placeholder {
    color: #666;
}

.elc-faq-section .inside-search input:-moz-placeholder {
    color: #666;
}

.elc-faq-section .inside-search .clearIcon:hover {
    background-color: #ddd;
}

.elc-faq-section .inside-search::placeholder, .elc-faq-section .inside-search:-ms-input-placeholder, .elc-faq-section .inside-search::-ms-input-placeholder {
    color: #666;
}

.ownership-transfer .field-validation-error {
    padding-left: 23px !important;
}

.ownership-transfer a.toast-close {
    text-decoration: none !important;
}

.modal-overlay.mobile_verify, .modal-overlay.email_verify {
    display: block;
    background-color: rgba(0,0,0,0.6);
    height: 100vh;
    top: 0;
    z-index: 99;
}

.otp-modal .field-validation-error {
    margin-bottom: 20px;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -500%, 0);
        -ms-transform: translate3d(0, -500%, 0);
        transform: translate3d(0, -500%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.scrolled .dark-desc {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    animation-duration: 1s;
}

    .scrolled .dark-desc h2 {
        visibility: hidden;
        transition: 1s ease;
    }

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.scrolled .light-desc.top-sec {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    animation-duration: 1s;
}

.scrolled .light-desc.btm-sec .banner-bottom-section {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    visibility: hidden;
}

.rev-btn {
    transition: max-width 0.5s ease;
    white-space: nowrap;
    height: 52px;
    font-size: 0;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
}

.green-revolution-page .rev-banner-section .top-sec.animated .rev-btn {
    max-width: 44px !important;
    font-size: 16px;
    background: #13A180;
    transition: max-width 0.5s ease;
    color: transparent;
    padding-left: 26px;
    padding-right: 26px;
}

.scroll-btm-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
}

    .scroll-btm-btn a {
        color: #fff;
        text-shadow: 0px 4px 4px rgba(0,0,0,0.75);
        display: inline-block;
        position: relative;
    }

    .scroll-btm-btn span {
        position: absolute;
        top: -50px;
        left: 50%;
        width: 14px;
        height: 14px;
        margin-left: -12px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb07 2s infinite;
        animation: sdb07 2s infinite;
        opacity: 0;
        box-sizing: border-box;
    }

        .scroll-btm-btn span:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .scroll-btm-btn span:nth-child(2) {
            top: -40px;
            -webkit-animation-delay: .15s;
            animation-delay: .15s;
        }

        .scroll-btm-btn span:nth-child(3) {
            top: -30px;
            -webkit-animation-delay: .3s;
            animation-delay: .3s;
        }

.scrolled .scroll-btm-btn, .scrolled .dark-svg-icon {
    display: none;
}

.green-revolution-page .rev-reliable-section .circle-box.desc1, .green-revolution-page .rev-reliable-section .circle-box.desc2, .green-revolution-page .rev-reliable-section .circle-box.desc3 {
    border-color: #13a18033;
}

.circle-box.desc1 .circle-item:not(.one) img, .circle-box.desc2 .circle-item:not(.two) img, .circle-box.desc3 .circle-item:not(.three) img {
    opacity: 0.2;
}

@keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.rev-reliable-section .container {
    position: relative;
}

.rev-reliable-section .imgs {
    max-width: 318px;
    height: 410px;
    object-fit: contain;
    position: absolute;
    bottom: -100px;
}

    .rev-reliable-section .imgs.right-img {
        left: auto;
        right: 0;
    }

.green-revolution-page .rev-reliable-section .circle-content .desc span {
    color: #13A180;
}

.green-revolution-page .rev-reliable-section .circle-box.default:not(.desc1):not(.desc2):not(.desc3) .default {
    display: block !important;
}

    .green-revolution-page .rev-reliable-section .circle-box.default:not(.desc1):not(.desc2):not(.desc3) .default ~ div {
        display: none !important;
    }

.circle-item .hover-img {
    display: none;
}

.circle-item:hover .default-img {
    display: none;
}

.circle-item:hover .hover-img {
    display: block;
}

.circle-item img {
    width: 90px;
    display: block;
    margin: 0 auto;
}

.green-revolution-page video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.field-validation-error {
    line-height: normal !important;
}

.check-details-wrapper {
    clear: both;
}

.cm-asl-seepz-page .switchover-section .seep-form-section .field-validation-error {
    line-height: 20px !important;
}

.cm-asl-seepz-page .field-validation-error {
    line-height: 20px !important;
}

#seepzbusiness .regulatory-button-section {
    display: none !important;
}

#seepzbusiness .custom_accrdion .accordion > div:first-child .collapsible-header {
    border: 0;
}

.no-link {
    pointer-events: none;
}

.customerFirstth {
    width: 15%;
}

.customerSecth {
    width: 65%;
}

.customerThirdth {
    width: 20%;
}

.cm_login_link {
    display: none;
}

.cm_animate_logo {
    margin-bottom: 8px;
    height: 32px;
    margin-left: 0;
    opacity: 0;
}

.cm_iframe {
    max-width: 100%;
}

.listThOne {
    width: 15%;
}

.listThTwo {
    width: 55%;
}

.listThThree {
    width: 15%;
}

.listThFour {
    width: 15%;
}

.pressThOne {
    width: 10%;
}

.pressThTwo {
    width: 25%;
}

.pressThThree {
    width: 55%;
}

.tenderThOne {
    width: 11%;
}

.tenderThTwo {
    width: 14%;
}

.tenderThThree {
    width: 12%;
}

.tenderThFour {
    width: 5%;
}

@media (min-width: 987px) {


    .hero-form {
        border: 4px solid #0070C3;
    }
}

@media (min-width: 987px) and (max-width: 1154px) {


    .main-header .brand-logo a img {
        width: 99px !important;
    }
}

@media (min-width: 768px) {
    .elc-faq-section .d-md-block {
        display: block !important;
    }


    .elc-faq-section .faq-sectionWrap .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .elc-faq-section.elc-payment .services-menu .nav-link {
        line-height: 1.25rem;
        font-size: .875rem;
    }

    .elc-faq-section.elc-payment .d-md-flex {
        display: flex !important;
    }

    .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle .cm-btm-icon {
        display: none;
    }

    .elc-faq-section.elc-payment .offcanvas-head, .elc-faq-section.elc-payment .off-overlay {
        display: none;
    }
}

@media (min-width: 992px) {
    .elc-faq-section .faq-heading {
        margin-bottom: 60px;
    }

        .elc-faq-section .faq-heading h1 {
            margin-bottom: 1.3125rem;
            font-size: 2.5rem;
        }

        .elc-faq-section .faq-heading h5 {
            margin-bottom: 24px;
            font-size: 1.25rem;
        }

        .elc-faq-section .faq-heading .inside-search {
            max-width: 24.375rem;
        }

        .elc-faq-section .faq-heading .search-wrapper {
            max-width: 31.25rem;
        }

    .elc-faq-section .faq-sectionWrap h3 {
        font-size: 1.5rem;
    }

    .elc-faq-section .faq-sectionWrap h4 {
        pointer-events: none;
    }

    .elc-faq-section .faq-sectionWrap .inner {
        display: block !important;
    }

    .elc-faq-section.elc-payment .d-lg-none {
        display: none !important;
    }

    .elc-faq-section.elc-payment .services-menu {
        width: 270px;
        flex: 1;
        max-width: 270px;
        min-width: 40px;
        padding-right: 1.25rem;
        margin-right: 1.25rem;
        transition: all .4s ease-in-out;
        margin-bottom: 4.5rem;
    }

        .elc-faq-section.elc-payment .services-menu h6 {
            display: flex;
        }

        .elc-faq-section.elc-payment .services-menu .offcanvas-desktop {
            display: initial;
        }

        .elc-faq-section.elc-payment .services-menu .offcanvas-body {
            padding: 0 0 0 2rem;
        }

        .elc-faq-section.elc-payment .services-menu .nav-link:hover {
            background-color: #f3f3f3;
        }

    .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

        .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle span i {
            margin-left: -0.125rem;
            transition: all .4s ease-in-out;
        }
}

.cm-asl-seepz-page .new-connection {
    padding-top: 18px;
    color: #555;
}

    .cm-asl-seepz-page .new-connection p {
        margin: 0;
        color: #555;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .cm-asl-seepz-page .new-connection h1 {
        margin-bottom: 16px;
    }

    .cm-asl-seepz-page .new-connection .hidden-desc {
        display: none;
    }

    .cm-asl-seepz-page .new-connection .section-header {
        margin-bottom: 48px;
    }

.cm-asl-seepz-page .switchover-section {
    background-image: linear-gradient(98deg, #dfeeff 22%, #e3f1ff 79%);
    padding: 60px 0;
}

    .cm-asl-seepz-page .switchover-section .title {
        color: #333;
        font-family: 'Roboto-Bold';
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px;
    }

    .cm-asl-seepz-page .switchover-section .row-fluid {
        display: flex;
        justify-content: space-between;
    }

    .cm-asl-seepz-page .switchover-section .seep-form-section {
        background: #fff;
        border-radius: 30px;
        padding: 32px;
        margin-bottom: -93px;
        box-shadow: 0 6px 20px 0 rgba(0,0,0,0.05);
    }

        .cm-asl-seepz-page .switchover-section .seep-form-section h3 {
            font-family: 'Roboto-Bold';
            font-size: 24px;
            margin-bottom: 12px;
            line-height: 32px;
        }

        .cm-asl-seepz-page .switchover-section .seep-form-section p {
            color: #666;
            margin-bottom: 24px;
        }

        .cm-asl-seepz-page .switchover-section .seep-form-section .btn {
            margin-top: 8px;
            width: 100%;
        }

    .cm-asl-seepz-page .switchover-section .seepz-step-left .item {
        display: flex;
    }

        .cm-asl-seepz-page .switchover-section .seepz-step-left .item figure {
            padding: 14px 14px 14px 13px;
            background-color: #fff;
            width: 68px;
            height: 68px;
            min-width: 68px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
        }

            .cm-asl-seepz-page .switchover-section .seepz-step-left .item figure img {
                max-width: 100%;
                height: 100%;
            }

        .cm-asl-seepz-page .switchover-section .seepz-step-left .item h5 {
            font-family: 'Roboto-Medium';
            font-size: 14px;
            line-height: 20px;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .cm-asl-seepz-page .switchover-section .seepz-step-left .item p {
            font-size: 16px;
            line-height: 24px;
        }

        .cm-asl-seepz-page .switchover-section .seepz-step-left .item + .item {
            margin-top: 32px;
        }

.cm-asl-seepz-page .showed-desc p::after {
    content: '...';
}

.cm-asl-seepz-page .custom_accrdion {
    margin-top: 133px;
}

    .cm-asl-seepz-page .custom_accrdion .collapsible-header {
        padding-left: 0;
        padding-right: 0;
    }

    .cm-asl-seepz-page .custom_accrdion .collapsible-accordion > div:nth-child(7) ~ div {
        display: none;
    }

    .cm-asl-seepz-page .custom_accrdion .active .collapsible-accordion > div:nth-child(7) ~ div {
        display: block;
    }

.cm-asl-seepz-page .view-more {
    display: inline-block;
    color: #333;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    margin-top: 24px;
    font-size: 15px;
    line-height: 24px;
    cursor: pointer;
}

    .cm-asl-seepz-page .view-more::after {
        content: 'More';
    }

.cm-asl-seepz-page .seepz-read-btn {
    cursor: pointer;
}

.cm-asl-seepz-page .seepz-wrap.active .hidden-desc {
    display: block;
}

.cm-asl-seepz-page .seepz-wrap.active .showed-desc p::after {
    content: none;
}

.cm-asl-seepz-page .seepz-wrap.active .seepz-read-btn::after {
    content: 'Less';
}

.cm-asl-seepz-page .seep-detail-popup {
    padding: 30px;
    height: 100%;
    padding-bottom: 55px;
    z-index: 999;
}

    .cm-asl-seepz-page .seep-detail-popup h3 {
        font-size: 28px;
        line-height: 40px;
        font-family: 'Roboto-Bold';
        margin-bottom: 8px;
    }

    .cm-asl-seepz-page .seep-detail-popup p {
        color: #666;
    }

    .cm-asl-seepz-page .seep-detail-popup form {
        margin-top: 24px;
    }

    .cm-asl-seepz-page .seep-detail-popup .sidenav-close {
        cursor: pointer;
        margin-bottom: 24px;
        display: inline-block;
    }

        .cm-asl-seepz-page .seep-detail-popup .sidenav-close i::before {
            font-size: 19px;
            font-weight: bold;
        }

.cm-asl-seepz-page .select-wrapper .select-dropdown.dropdown-content {
    top: 61px !important;
}

.cm-asl-seepz-page .file-upload {
    position: relative;
    margin-bottom: 24px;
}

    .cm-asl-seepz-page .file-upload input {
        position: absolute;
        top: 0;
        opacity: 0;
    }

    .cm-asl-seepz-page .file-upload svg {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .cm-asl-seepz-page .file-upload .file-upload__label {
        color: #0d67ca;
        text-align: center;
        border-radius: 10px;
        border: solid 1px #cacaca;
        padding: 18px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Roboto-Medium';
        cursor: pointer;
    }

.cm-asl-seepz-page .ebill-activation {
    padding: 15px 16px;
    border-radius: 10px;
    background-color: #f7f9fc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .cm-asl-seepz-page .ebill-activation h5 {
        font-family: 'Roboto-Medium';
        font-size: 16px;
        line-height: 24px;
    }

    .cm-asl-seepz-page .ebill-activation .switch {
        display: flex;
    }

        .cm-asl-seepz-page .ebill-activation .switch label {
            font-size: 0;
        }

        .cm-asl-seepz-page .ebill-activation .switch h6 {
            font-family: 'Roboto-Medium';
            font-size: 16px;
            line-height: 24px;
        }

        .cm-asl-seepz-page .ebill-activation .switch .lever {
            margin-left: 10px;
        }

        .cm-asl-seepz-page .ebill-activation .switch label input[type=checkbox]:checked + .lever:after {
            box-shadow: 0 0 4px 0 rgba(0,0,0,0.12);
            background-color: #fff;
        }

        .cm-asl-seepz-page .ebill-activation .switch label input[type=checkbox]:checked + .lever {
            background-color: #13a180;
        }

        .cm-asl-seepz-page .ebill-activation .switch label .lever:before, .cm-asl-seepz-page .ebill-activation .switch label .lever:after {
            width: 18px;
            height: 18px;
            top: 2px;
        }

        .cm-asl-seepz-page .ebill-activation .switch label input[type=checkbox]:checked + .lever:before, .cm-asl-seepz-page .ebill-activation .switch label input[type=checkbox]:checked + .lever:after {
            left: 23px;
        }

.cm-asl-seepz-page .terms-wrapper {
    border-radius: 10px;
    background-color: #f7f9fc;
    padding: 16px;
    margin-top: 24px;
    font-size: 13px;
    line-height: 22px;
    color: #333;
    margin-bottom: 32px;
}

    .cm-asl-seepz-page .terms-wrapper a {
        color: inherit;
        font-family: 'Roboto-Medium';
        text-decoration: underline;
        cursor: pointer;
    }

    .cm-asl-seepz-page .terms-wrapper [type="checkbox"] + span:not(.lever):before {
        border: solid 1px #cacaca;
        border-radius: 4px;
        background: #fff;
    }

    .cm-asl-seepz-page .terms-wrapper [type="checkbox"]:checked + span:not(.lever):before {
        background-color: #0d67ca;
        color: #fff;
        border-color: #0d67ca;
        content: "\A036";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "fontello";
        font-weight: bold;
        font-size: 16px;
        line-height: normal;
    }

.cm-asl-seepz-page .seep-detail-popup .btn {
    width: 100%;
}

.cm-asl-seepz-page .terms-popup.open + .modal-overlay {
    opacity: 0.4 !important;
}

.cm-asl-seepz-page .terms-popup .head {
    border: solid 1px #eaeaea;
    background-color: rgba(234,234,234,0.2);
    padding: 11px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cm-asl-seepz-page .terms-popup h3 {
    font-size: 16px;
    line-height: 24px;
    color: #222;
    font-family: 'Roboto-Medium';
}

.cm-asl-seepz-page .terms-desc {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

    .cm-asl-seepz-page .terms-desc li + li {
        margin-top: 16px;
    }

.cm-asl-seepz-page .terms-popup .modal-close i:before {
    font-size: 17px;
    font-weight: bold;
}

.cm-asl-seepz-page .seep-success-popup {
    text-align: center;
    padding: 40px;
    width: 100%;
    max-width: 527px;
}

    .cm-asl-seepz-page .seep-success-popup.open + .modal-overlay {
        opacity: 0.4 !important;
    }

    .cm-asl-seepz-page .seep-success-popup h3 {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        line-height: 28px;
        margin: 20px 0 10px;
    }

    .cm-asl-seepz-page .seep-success-popup p {
        font-size: 14px;
        line-height: 24px;
        color: #3a3a3a;
        margin-bottom: 24px;
    }

.cm-asl-seepz-page .seepz-step-left {
    padding-right: 10px;
}

.cm-asl-seepz-page .terms-popup {
    max-width: 718px;
}

.cm-asl-seepz-page .seep-success-popup a.modal-close {
    top: 20px;
    right: 20px;
    position: absolute;
}

@media (max-width: 991px) {
    .cm-asl-seepz-page .switchover-section .seep-form-section {
        margin-bottom: 0;
    }

    .cm-asl-seepz-page .switchover-section .row-fluid {
        flex-wrap: wrap-reverse;
    }

    .cm-asl-seepz-page .seepz-step-left {
        padding: 0;
        margin-bottom: 48px;
    }

    .cm-asl-seepz-page .switchover-section .seep-form-section {
        border-radius: 0;
        margin: 0 -1rem;
        padding: 0 16px 48px;
    }

    .cm-asl-seepz-page .switchover-section {
        padding: 0;
    }

        .cm-asl-seepz-page .switchover-section .title {
            font-size: 20px;
            line-height: 30px;
        }

            .cm-asl-seepz-page .switchover-section .title.desk {
                display: none;
            }

    .cm-asl-seepz-page .seepz-step-right {
        width: 100%;
    }

    .cm-asl-seepz-page .switchover-section .seepz-step-left h3.title {
        display: block !important;
        padding-top: 48px;
    }

    .cm-asl-seepz-page .custom_accrdion {
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .cm-asl-seepz-page .custom_accrdion .collapsible-header {
            padding-right: 30px;
        }

    .cm-asl-seepz-page .seep-detail-popup {
        transform: none !important;
        max-width: 100%;
        width: 100%;
        height: 98%;
        bottom: -200%;
        top: auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        padding: 32px 16px 52px;
    }

        .cm-asl-seepz-page .seep-detail-popup.open {
            bottom: 0;
            opacity: 1;
            visibility: visible;
        }

        .cm-asl-seepz-page .seep-detail-popup .sidenav-close {
            padding: 0;
            margin-bottom: 12px;
        }

        .cm-asl-seepz-page .seep-detail-popup h3 {
            font-size: 22px;
            line-height: normal;
        }

    .cm-asl-seepz-page .ebill-activation h5 {
        font-size: 14px;
    }

    .cm-asl-seepz-page .ebill-activation .switch h6 {
        font-size: 14px;
    }

    .cm-asl-seepz-page .terms-wrapper {
        margin: 18px 0 20px;
    }

    .cm-asl-seepz-page .terms-popup {
        transform: none !important;
        max-width: 100%;
        width: 100%;
        height: 98%;
        bottom: -200%;
        top: auto !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        padding: 32px 16px 52px;
        margin: 0;
        max-height: initial;
    }

        .cm-asl-seepz-page .terms-popup.open {
            bottom: 0;
            opacity: 1;
            visibility: visible;
        }

        .cm-asl-seepz-page .terms-popup .head {
            background: transparent;
            border: 0;
            padding: 0;
            flex-wrap: wrap-reverse;
            justify-content: initial;
            align-items: initial;
        }

    .cm-asl-seepz-page .terms-desc {
        padding: 0;
    }

    .cm-asl-seepz-page .terms-popup h3 {
        font-size: 22px;
        font-family: 'Roboto-Bold';
        line-height: normal;
        margin-bottom: 16px;
    }

    .cm-asl-seepz-page .terms-popup h3 {
        width: 100%;
    }

    .cm-asl-seepz-page .terms-popup .modal-close {
        margin-bottom: 13px;
    }

    .cm-asl-seepz-page .seep-success-popup {
        transform: none !important;
        max-width: 100%;
        width: 100%;
        height: auto;
        bottom: -200%;
        top: auto !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        padding: 32px 16px;
        margin: 0;
        max-height: initial;
        padding-top: 80px;
    }

        .cm-asl-seepz-page .seep-success-popup.open {
            bottom: 0;
            opacity: 1;
            visibility: visible;
        }

        .cm-asl-seepz-page .seep-success-popup .btn {
            width: 100%;
        }

        .cm-asl-seepz-page .seep-success-popup a.modal-close {
            top: 40px;
            right: auto;
            left: 16px;
        }
}

@media (max-width: 1050px) {
    .notification p .more {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .elc-faq-section .faq-item .inner {
        display: none;
    }

    .elc-faq-section .faq-sectionWrap .row > div {
        margin: 0;
    }

        .elc-faq-section .faq-sectionWrap .row > div:last-child h4 {
            border-bottom: solid 1px #e1e1e1;
        }

    .elc-faq-section .faq-sectionWrap h4 {
        border-top: solid 1px #e1e1e1;
        margin: 0;
        padding: 24px 0;
        font-size: 16px;
        line-height: 1.5;
        position: relative;
        cursor: pointer;
    }

        .elc-faq-section .faq-sectionWrap h4::after {
            flex-shrink: 0;
            width: 1.75rem;
            height: 1.75rem;
            margin-left: auto;
            content: "";
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-size: 1.75rem;
            transition: transform .2s ease-in-out;
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

        .elc-faq-section .faq-sectionWrap h4.active::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
            transform: rotate(-180deg);
        }

    .elc-faq-section .faq-sectionWrap h3 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .elc-faq-section .faq-sectionWrap .black_link {
        margin-bottom: 23px;
    }

    .elc-faq-section .cm_breadcrumb {
        display: none;
    }

    .elc-faq-section .faq-heading {
        margin-bottom: 40px;
    }

        .elc-faq-section .faq-heading h5 {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 24px;
        }

        .elc-faq-section .faq-heading h1 {
            line-height: 1.29;
        }

    .elc-faq-section .serviceDetail {
        padding-bottom: 60px;
    }

    .green-revolution-page .rev-banner-section .banner-bottom-section {
        display: none;
    }

    .scroll-btm-btn {
        display: none;
    }

    .green-revolution-page .rev-banner-section {
        min-height: 420px !important;
        height: 420px;
        overflow: hidden;
    }

        .green-revolution-page .rev-banner-section .bg-img {
            display: none !important;
        }

    .green-revolution-page .mobile-section {
        position: absolute;
        top: 0;
        left: 0;
    }

    .green-revolution-page .banner-bottom-section {
        top: 100%;
        bottom: auto !important;
        display: flex !important;
    }

    .rev-banner-section .btm-sec {
        display: none;
    }

    .mobile-image.mobile-section {
        width: 100%;
    }
}

@media (max-width: 981px) {
    .notification {
        font-size: 14px;
        max-height: initial;
    }

        .notification p {
            display: block;
        }

            .notification p span {
                display: block;
            }

            .notification p .more {
                margin-left: 0;
            }
}

@media (max-width: 767px) {
    .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle {
        margin-bottom: 20px;
        align-items: center;
    }

        .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle > span {
            display: flex;
        }

            .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle > span .cm-btm-icon {
                align-items: center;
                display: flex;
                margin-left: 12px;
            }

                .elc-faq-section.elc-payment .services-container .serviceDetail .pageTitle > span .cm-btm-icon svg {
                    fill: #555555;
                }

    .elc-faq-section.elc-payment .flexBanner {
        margin-top: 40px;
    }

    .elc-faq-section.elc-payment .custom-payment-accordion .item .title {
        padding-right: 22px;
    }

    .elc-faq-section.elc-payment .services-menu .offcanvas-desktop {
        display: initial;
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 99;
        max-height: 375px;
        left: 0;
        overflow-y: auto;
        padding: 32px 0;
        bottom: -200%;
        transition: bottom 0.3s ease;
    }

    .elc-faq-section.elc-payment .services-menu .offcanvas-body {
        padding: 0;
    }

    .elc-faq-section.elc-payment .off-overlay {
        background-color: rgba(0,0,0,0.4);
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        opacity: 0;
        visibility: hidden;
    }

    .elc-faq-section.elc-payment .offcanvas-head {
        padding: 0 20px;
    }

        .elc-faq-section.elc-payment .offcanvas-head h3 {
            font-family: 'Roboto-Bold';
            color: #333;
            font-size: 24px;
            line-height: 1.33;
            margin: 12px 0;
        }

        .elc-faq-section.elc-payment .offcanvas-head .close-svg {
            width: 32px;
            height: 32px;
            cursor: pointer;
        }

    .elc-faq-section.elc-payment.title-active .services-menu .offcanvas-desktop {
        bottom: 0;
    }

    .elc-faq-section.elc-payment.title-active .off-overlay {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 600px) {
    .otp-modal.show {
        width: 90%;
    }

    .otp-modal .otpInput .otpContainer input {
        min-width: 49px;
        margin-bottom: 8px;
    }

    .otp-modal .modal-content {
        padding: 60px 20px;
    }

    .otp-modal .otpInput .otpContainer {
        justify-content: center;
    }

    .multiple-mobile-form .wrap {
        display: block;
    }

        .multiple-mobile-form .wrap > label {
            width: 100%;
            display: block;
            margin-bottom: 10px;
        }

    .multiple-mobile-form .button-section .btn {
        font-size: 15px;
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        width: 100%;
    }

    .submit-new-request .card.outlined {
        border: 0;
        padding: 0;
    }

    .submit-new-request .cm_form_wrap {
        border-radius: 8px;
        border: solid 1px #eaeaea;
        padding: 16px;
    }

    .multiple-mobile-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal.otp-modal {
        bottom: 0;
        border-radius: 16px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: -100%;
        transition: bottom 0.3s ease;
        display: initial;
        opacity: 0;
    }

        .modal.otp-modal.show {
            top: auto;
            transform: none;
            width: 100%;
            bottom: 0;
            opacity: 1;
            visibility: visible;
            transition: bottom 0.3s ease;
        }

    .otp-modal h3 {
        text-align: left;
        padding-top: 32px;
    }

    .otp-modal p {
        text-align: left;
    }

        .otp-modal p.receive-text {
            text-align: center;
        }

    .submit-new-request .card-with-form p strong {
        font-family: 'Roboto-Medium';
    }

    .otp-modal .modal-continue:after {
        content: 'Continue';
        font-size: 1rem;
    }

    .otp-modal .modal-continue {
        font-size: 0;
    }

    .circle-item img {
        width: 60px !important;
        height: auto !important;
    }
}

@use 'sass:math';

@font-face {
    font-family: "Roboto-Medium";
    src: url("../assets/fonts/Roboto-Medium.eot");
    src: url("../assets/fonts/Roboto-Mediumd41d.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/Roboto-Medium.woff") format("woff"),url("../assets/fonts/Roboto-Medium.woff2") format("woff2"),url("../assets/fonts/roboto-medium.html") format("truetype"),url("../assets/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

.ff-vi {
    font-family: "vfontello";
}

@font-face {
    font-family: "vfontello";
    src: url("../assets/fonts/icon/vertical-icons/fontello.eot");
    src: url("../assets/fonts/icon/vertical-icons/fontellod41d.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/icon/vertical-icons/fontello.woff") format("woff"),url("../assets/fonts/icon/vertical-icons/fontello.woff2") format("woff2"),url("../assets/fonts/icon/vertical-icons/fontello.ttf") format("truetype"),url("../assets/fonts/icon/vertical-icons/fontello.svg#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

.font-icon, [class^="vi-"], [class*=" vi-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #333333;
}

    .font-icon:before, [class^="vi-"]:before, [class*=" vi-"]:before {
        font-size: 24px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "vfontello";
    }

    .font-icon.with-label, [class^="vi-"].with-label, [class*=" vi-"].with-label {
        width: auto;
        height: auto;
        line-height: 24px;
        position: relative;
        padding-left: 24px;
    }

        .font-icon.with-label::before, [class^="vi-"].with-label::before, [class*=" vi-"].with-label::before {
            left: 0;
            top: 50%;
            margin-top: -8px;
            position: absolute;
        }

    .font-icon.i-pos-tc, [class^="vi-"].i-pos-tc, [class*=" vi-"].i-pos-tc {
        padding-left: 0;
        padding-top: 24px;
    }

        .font-icon.i-pos-tc::before, [class^="vi-"].i-pos-tc::before, [class*=" vi-"].i-pos-tc::before {
            top: 0;
            left: 50%;
            margin-top: 0;
            margin-left: -8px;
        }

    .font-icon.i-pos-rc, [class^="vi-"].i-pos-rc, [class*=" vi-"].i-pos-rc {
        padding-left: 0;
        padding-right: 24px;
    }

        .font-icon.i-pos-rc::before, [class^="vi-"].i-pos-rc::before, [class*=" vi-"].i-pos-rc::before {
            top: 50%;
            right: 0;
            left: inherit;
        }

    .font-icon.i-pos-bc, [class^="vi-"].i-pos-bc, [class*=" vi-"].i-pos-bc {
        padding-left: 0;
        padding-bottom: 24px;
    }

        .font-icon.i-pos-bc::before, [class^="vi-"].i-pos-bc::before, [class*=" vi-"].i-pos-bc::before {
            left: 50%;
            bottom: 0;
            top: inherit;
            margin-top: 0;
            margin-left: -8px;
        }

.vi-10::before {
    font-size: 10px;
}

.vi-10.with-label {
    line-height: 10px;
}

.vi-10.i-pos-lc {
    padding-left: 18px;
}

    .vi-10.i-pos-lc::before {
        margin-top: -5px;
    }

.vi-10.i-pos-tc {
    padding-top: 18px;
}

    .vi-10.i-pos-tc::before {
        margin-left: -5px;
    }

.vi-10.i-pos-rc {
    padding-right: 18px;
}

    .vi-10.i-pos-rc::before {
        margin-top: -5px;
    }

.vi-10.i-pos-bc {
    padding-bottom: 18px;
}

    .vi-10.i-pos-bc::before {
        margin-left: -5px;
    }

.vi-12::before {
    font-size: 12px;
}

.vi-12.with-label {
    line-height: 12px;
}

.vi-12.i-pos-lc {
    padding-left: 20px;
}

    .vi-12.i-pos-lc::before {
        margin-top: -6px;
    }

.vi-12.i-pos-tc {
    padding-top: 20px;
}

    .vi-12.i-pos-tc::before {
        margin-left: -6px;
    }

.vi-12.i-pos-rc {
    padding-right: 20px;
}

    .vi-12.i-pos-rc::before {
        margin-top: -6px;
    }

.vi-12.i-pos-bc {
    padding-bottom: 20px;
}

    .vi-12.i-pos-bc::before {
        margin-left: -6px;
    }

.vi-14::before {
    font-size: 14px;
}

.vi-14.with-label {
    line-height: 14px;
}

.vi-14.i-pos-lc {
    padding-left: 22px;
}

    .vi-14.i-pos-lc::before {
        margin-top: -7px;
    }

.vi-14.i-pos-tc {
    padding-top: 22px;
}

    .vi-14.i-pos-tc::before {
        margin-left: -7px;
    }

.vi-14.i-pos-rc {
    padding-right: 22px;
}

    .vi-14.i-pos-rc::before {
        margin-top: -7px;
    }

.vi-14.i-pos-bc {
    padding-bottom: 22px;
}

    .vi-14.i-pos-bc::before {
        margin-left: -7px;
    }

.vi-16::before {
    font-size: 16px;
}

.vi-16.with-label {
    line-height: 16px;
}

.vi-16.i-pos-lc {
    padding-left: 24px;
}

    .vi-16.i-pos-lc::before {
        margin-top: -8px;
    }

.vi-16.i-pos-tc {
    padding-top: 24px;
}

    .vi-16.i-pos-tc::before {
        margin-left: -8px;
    }

.vi-16.i-pos-rc {
    padding-right: 24px;
}

    .vi-16.i-pos-rc::before {
        margin-top: -8px;
    }

.vi-16.i-pos-bc {
    padding-bottom: 24px;
}

    .vi-16.i-pos-bc::before {
        margin-left: -8px;
    }

.vi-18::before {
    font-size: 18px;
}

.vi-18.with-label {
    line-height: 18px;
}

.vi-18.i-pos-lc {
    padding-left: 26px;
}

    .vi-18.i-pos-lc::before {
        margin-top: -9px;
    }

.vi-18.i-pos-tc {
    padding-top: 26px;
}

    .vi-18.i-pos-tc::before {
        margin-left: -9px;
    }

.vi-18.i-pos-rc {
    padding-right: 26px;
}

    .vi-18.i-pos-rc::before {
        margin-top: -9px;
    }

.vi-18.i-pos-bc {
    padding-bottom: 26px;
}

    .vi-18.i-pos-bc::before {
        margin-left: -9px;
    }

.vi-20::before {
    font-size: 20px;
}

.vi-20.with-label {
    line-height: 20px;
}

.vi-20.i-pos-lc {
    padding-left: 28px;
}

    .vi-20.i-pos-lc::before {
        margin-top: -10px;
    }

.vi-20.i-pos-tc {
    padding-top: 28px;
}

    .vi-20.i-pos-tc::before {
        margin-left: -10px;
    }

.vi-20.i-pos-rc {
    padding-right: 28px;
}

    .vi-20.i-pos-rc::before {
        margin-top: -10px;
    }

.vi-20.i-pos-bc {
    padding-bottom: 28px;
}

    .vi-20.i-pos-bc::before {
        margin-left: -10px;
    }

.vi-22::before {
    font-size: 22px;
}

.vi-22.with-label {
    line-height: 22px;
}

.vi-22.i-pos-lc {
    padding-left: 30px;
}

    .vi-22.i-pos-lc::before {
        margin-top: -11px;
    }

.vi-22.i-pos-tc {
    padding-top: 30px;
}

    .vi-22.i-pos-tc::before {
        margin-left: -11px;
    }

.vi-22.i-pos-rc {
    padding-right: 30px;
}

    .vi-22.i-pos-rc::before {
        margin-top: -11px;
    }

.vi-22.i-pos-bc {
    padding-bottom: 30px;
}

    .vi-22.i-pos-bc::before {
        margin-left: -11px;
    }

.vi-24::before {
    font-size: 24px;
}

.vi-24.with-label {
    line-height: 24px;
}

.vi-24.i-pos-lc {
    padding-left: 32px;
}

    .vi-24.i-pos-lc::before {
        margin-top: -12px;
    }

.vi-24.i-pos-tc {
    padding-top: 32px;
}

    .vi-24.i-pos-tc::before {
        margin-left: -12px;
    }

.vi-24.i-pos-rc {
    padding-right: 32px;
}

    .vi-24.i-pos-rc::before {
        margin-top: -12px;
    }

.vi-24.i-pos-bc {
    padding-bottom: 32px;
}

    .vi-24.i-pos-bc::before {
        margin-left: -12px;
    }

.vi-26::before {
    font-size: 26px;
}

.vi-26.with-label {
    line-height: 26px;
}

.vi-26.i-pos-lc {
    padding-left: 34px;
}

    .vi-26.i-pos-lc::before {
        margin-top: -13px;
    }

.vi-26.i-pos-tc {
    padding-top: 34px;
}

    .vi-26.i-pos-tc::before {
        margin-left: -13px;
    }

.vi-26.i-pos-rc {
    padding-right: 34px;
}

    .vi-26.i-pos-rc::before {
        margin-top: -13px;
    }

.vi-26.i-pos-bc {
    padding-bottom: 34px;
}

    .vi-26.i-pos-bc::before {
        margin-left: -13px;
    }

.vi-28::before {
    font-size: 28px;
}

.vi-28.with-label {
    line-height: 28px;
}

.vi-28.i-pos-lc {
    padding-left: 36px;
}

    .vi-28.i-pos-lc::before {
        margin-top: -14px;
    }

.vi-28.i-pos-tc {
    padding-top: 36px;
}

    .vi-28.i-pos-tc::before {
        margin-left: -14px;
    }

.vi-28.i-pos-rc {
    padding-right: 36px;
}

    .vi-28.i-pos-rc::before {
        margin-top: -14px;
    }

.vi-28.i-pos-bc {
    padding-bottom: 36px;
}

    .vi-28.i-pos-bc::before {
        margin-left: -14px;
    }

.vi-30::before {
    font-size: 30px;
}

.vi-30.with-label {
    line-height: 30px;
}

.vi-30.i-pos-lc {
    padding-left: 38px;
}

    .vi-30.i-pos-lc::before {
        margin-top: -15px;
    }

.vi-30.i-pos-tc {
    padding-top: 38px;
}

    .vi-30.i-pos-tc::before {
        margin-left: -15px;
    }

.vi-30.i-pos-rc {
    padding-right: 38px;
}

    .vi-30.i-pos-rc::before {
        margin-top: -15px;
    }

.vi-30.i-pos-bc {
    padding-bottom: 38px;
}

    .vi-30.i-pos-bc::before {
        margin-left: -15px;
    }

.vi-32::before {
    font-size: 32px;
}

.vi-32.with-label {
    line-height: 32px;
}

.vi-32.i-pos-lc {
    padding-left: 40px;
}

    .vi-32.i-pos-lc::before {
        margin-top: -16px;
    }

.vi-32.i-pos-tc {
    padding-top: 40px;
}

    .vi-32.i-pos-tc::before {
        margin-left: -16px;
    }

.vi-32.i-pos-rc {
    padding-right: 40px;
}

    .vi-32.i-pos-rc::before {
        margin-top: -16px;
    }

.vi-32.i-pos-bc {
    padding-bottom: 40px;
}

    .vi-32.i-pos-bc::before {
        margin-left: -16px;
    }

.vi-34::before {
    font-size: 34px;
}

.vi-34.with-label {
    line-height: 34px;
}

.vi-34.i-pos-lc {
    padding-left: 42px;
}

    .vi-34.i-pos-lc::before {
        margin-top: -17px;
    }

.vi-34.i-pos-tc {
    padding-top: 42px;
}

    .vi-34.i-pos-tc::before {
        margin-left: -17px;
    }

.vi-34.i-pos-rc {
    padding-right: 42px;
}

    .vi-34.i-pos-rc::before {
        margin-top: -17px;
    }

.vi-34.i-pos-bc {
    padding-bottom: 42px;
}

    .vi-34.i-pos-bc::before {
        margin-left: -17px;
    }

.vi-36::before {
    font-size: 36px;
}

.vi-36.with-label {
    line-height: 36px;
}

.vi-36.i-pos-lc {
    padding-left: 44px;
}

    .vi-36.i-pos-lc::before {
        margin-top: -18px;
    }

.vi-36.i-pos-tc {
    padding-top: 44px;
}

    .vi-36.i-pos-tc::before {
        margin-left: -18px;
    }

.vi-36.i-pos-rc {
    padding-right: 44px;
}

    .vi-36.i-pos-rc::before {
        margin-top: -18px;
    }

.vi-36.i-pos-bc {
    padding-bottom: 44px;
}

    .vi-36.i-pos-bc::before {
        margin-left: -18px;
    }

.vi-38::before {
    font-size: 38px;
}

.vi-38.with-label {
    line-height: 38px;
}

.vi-38.i-pos-lc {
    padding-left: 46px;
}

    .vi-38.i-pos-lc::before {
        margin-top: -19px;
    }

.vi-38.i-pos-tc {
    padding-top: 46px;
}

    .vi-38.i-pos-tc::before {
        margin-left: -19px;
    }

.vi-38.i-pos-rc {
    padding-right: 46px;
}

    .vi-38.i-pos-rc::before {
        margin-top: -19px;
    }

.vi-38.i-pos-bc {
    padding-bottom: 46px;
}

    .vi-38.i-pos-bc::before {
        margin-left: -19px;
    }

.vi-40::before {
    font-size: 40px;
}

.vi-40.with-label {
    line-height: 40px;
}

.vi-40.i-pos-lc {
    padding-left: 48px;
}

    .vi-40.i-pos-lc::before {
        margin-top: -20px;
    }

.vi-40.i-pos-tc {
    padding-top: 48px;
}

    .vi-40.i-pos-tc::before {
        margin-left: -20px;
    }

.vi-40.i-pos-rc {
    padding-right: 48px;
}

    .vi-40.i-pos-rc::before {
        margin-top: -20px;
    }

.vi-40.i-pos-bc {
    padding-bottom: 48px;
}

    .vi-40.i-pos-bc::before {
        margin-left: -20px;
    }

.vi-download-form:before {
    content: "\E001";
}

.vi-it-declarration:before {
    content: "\E002";
}

.vi-power-outage:before {
    content: "\E003";
}

.vi-register-complaint:before {
    content: "\E004";
}

.vi-service-request:before {
    content: "\E098";
}

.vi-meter-reading:before {
    content: "\E006";
}

.vi-billing-payment:before {
    content: "\E007";
}

.vi-services:before {
    content: "\E008";
}

.vi-new-connection:before {
    content: "\E009";
}

.vi-help-support:before {
    content: "\E010";
}

.vi-payments:before {
    content: "\E011";
}

.vi-ease-business:before {
    content: "\E012";
}

.vi-quick-access:before {
    content: "\E013";
}

.vi-new-division:before {
    content: "\E014";
}

.vi-billing:before {
    content: "\E015";
}

.vi-rooftop-solar:before {
    content: "\E016";
}

.vi-disaster-management:before {
    content: "\E017";
}

.vi-billing-faq:before {
    content: "\E018";
}

.vi-your-bill:before {
    content: "\E019";
}

.vi-ev-charger:before {
    content: "\E020";
}

.vi-owner-transfer:before {
    content: "\E021";
}

.vi-port:before {
    content: "\E022";
}

.vi-electric-connection:before {
    content: "\E023";
}

.vi-current-bill:before {
    content: "\E024";
}

.vi-adani-electricity-news:before {
    content: "\E025";
}

.vi-calculator:before {
    content: "\E026";
}

.vi-calender:before {
    content: "\E027";
}

.vi-changellanguage:before {
    content: "\E028";
}

.vi-computer:before {
    content: "\E029";
}

.vi-contactus:before {
    content: "\E030";
}

.vi-cooling:before {
    content: "\E031";
}

.vi-customer:before {
    content: "\E031";
}

.vi-depositscheme:before {
    content: "\E032";
}

.vi-customercare:before {
    content: "\E033";
}

.vi-customer:before {
    content: "\E034";
}

.vi-distributionarea:before {
    content: "\E035";
}

.vi-electricityduty:before {
    content: "\E036";
}

.vi-electricitytariff:before {
    content: "\E038";
}

.vi-electricsmiles:before {
    content: "\E039";
}

.vi-elektra:before {
    content: "\E040";
}

.vi-energycalculator:before {
    content: "\E041";
}

.vi-emailhelpdesk:before {
    content: "\E042";
}

.vi-energywizard:before {
    content: "\E043";
}

.vi-energy-wizard:before {
    content: "\E044";
}

.vi-no-reading:before {
    content: "\E045";
}

.vi-port:before {
    content: "\E046";
}

.vi-my-profile:before {
    content: "\E047";
}

.vi-washing-machine:before {
    content: "\E049";
}

.vi-payment-center:before {
    content: "\E050";
}

.vi-payment-confirm:before {
    content: "\E051";
}

.vi-register-complaint:before {
    content: "\E052";
}

.vi-power-outage:before {
    content: "\E053";
}

.vi-power-out:before {
    content: "\E054";
}

.vi-products-to-buy:before {
    content: "\E055";
}

.vi-rate-us:before {
    content: "\E056";
}

.vi-perks-load:before {
    content: "\E057";
}

.vi-press-release:before {
    content: "\E058";
}

.vi-simple-save:before {
    content: "\E059";
}

.vi-send-sms:before {
    content: "\E060";
}

.vi-settings:before {
    content: "\E062";
}

.vi-search:before {
    content: "\E063";
}

.vi-energy:before {
    content: "\E064";
}

.vi-entertainment:before {
    content: "\E065";
}

.vi-evcharger:before {
    content: "\E066";
}

.vi-faqs:before {
    content: "\E067";
}

.vi-fitness:before {
    content: "\E068";
}

.vi-genius-pay-center:before {
    content: "\E069";
}

.vi-flourmill:before {
    content: "\E070";
}

.vi-grinder:before {
    content: "\E071";
}

.vi-heat:before {
    content: "\E073";
}

.vi-induction:before {
    content: "\E074";
}

.vi-helpline:before {
    content: "\E075";
}

.vi-information:before {
    content: "\E076";
}

.vi-kitchen:before {
    content: "\E077";
}

.vi-light:before {
    content: "\E078";
}

.vi-missed-call:before {
    content: "\E079";
}

.vi-taxelectricity:before {
    content: "\E080";
}

.vi-left-arrow:before {
    content: "\E081";
}

.vi-link-11:before {
    content: "\E082";
}

.vi-newsletter:before {
    content: "\E083";
}

.vi-offer:before {
    content: "\E084";
}

.vi-oven:before {
    content: "\E085";
}

.vi-location:before {
    content: "\E086";
}

.vi-manage-connections:before {
    content: "\E087";
}

.vi-locations:before {
    content: "\E088";
}

.vi-sustainibility:before {
    content: "\E090";
}

.vi-servingmillion:before {
    content: "\E092";
}

.vi-submit-query:before {
    content: "\E093";
}

.vi-offersbenefits:before {
    content: "\E094";
}

.vi-q_no:before {
    content: "\E095";
}

.vi-submitreading:before {
    content: "\E096";
}

.vi-taxelectricity:before {
    content: "\E097";
}

.vi-tariff-details:before {
    content: "\E098";
}

.vi-whatsapp:before {
    content: "\E099";
}

.vi-update:before {
    content: "\E100";
}

.vi-theft-complaint:before {
    content: "\E101";
}

.vi-cooling:before {
    content: "\E102";
}

.vi-login-white:before {
    content: "\E103";
}

.vi-login-sign-up:before {
    content: "\E104";
}

.vi-corporate-portal:before {
    content: "\E105";
}

.vi-load-change-request:before {
    content: "\E106";
}

.vi-meter-shifting-request:before {
    content: "\E107";
}

.vi-money-saver:before {
    content: "\E108";
}

.vi-my-profile:before {
    content: "\E109";
}

.vi-changename-on-bill:before {
    content: "\E112";
}

.vi-download_bills:before {
    content: "\E113";
}

.vi-e-nach:before {
    content: "\E114";
}

.vi-electricity-consumption:before {
    content: "\E115";
}

.vi-emergency-care:before {
    content: "\E116";
}

.vi-energy-conservation:before {
    content: "\E117";
}

.vi-mobile-based-payment:before {
    content: "\E118";
}

.vi-my-account:before {
    content: "\E119";
}

.vi-safety-for-you:before {
    content: "\E120";
}

.vi-offline-payment:before {
    content: "\E121";
}

.vi-online-payment:before {
    content: "\E122";
}

.vi-pay-security-deposit:before {
    content: "\E123";
}

.vi-change-name-on-the-bill:before {
    content: "\E124";
}

.vi-download-bills:before {
    content: "\E125";
}

.vi-offline-payment:before {
    content: "\E126";
}

.vi-online-payment:before {
    content: "\E127";
}

.vi-pay-security-deposit:before {
    content: "\E128";
}

.vi-pay-vds-amount:before {
    content: "\E129";
}

.vi-payment-history:before {
    content: "\E130";
}

.vi-quick-bill-payment:before {
    content: "\E131";
}

.vi-safety-for-you:before {
    content: "\E132";
}

.vi-send-sms:before {
    content: "\E133";
}

.vi-e-nach-registration:before {
    content: "\E134";
}

.vi-electricity-consumption:before {
    content: "\E135";
}

.vi-emergency-care:before {
    content: "\E136";
}

.vi-energy-conservation:before {
    content: "\E137";
}

.vi-mobile-based-payment:before {
    content: "\E138";
}

.vi-offers-benefits:before {
    content: "\E139";
}

.vi-register-for-paper-less-billing:before {
    content: "\E140";
}

.vi-notification:before {
    content: "\E141";
}

.vi-complaint-redressal-procedure-about-cgrf:before {
    content: "\E142";
}

.vi-check-usage:before {
    content: "\E143";
}

.vi-bill-over-sms:before {
    content: "\E144";
}

.vi-show-password:before {
    content: "\E145";
}

.vi-schedule-of-charges:before {
    content: "\E146";
}

.vi-procedures-for-application:before {
    content: "\E147";
}

.vi-office-locations:before {
    content: "\E148";
}

.vi-meter-distribution-details:before {
    content: "\E149";
}

.vi-hide-password:before {
    content: "\E150";
}

.vi-document-required:before {
    content: "\E151";
}

.vi-clearance-date:before {
    content: "\E152";
}

.vi-working-days:before {
    content: "\E153";
}

.vi-phone-2:before {
    content: "\E154";
}

.vi-working-hours:before {
    content: "\E155";
}

.vi-lunch-time:before {
    content: "\E156";
}

.vi-investers:before {
    content: "\E157";
}

.vi-join-us:before {
    content: "\E158";
}

.vi-maintenance-services:before {
    content: "\E159";
}

.vi-media:before {
    content: "\E160";
}

.vi-open-tendor:before {
    content: "\E161";
}

.vi-power-purchase-tendors:before {
    content: "\E162";
}

.vi-regulatory:before {
    content: "\E163";
}

.vi-smart-clean-appliances:before {
    content: "\E164";
}

.vi-solar-power-systems:before {
    content: "\E165";
}

.vi-tendors:before {
    content: "\E166";
}

.vi-who-we-are:before {
    content: "\E167";
}

.vi-closed-tenders:before {
    content: "\E168";
}

.vi-commitment:before {
    content: "\E169";
}

.vi-corrigendum:before {
    content: "\E170";
}

.vi-home-new:before {
    content: "\E171";
}

.vi-services-new:before {
    content: "\E172";
}

.vi-change-name-request:before {
    content: "\E173";
}

.vi-check-complaint-status:before {
    content: "\E174";
}

.vi-payment-options:before {
    content: "\E175";
}

.vi-quick-pay:before {
    content: "\E176";
}

.vi-search-light:before {
    content: "\E177";
}

.vi-search-2:before {
    content: "\E178";
}

.vi-info-light:before {
    content: "\E179";
}

.vi-info-2:before {
    content: "\E180";
}

.vi-download-cgrf:before {
    content: "\E181";
}

.vi-key:before {
    content: "\E182";
}

.vi-whatsapp-new:before {
    content: "\E183";
}

.vi-complaint-escalation:before {
    content: "\E184";
}

.vi-evcharger:before {
    content: "\E185";
}

body, html {
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body, div, html {
    scroll-behavior: smooth;
}

body {
    webkit-overflow-scrolling: touch;
}

    body .main-header {
        z-index: 8;
    }

.dd-menu-dd h2 {
    padding: 0px 20px;
}

.dd-menu li.login-link .i-arrow-d:before {
    font-size: 20px;
}

body {
    font-family: "Roboto", sans-serif;
    color: #333;
    font-size: 1rem;
    background-color: #fff;
    overflow-x: hidden;
}

.custom-overlay {
    position: relative;
    overflow: hidden;
}

    .custom-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.3);
        pointer-events: none;
    }

.link-btn {
    color: #333 !important;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .link-btn:hover {
        text-decoration: none !important;
    }

.bg-grey {
    background-color: #f4f4f4;
}

.section-y-padding {
    padding-top: 48px;
    padding-bottom: 48px;
}

.process {
    color: #ff962d;
}

.success {
    color: #18aa26;
}

.download {
    color: #0d67ca;
}

.card {
    margin-top: 0;
    margin-bottom: 0;
}

table tr.row {
    margin-bottom: 0px;
}


.validation-star {
    color: #de0808;
    padding-left: 5px;
}

.captcha {
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 15px 20px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.1875rem;
}

.section-container {
    margin-bottom: 50px;
}

.section-spacer {
    margin-bottom: 60px;
}

.section-spacer-medium {
    margin-bottom: 32px;
}

.section-wrapper {
    margin-bottom: 24px;
}

.section-inner-wrapper {
    padding: 16px;
}

.section-spacer-small {
    margin-bottom: 24px !important;
}

.btn-width-auto {
    min-width: auto !important;
}

.btn.secondary-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.btn.btn-tiny, .btn-tiny.btn-large, .btn-tiny.btn-small {
    font-size: 14px;
    line-height: 24px;
    border-radius: 28px;
    padding: 8px 24px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    height: auto;
}

.btn.outlined-black, .outlined-black.btn-large, .outlined-black.btn-small {
    border: solid 1px #333;
    background-color: #fff;
    color: #333;
}

h1, h2 {
    font-family: 'Roboto-Bold';
    color: #333;
}

h1 {
    font-size: 1.75rem;
    margin-bottom: 2rem;
}

h2 {
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.section-header-main h2 span.subcopy {
    display: block;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.43;
    color: #666;
    margin-top: 12px;
}

.section-header, .section-header-main {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

    .section-header.custom-table-title, .section-header-main.custom-table-title {
        margin-bottom: 24px;
    }

        .section-header.custom-table-title h5, .section-header-main.custom-table-title h5 {
            padding-bottom: 0;
            margin-top: 0;
        }

    .section-header a, .section-header-main a {
        color: #333;
        text-decoration: underline;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .section-header a:hover, .section-header-main a:hover {
            text-decoration: none;
        }

    .section-header h1, .section-header-main h1 {
        margin-bottom: 0;
    }

    .section-header h2, .section-header-main h2 {
        font-size: 1.375rem;
        margin-bottom: 0px;
        line-height: normal;
    }

    .section-header h4, .section-header-main h4 {
        font-size: 1.25rem;
    }

    .section-header h5, .section-header-main h5 {
        font-size: 1.25rem;
        margin-top: 20px;
        font-family: 'Roboto-Bold';
    }

        .section-header h5.custom-table-heading, .section-header-main h5.custom-table-heading {
            font-size: 1.25rem;
            padding: 0;
        }

    .section-header p, .section-header-main p {
        font-size: 1rem;
        color: #333;
        margin-top: 12px;
    }

        .section-header p strong, .section-header-main p strong {
            font-family: 'Roboto-Bold';
        }

    .section-header.justify-item, .section-header-main.justify-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .section-header .see-all, .section-header-main .see-all {
        background-color: rgba(13,103,202,0.1);
        font-size: 14px;
        padding: 7px 16px;
        height: auto;
        line-height: 18px;
        color: #0D67CA;
        display: none;
    }

    .section-header aside, .section-header-main aside {
        display: flex;
    }

.warning-info {
    display: flex;
    margin-bottom: .75rem;
    text-align: left;
}

    .warning-info i {
        height: 24px;
        padding: 0;
        margin: 0 12px 0 0 !important;
        line-height: normal;
        vertical-align: top;
    }

        .warning-info i::before {
            font-size: 20px;
        }

    .warning-info label {
        font-size: .875rem;
        color: #666;
        font-family: 'Roboto-Bold';
        text-align: left;
    }

        .warning-info label p {
            font-size: .75rem;
            color: #666666;
        }

    .warning-info p {
        color: #666;
        font-size: .875rem;
    }

        .warning-info p strong {
            font-family: 'Roboto-Bold';
        }

#formDiv span.field-validation-error {
    margin-bottom: 12px;
    display: block;
    margin-top: 10px;
}

.field-validation-error {
    color: #d30a0a !important;
    background-image: url(../../assets/icons/error-icon.svg);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left: 25px;
    font-size: 12px !important;
    display: block;
}

    .field-validation-error.otp-black-text {
        color: #333 !important;
    }

    .field-validation-error#Captchaerror {
        margin-top: 8px;
    }

.hamburger .hamburger_section li a em {
    opacity: 10;
}

.collapsible_link::after {
    opacity: 10;
}

.badge {
    padding: 10px 12px;
    background-color: #e5f4ea;
    color: #177f38;
    border-radius: 0.4rem;
    font-size: .75rem;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .badge i {
        margin-right: .25rem;
    }

        .badge i::before {
            color: #177f38;
        }

    .badge a {
        color: #177f38;
        text-decoration: underline;
    }

.bold {
    font-weight: bold;
}

.daterangepicker .drp-buttons .btn {
    padding: 0 3rem !important;
}

.remove-gradient::after {
    display: none;
}

.field-group {
    display: flex;
    flex-wrap: wrap;
}

.circle-icon {
    border: solid 1px #eee;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin-right: 20px;
    position: relative;
}

    .circle-icon.gradiant-border-medium {
        color: #fff;
        background: #fff;
        background-clip: padding-box;
        border: solid 1px transparent;
    }

        .circle-icon.gradiant-border-medium::before {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 35px;
            -moz-border-radius: 35px;
            border-radius: 35px;
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            margin: -1px;
            border-radius: inherit;
            background: linear-gradient(80deg, #0fb371 -32%, #2073b8 23%, #6b5ca6 45%, #923993 69%, #f05636 109%, #f05636 126%);
        }

    .circle-icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        height: auto;
        width: auto;
        transform: translate(-50%, -50%);
    }

        .circle-icon i::before {
            position: static;
            font-size: 42px;
            height: auto;
            width: auto;
        }

.circle-icon-small {
    border: solid 1px #eee;
    height: 48px;
    width: 48px;
    border-radius: 50px;
    margin-right: 20px;
    position: relative;
}

    .circle-icon-small.gradiant-border-small {
        border: solid 1px #eee;
        color: #fff;
        background: #fff;
        background-clip: padding-box;
        border: solid 1px transparent;
    }

        .circle-icon-small.gradiant-border-small::before {
            width: 48px;
            height: 48px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            border-radius: 24px;
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            margin: -1px;
            border-radius: inherit;
            background: linear-gradient(80deg, #0fb371 -32%, #2073b8 23%, #6b5ca6 45%, #923993 69%, #f05636 109%, #f05636 126%);
        }

    .circle-icon-small i {
        position: absolute;
        top: 50%;
        left: 50%;
        height: auto;
        width: auto;
        transform: translate(-50%, -50%);
    }

        .circle-icon-small i::before {
            position: static;
            font-size: 30px;
            height: auto;
            width: auto;
        }

        .circle-icon-small i.vi-whatsapp-new::before {
            font-size: 22px;
        }

@media only screen and (min-width: 80px) {
    .container {
        padding: 0 1rem;
        width: 100%;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.payment-redirect {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 28px;
    line-height: 1.5;
    color: #333;
    width: 100%;
    padding: 0 10px;
}

    .payment-redirect img {
        margin-bottom: 25px;
    }

@media screen and (max-width: 600px) {
    .btn-m-full {
        width: 100%;
    }

    .payment-redirect {
        font-size: 20px;
    }
}

body #frmPaymentVDS .text_format li {
    color: #222;
}

body #frmPaymentVDS .message.warning {
    flex-wrap: wrap;
}

    body #frmPaymentVDS .message.warning strong {
        font-family: 'Roboto-Medium';
        font-weight: normal;
        font-size: 14px;
        display: block;
        color: #222;
    }

    body #frmPaymentVDS .message.warning label {
        width: 100%;
        margin-left: 34px;
        font-weight: 400;
        font-family: 'ROBOTO';
        font-size: 12px;
    }

.vds-benefits {
    margin-bottom: 80px;
}

    .vds-benefits .collapsible-body {
        border-bottom: none;
    }

#frmeNachRegistration .submit-new-request .content-area p u {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

#sampleBillModal .modal-content {
    padding-top: 0;
}

    #sampleBillModal .modal-content header {
        position: sticky;
        top: 0;
        background: #fff;
        padding-top: 20px;
        flex-direction: column;
    }

        #sampleBillModal .modal-content header i {
            position: relative;
            top: -8px;
        }

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.user-initial {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #0D67CA;
    background-color: #F3F7FC;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Roboto-Bold';
}

    .user-initial ~ img {
        display: none !important;
    }

.ownership-transfer .otp-wrapper {
    margin-top: 32px;
}

    .ownership-transfer .otp-wrapper p {
        margin-bottom: 24px;
        font-size: 14px;
    }

.custom_accrdion .collapsible-body a:not(.btn-small):not(.btn-flat):not(.btn) {
    color: #333;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .custom_accrdion .collapsible-body a:not(.btn-small):not(.btn-flat):not(.btn):hover {
        text-decoration: none;
    }

.hide {
    display: none;
}

.showCAmsg {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.67;
    color: #666;
    margin-top: 8px;
}

p#otpsendmsg {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.67;
    color: #666;
    margin-top: 8px;
}

.mob-select-wrp select.browser-default {
    padding-right: 56px;
    color: #000;
}

.datepicker-modal + .input-icon {
    pointer-events: none;
}

.vcc-new {
    background-image: linear-gradient(117deg, #ff5474 15%, #d61329 90%);
    color: white;
    border: white 1px solid;
    border-radius: 12px;
    height: 16px;
    width: 36px;
    text-align: center;
    margin-left: 12px;
    line-height: 14px;
    font-size: 10px;
    position: absolute;
    top: -9px;
    right: -10px;
    z-index: 1;
}

.nav-list li#vcc-header i.header-tel-icon svg {
    width: 15px;
    margin-right: 5px;
}

#vcc-header a {
    color: #fff;
    background: rgba(255,255,255,0.1);
}

.main-header.not-floating #vcc-header a {
    background-color: rgba(0,0,0,0.05);
    color: #222222;
}

#slide-out #footer-logo {
    width: 100%;
    background-color: #f7f7f7;
    padding: 0.5rem 1.5rem;
}

.hamburger .hamburger_section.tollfree {
    padding: 10px 0;
}

    .hamburger .hamburger_section.tollfree li a {
        padding: 10px 24px;
    }

        .hamburger .hamburger_section.tollfree li a i {
            line-height: 1;
            height: auto;
            color: inherit;
            margin-right: 17px;
        }

body[style="overflow:hidden"] .haptik-xdk {
    z-index: 9998;
}

body .bot-prompt-minimal-cross-icon {
    padding: 6px 8px;
    top: -2px;
}

#VPSubmissionDetails.card-with-form {
    padding-bottom: 8px;
}

    #VPSubmissionDetails.card-with-form .btn-group {
        flex-direction: row;
    }

        #VPSubmissionDetails.card-with-form .btn-group a, #VPSubmissionDetails.card-with-form .btn-group button {
            width: auto;
            margin-left: 15px;
        }

            #VPSubmissionDetails.card-with-form .btn-group a + .btn, #VPSubmissionDetails.card-with-form .btn-group button + .btn {
                margin-bottom: 0;
            }

.aemladminlogin {
    background-color: transparent;
    text-decoration: underline;
    -webkit-appearance: none;
    color: inherit;
    cursor: pointer;
}

    .aemladminlogin:hover {
        text-decoration: none;
    }

@media (max-width: 767px) {
    #CNBLanding .card.brand-gradient {
        margin-bottom: 20px;
    }
}

.btn-block {
    width: 100%;
}

.text-indent {
    margin-left: 26px;
}

body .lower-alpha li {
    list-style: lower-alpha !important;
}

body .lower-roman li {
    list-style: lower-roman !important;
}

body .disc li {
    list-style: disc !important;
}

.privacy-policy li.decimal {
    margin-top: 30px;
    margin-left: 20px;
}

    .privacy-policy li.decimal::marker {
        font-size: 2rem;
        font-family: 'Roboto-bold';
        font-size: 20px;
    }

.int-bill-transfer {
    min-height: 224px;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    padding: 40px;
    color: #fff;
    margin-bottom: 40px;
}

    .int-bill-transfer h3 {
        font-size: 24px;
        font-family: 'Roboto-Bold';
        line-height: 32px;
        padding-bottom: 6px;
    }

    .int-bill-transfer p {
        max-width: 360px;
    }

    .int-bill-transfer .button-section {
        margin-top: 30px;
    }

        .int-bill-transfer .button-section .btn {
            background: transparent;
            border: 1px solid #fff;
            padding: 9px 27px;
            height: auto;
            font-size: 14px;
            line-height: 20px;
            border-radius: 26px;
        }

            .int-bill-transfer .button-section .btn + .btn {
                margin-left: 10px;
            }

.int-bill-tabber h4 {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    line-height: 28px;
    margin-bottom: 36px;
}

.bill-tab-head .tabs .tab a {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-overflow: initial;
}

    .bill-tab-head .tabs .tab a.active, .bill-tab-head .tabs .tab a:hover {
        font-family: 'Roboto-Medium';
        color: #333;
    }

.bill-tab-head .tabs .indicator {
    background-color: #555555;
}

.bill-tab-head .tabs {
    border-color: #dedede;
    margin-bottom: 32px;
}

.bill-tab-desc figure {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin: 0 24px 0 0;
    padding: 14px;
    border-radius: 88px;
    background-color: #f3f7fc;
}

.bill-tab-desc aside h5 {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto-Bold';
    margin-bottom: 12px;
}

.bill-tab-desc figure img {
    width: 100%;
    max-width: 100%;
}

.bill-tab-desc .item {
    display: flex;
}

    .bill-tab-desc .item + .item {
        margin-top: 32px;
    }

.bill-tab-desc aside ol {
    padding-left: 24px;
}

    .bill-tab-desc aside ol li + li {
        padding-top: 7px;
    }

.bill-tab-desc aside a {
    font-family: 'Roboto-Bold';
    display: inline-block;
    color: #333;
    text-decoration: underline;
}

    .bill-tab-desc aside a:hover {
        text-decoration: none;
    }

.bill-tab-content .note {
    margin-top: 32px;
}

.ownership-footer-bar {
    border-top: 1px solid #cfd4dc;
    padding: 16px 0;
    text-align: right;
    margin-top: 100px;
}

    .ownership-footer-bar .btn {
        font-family: 'Roboto-Medium';
        height: auto;
        padding: 14px 10px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 28px;
        display: inline-block;
        font-weight: normal;
    }

        .ownership-footer-bar .btn.btn-primary {
            width: 200px;
            margin-left: 24px;
        }

    .ownership-footer-bar .btn-outline {
        width: 140px;
        border: 1px solid #333;
        background: transparent;
        color: #333;
    }

        .ownership-footer-bar .btn-outline:hover {
            border-color: transparent;
            background: #333;
            color: #fff;
        }

.docs-select-wrap {
    display: flex;
    margin: 0 -12px;
    margin-top: 32px;
    margin-bottom: 40px;
}

    .docs-select-wrap .input-field {
        margin: 0;
        width: 50%;
        padding: 0 12px;
    }

    .docs-select-wrap input.select-dropdown {
        margin-bottom: 0;
    }

    .docs-select-wrap .input-field.custom > label {
        left: auto;
    }

.docs-req-section .ownerSelectedData:not(.active) {
    display: none;
}

.docs-req-section > h3, .docs-req-section .ownerSelectedData h3 {
    font-family: 'Roboto-Bold';
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
}

.docs-req-section .docs-item {
    border-radius: 12px;
    border: solid 1px #eaeaea;
    background-color: rgba(255,255,255,0.5);
    overflow: hidden;
}

    .docs-req-section .docs-item + .docs-item {
        margin-top: 24px;
    }

    .docs-req-section .docs-item h3 {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .docs-req-section .docs-item .docs-heading {
        border-bottom: solid 1px #eaeaea;
        background-color: rgba(234,234,234,0.2);
        padding: 16px 24px;
    }

    .docs-req-section .docs-item .docs-desc {
        padding: 24px;
    }

        .docs-req-section .docs-item .docs-desc ul {
            counter-reset: list;
        }

        .docs-req-section .docs-item .docs-desc li {
            position: relative;
            padding-left: 22px;
        }

            .docs-req-section .docs-item .docs-desc li + li {
                margin-top: 16px;
            }

            .docs-req-section .docs-item .docs-desc li::before {
                content: counter(list, upper-alpha) ") ";
                counter-increment: list;
                position: absolute;
                left: 0;
                font-family: 'Roboto-Medium';
            }

.test-case3 ul {
    list-style-type: disc;
    padding-left: 17px;
    margin-top: 16px;
    margin-bottom: 32px;
}

    .test-case3 ul li {
        list-style-type: inherit;
    }

.test-case3 a {
    font-family: 'Roboto-Medium';
    color: #333;
    text-decoration: underline;
}

.test-case3 strong {
    font-family: 'Roboto-Medium';
}

.test-case3 li + li {
    margin-top: 16px;
}

.test-case3 ol {
    padding-left: 17px;
    margin-top: 28px;
}

.test-case3 h3 {
    font-family: 'Roboto-Bold';
    font-size: 20px;
    line-height: 24px;
}

.bill-tab-wrap .select-dropdown.dropdown-content {
    top: 69px !important;
}

.docs-select-wrap .select-sec2 {
    display: none;
}

.ow-bg {
    display: none;
}

.cm_regulatory_wrap {
    flex-direction: initial;
    align-items: center;
    justify-content: space-between;
}

    .cm_regulatory_wrap .input-field {
        margin: 0;
    }

    .cm_regulatory_wrap .select-wrapper input.select-dropdown {
        margin: 0;
        border-radius: 24px;
        height: 48px;
        border-color: #dedede;
        padding-top: 10px;
        font-family: 'Roboto-Medium';
    }

    .cm_regulatory_wrap .input-field.custom > label {
        display: none;
    }

    .cm_regulatory_wrap .select-dropdown.dropdown-content {
        top: 50px !important;
    }

.custom_regulatory_page .discover .tabs.cm_discover_tab {
    margin-bottom: 32px;
}

.custom_regulatory_page .discover .tabs.regulatory-button-section {
    margin: 0;
    border: 0;
    height: auto;
    margin-bottom: 30px;
}

.custom_regulatory_page .regulatory-button-section .btn {
    padding: 12px 24px;
    border-radius: 30px;
    background-color: #f1f6fc;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    height: auto;
    text-overflow: initial;
    overflow: initial;
    display: inline-block;
    font-family: 'Roboto';
    font-weight: normal;
}

    .custom_regulatory_page .regulatory-button-section .btn.active, .custom_regulatory_page .regulatory-button-section .btn:hover {
        background-color: #333;
        color: #fff;
    }

.custom_regulatory_page .regulatory-button-section .indicator {
    display: none;
}

.custom_regulatory_page .discover .tabs.regulatory-button-section .tab {
    height: auto;
}

.custom_regulatory_page .regulatory-button-section li {
    margin-left: 20px;
}

    .custom_regulatory_page .regulatory-button-section li:first-child {
        margin-left: 0;
    }

.pdf-links-reg li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto-Medium';
}

    .pdf-links-reg li span:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='30' viewBox='0 0 26 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.18197 0.166748C2.72173 0.166748 2.34863 0.539844 2.34863 1.00008V29.0001C2.34863 29.4603 2.72173 29.8334 3.18197 29.8334H24.5861C25.0463 29.8334 25.4194 29.4603 25.4194 29.0001V6.37735C25.4194 6.15634 25.3316 5.94438 25.1753 5.7881L19.798 0.410826C19.6418 0.254545 19.4298 0.166748 19.2088 0.166748H19.2069H3.18197ZM18.3735 1.83341H4.0153V28.1667H23.7527V7.21069H19.2069C18.7466 7.21069 18.3735 6.83759 18.3735 6.37735V1.83341ZM22.5742 5.54402H20.0402V3.01001L22.5742 5.54402Z' fill='%23333333'/%3E%3Cpath d='M0 16.9092H15.6189C15.6908 16.9092 15.7602 16.9378 15.8111 16.9881C15.862 17.039 15.8906 17.1071 15.8906 17.179V24.1739C15.8909 24.2834 15.8243 24.382 15.7226 24.4227C15.6895 24.4362 15.6541 24.4431 15.6183 24.4431H0V16.9092Z' fill='%23666666'/%3E%3Cpath d='M0 24.4438L2.71982 27.3393V24.4438H0Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.63463 18.8928V22.4628H7.82081C8.39227 22.4628 8.83136 22.2923 9.13872 21.9525C9.44545 21.612 9.59945 21.1888 9.59945 20.6829C9.59945 20.1789 9.45181 19.7551 9.15399 19.4102C8.85618 19.0646 8.46099 18.8928 7.96781 18.8928H6.63463ZM4.05642 22.4629H3.40479V18.8929H4.88433C5.30624 18.8929 5.61933 18.9979 5.82297 19.2086C6.02047 19.4058 6.13052 19.674 6.12842 19.9531C6.13876 20.2529 6.01683 20.5422 5.79497 20.7441C5.56588 20.9497 5.26488 21.0585 4.9556 21.047H4.05642V22.4629ZM4.0563 20.4951H4.8263C5.02676 20.4951 5.18139 20.4454 5.28767 20.3481C5.39447 20.2468 5.45225 20.1044 5.44612 19.9573C5.44828 19.8174 5.39524 19.6823 5.29849 19.5813C5.20176 19.4763 5.02421 19.4234 4.76521 19.4234H4.0563V20.4951ZM7.30095 21.9359H7.84313C8.12541 21.9394 8.39551 21.8211 8.58449 21.6114C8.78749 21.395 8.88867 21.0737 8.88931 20.646C8.89904 20.3295 8.8052 20.0185 8.62204 19.7602C8.46477 19.5277 8.20012 19.3911 7.91949 19.3975H7.30031V21.9366L7.30095 21.9359ZM10.2058 22.4628H10.8721V20.9553H12.1429V20.4188H10.8721V19.4452H12.4904V18.8928H10.2058V22.4628Z' fill='white'/%3E%3C/svg%3E");
        width: 22px;
        height: 28px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 16px;
    }

    .pdf-links-reg li span {
        display: flex;
        align-items: center;
    }

    .pdf-links-reg li + li {
        margin-top: 32px;
    }

.corporate_about .tabs .indicator {
    margin: 0;
}

.corporate_about .tabs a {
    display: inline-block;
}

.corporate_about .tabs .tab {
    height: auto;
}

.corporate_about .tabs {
    height: auto;
}

.corporate_about p {
    color: #666;
}

.dd-menu .dd-menu-dd li.login > button {
    width: 50% !important;
    display: block !important;
}

.dd-menu .dd-menu-dd li.login {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
}

.no-link {
    pointer-events: none;
}

.backSoonWrap {
    max-width: 1000px;
    margin: 40px auto;
    text-align: center;
}

    .backSoonWrap .contentWrap {
        max-width: 500px;
        margin: 50px auto;
        text-align: center;
    }

    .backSoonWrap .logoWrap {
        text-align: center;
    }

    .backSoonWrap .backSoonImageWrap img {
        height: 260px;
        margin-left: 40px;
    }

    .backSoonWrap .backSoonText {
        font-weight: bold;
        font-size: 32px;
        margin: 10px 0px 12px;
    }

    .backSoonWrap .sorryText {
        font-size: 18px;
        line-height: 28px;
    }

.notFoundWrap {
    max-width: 1000px;
    margin: auto;
}

    .notFoundWrap .contentWrap {
        max-width: 500px;
        margin: 40px auto;
        text-align: center;
    }

    .notFoundWrap .notFoundImageWrap Img {
        width: 340px;
        height: 270px;
    }

    .notFoundWrap .pageText {
        font-weight: bold;
        font-size: 32px;
        margin: 10px 0px 12px;
    }

    .notFoundWrap .infoText {
        font-size: 18px;
        line-height: 28px;
    }

    .notFoundWrap .backButton {
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }

        .notFoundWrap .backButton a {
            display: inline-block;
            padding: 13px;
            background: blue;
            display: flex;
            flex-direction: column;
            width: 217px;
            border-radius: 25px;
            color: white;
            text-decoration: underline;
            cursor: pointer;
        }

            .notFoundWrap .backButton a:hover {
                text-decoration: none;
            }

.serverErrorWrap {
    max-width: 1000px;
    margin: auto;
}

    .serverErrorWrap .contentWrap {
        max-width: 500px;
        margin: 40px auto;
        text-align: center;
    }

    .serverErrorWrap .serverImageWrap Img {
        width: 270px;
        height: 270px;
    }

    .serverErrorWrap .serverText {
        font-weight: bold;
        font-size: 32px;
        margin: 10px 0px 12px;
    }

    .serverErrorWrap .pleaseText {
        font-size: 18px;
        line-height: 28px;
    }

.maintenanceWrap .modal {
    max-width: 780px;
    max-height: 472px;
}

    .maintenanceWrap .modal h2 {
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 32px;
    }

    .maintenanceWrap .modal .modal-content {
        padding: 40px;
    }

.maintenanceWrap .imgWrap img {
    height: 120px;
}

.maintenanceWrap .adaniSign {
    margin-top: 0px;
}

.maintenanceWrap .modal-content p {
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 14px;
}

.maintenanceWrap .modal-content .sincerelyText {
    margin-bottom: 0px;
}

.sideOtherInformation .tabsName {
    height: 60px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}

    .sideOtherInformation .tabsName button {
        background: none;
        height: 60px;
        padding: 10px;
    }

    .sideOtherInformation .tabsName .tabdesign {
        font-weight: bold;
        border-bottom: 3px solid #333;
    }

.sideOtherInformation .tabContent {
    display: none;
}

.sideOtherInformation .centerHeading h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 32px 0 8px 0;
}

.sideOtherInformation .centerHeading p {
    margin-bottom: 32px;
    font-size: 14px;
}

.sideOtherInformation .geniusPayListBlock ul {
    margin-top: 12px;
    padding-left: 15px;
}

    .sideOtherInformation .geniusPayListBlock ul li {
        margin-top: 12px;
        list-style-type: disc;
        font-size: 14px;
    }

.advance_payment_container .information-section .benefit-head {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.advance_payment_container .ca-number_input_box {
    display: flex;
    gap: 10px;
}

    .advance_payment_container .ca-number_input_box .form-field {
        flex-basis: 74%;
    }

    .advance_payment_container .ca-number_input_box .input-field {
        margin-bottom: 0;
    }

.advance_payment_container .field-validation-error {
    margin-top: 10px;
    background-size: 12px;
    padding-left: 20px;
}

.advance_payment_container .captchaBox {
    margin-top: 15px;
}

.advance_payment_container .input-has-icon {
    margin-bottom: 10px !important;
}

.advance_payment_container .info_msg {
    color: #999999;
    margin-bottom: 30px;
}

.advance_payment_container .txt-adPay {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.advance_payment_container .bill-detail-header {
    padding: 15px;
}

    .advance_payment_container .bill-detail-header table tr {
        border-bottom: none;
    }

    .advance_payment_container .bill-detail-header table th {
        padding: 10px 9px;
        width: 50%;
    }

    .advance_payment_container .bill-detail-header table td {
        padding: 10px 9px;
    }

.advance_payment_container .opens {
    transform: translateX(0%);
}

.advance_payment_container .application_Form {
    position: relative;
    border: 1px solid #EAEAEA;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    padding: 20px;
}

    .advance_payment_container .application_Form .input_box_container {
        display: grid;
        margin-top: 20px;
        column-gap: 30px;
        grid-template-columns: auto auto;
    }

    .advance_payment_container .application_Form .ameldisabled .input-icon {
        display: none;
    }

    .advance_payment_container .application_Form .average-amnt_Box {
        height: 70px;
        padding: 24px;
        background-color: #FBFBFB;
        border-radius: 8px;
    }

    .advance_payment_container .application_Form .rupee-sign-Box {
        display: inline;
        border: 1px solid #000000;
        padding: 0px 5px;
        border-radius: 50%;
    }

    .advance_payment_container .application_Form .table_wrap {
        display: none;
    }

        .advance_payment_container .application_Form .table_wrap .table_contex_wrap {
            text-align: left;
            margin-bottom: 20px;
        }

        .advance_payment_container .application_Form .table_wrap .tab_contx_head {
            font-weight: bold;
            margin-bottom: 12px;
        }

.advance_payment_container .sideHeightWrap {
    overflow-y: scroll;
    max-height: calc(100vh - 160px);
}

.advance_payment_container .word_line {
    margin: 0px 0px 60px 0px;
    background: linear-gradient(to right, #1b86a2 0%, #2073b8 22%, #6b5ca6 41%, #923993 70%, #cd4b59 93%, #f05636 100%) left bottom #fff no-repeat;
    height: 5px;
    border-radius: 0 0 10px 10px;
}

.advance_payment_container .note_para {
    padding: 20px;
    background-color: #FFF4E1;
    margin: 60px 0;
    display: flex;
    font-size: 14px;
}

    .advance_payment_container .note_para .i-Button {
        border: 1.5px solid #000000;
        border-radius: 50%;
        margin-right: 10px;
        padding: 0px 7px;
        font-size: 12px;
        font-weight: bold;
        height: 20px;
        margin-top: 2px;
    }

    .advance_payment_container .note_para .note_text {
        font-weight: bold;
    }

.advance_payment_container .seep-detail-popup {
    padding: 20px;
    overflow-y: scroll;
}

    .advance_payment_container .seep-detail-popup .side-wrapper {
        position: relative;
        height: 100vh;
    }

    .advance_payment_container .seep-detail-popup h3 {
        line-height: 40px;
        margin: 20px 0px 0 0;
        font-size: 28px;
        font-weight: bold;
    }

    .advance_payment_container .seep-detail-popup ul {
        padding-left: 20px;
        overflow-y: scroll;
    }

        .advance_payment_container .seep-detail-popup ul li {
            list-style-type: disc;
            line-height: 22px;
            font-size: 14px;
        }

    .advance_payment_container .seep-detail-popup .note_para {
        margin: 24px 0;
    }

    .advance_payment_container .seep-detail-popup .button-block {
        background-color: #FFFFFF;
        border-top: 1px solid #999999;
        position: absolute;
        padding: 20px;
        width: 90%;
        bottom: 4%;
        left: 0px;
        display: flex;
        justify-content: space-around;
        gap: 5%;
    }

        .advance_payment_container .seep-detail-popup .button-block button {
            flex-basis: 40%;
        }

        .advance_payment_container .seep-detail-popup .button-block .cancel_btn {
            background-color: #fff;
            color: #000000;
            border: 1px solid #000000;
        }

.advance_payment_container .proceed_button {
    height: 50px;
    padding: 10px;
    width: 200px;
    border-radius: 40px;
    color: #fff;
    background-color: #0d67ca;
    cursor: pointer;
}

.advance_payment_container .proceed-btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0px;
}

.backSoonWrap {
    max-width: 1000px;
    margin: auto;
}

    .backSoonWrap .contentWrap {
        height: 600px;
        width: 500px;
        margin: auto;
        text-align: center;
    }

    .backSoonWrap .backSoonImageWrap {
        width: 380px;
        height: 260px;
    }

    .backSoonWrap .backSoonText {
        font-weight: bold;
        font-size: 32px;
    }

    .backSoonWrap .sorryText {
        font-size: 18px;
        line-height: 28px;
    }

@media screen and (min-width: 992px) {
    .warning-info label {
        font-size: 14px;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        padding-bottom: 8px;
    }

        .warning-info label p {
            color: #666;
            font-size: .75rem;
            font-weight: normal;
            font-family: roboto;
            line-height: 18px;
        }

    .btn-width-auto {
        width: auto !important;
    }

    body .header-shimmer {
        margin-bottom: 60px;
        position: relative;
    }

    body[data-page="home"] .header-shimmer {
        margin-bottom: 0;
        position: absolute;
    }

    .section-y-padding {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    /*.section-container {
        margin-bottom: 5rem;
    }*/

    .remove-gradient::after {
        display: block;
    }

    .section-wrapper {
        margin-bottom: 40px;
    }

    .section-inner-wrapper {
        padding: 32px;
    }

    h1 {
        font-size: 2rem;
    }

    .section-header-main {
        margin-bottom: 2rem;
    }

        .section-header-main h2 {
            font-size: 1.75rem;
        }

    .section-header {
        margin-bottom: 2rem;
    }

        .section-header h1 {
            font-size: 2rem;
        }

        .section-header h2 {
            font-size: 2rem;
        }

        .section-header h3, .section-header h4 {
            font-size: 1.75rem;
        }

        .section-header h4 {
            font-size: 1.25rem;
        }

        .section-header h5 {
            font-size: 16px;
            font-weight: normal;
            padding: 0 0 20px 0;
        }

            .section-header h5.pad {
                padding-bottom: 20px;
            }
}

@media screen and (max-width: 991px) {
    .flex-column-reverse-mob {
        display: flex;
        flex-direction: column-reverse;
    }

    ul.tabs {
        scroll-behavior: smooth;
    }

    .field-group.radio-stack-mob .radio-field {
        width: 100%;
    }

    .field-group.radio-fifty-mob-group .radio-field {
        width: calc(50% - 16px);
    }

        .field-group.radio-fifty-mob-group .radio-field:nth-child(even) {
            margin-right: 0;
        }

    .card.border-none-mobile {
        border: none;
        padding: 0;
    }

        .card.border-none-mobile.brand-gradient::after {
            opacity: 0;
        }

        .card.border-none-mobile.brand-gradient {
            overflow: visible;
        }

    body .header-shimmer {
        margin-bottom: 1.5rem;
        position: relative;
    }

    body[data-page="home"] .header-shimmer {
        margin-bottom: 0;
    }

    .download-form ul {
        counter-reset: form-counter;
    }

        .download-form ul li {
            position: relative;
            counter-increment: form-counter;
            padding-left: 35px;
        }

            .download-form ul li::before {
                content: counter(form-counter);
                margin-right: 0.5rem;
                font-family: 'Roboto-Medium';
                font-weight: normal;
                position: absolute;
                left: 0;
                top: 24px;
                z-index: 9;
                background: #ccc;
                border-radius: 50%;
                width: 22px;
                height: 22px;
                line-height: 22px;
                text-align: center;
                font-size: 12px;
            }

            .download-form ul li div.pb-1 {
                margin-bottom: 5px;
            }

    .advance_payment_container .seep-detail-popup {
        transform: none !important;
        max-width: 100%;
        width: 100%;
        height: 98%;
        bottom: -200%;
        top: auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        padding: 32px 16px 52px;
    }

        .advance_payment_container .seep-detail-popup.open {
            bottom: 0;
            opacity: 1;
            visibility: visible;
        }

        .advance_payment_container .seep-detail-popup .sidenav-close {
            padding: 0;
            margin-bottom: 12px;
        }

        .advance_payment_container .seep-detail-popup h3 {
            font-size: 22px;
            line-height: normal;
        }

    .advance_payment_container .agree_btn {
        position: relative;
        left: -10px;
    }
}

@media (max-width: 767px) {
    .cmOwnershipTransfer {
        font-size: 14px;
        line-height: 20px;
    }

        .cmOwnershipTransfer .section-header h1 {
            line-height: 42px;
        }

        .cmOwnershipTransfer .section-header p {
            font-size: 14px;
        }

    .int-bill-transfer {
        min-height: 420px;
        text-align: center;
        margin-bottom: 48px;
        background: none !important;
        position: relative;
    }

        .int-bill-transfer h3 {
            font-size: 22px;
            padding-bottom: 10px;
        }

        .int-bill-transfer .button-section .btn {
            padding: 9px 17px;
        }

    .int-bill-tabber h4 {
        margin-bottom: 20px;
    }

    .bill-tab-head .tabs .tab {
        width: 60%;
        float: none;
    }

    .ow-bg {
        display: block;
    }

    .int-bill-transfer .ow-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        z-index: -1;
    }

    .bill-tab-desc figure {
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 8px;
        margin-right: 12px;
    }

    .bill-tab-desc .item + .item {
        margin-top: 24px;
    }

    .bill-tab-content .note {
        font-size: 16px;
        line-height: 24px;
        margin-top: 24px;
    }

    .ownership-footer-bar {
        text-align: center;
        margin-top: 60px;
    }

        .ownership-footer-bar .btn {
            width: 44% !important;
            height: 54px;
            margin: 0 8px !important;
        }

    .docs-req-section > p {
        font-size: 16px;
        line-height: 24px;
    }

    .docs-select-wrap {
        display: block;
        margin: 20px 0 48px;
    }

        .docs-select-wrap .input-field {
            width: 100%;
            padding: 0;
        }

            .docs-select-wrap .input-field + .input-field {
                margin-top: 20px;
            }

    .mob-select-wrp select.browser-default {
        font-size: 16px;
    }

    .docs-req-section > h3 {
        font-size: 18px;
        margin-bottom: 21px;
    }

    .docs-req-section .docs-item .docs-desc {
        padding: 20px;
    }

    .test-case3 {
        font-size: 16px;
        line-height: 24px;
    }

        .test-case3 ol {
            margin-top: 20px;
        }

        .test-case3 ul {
            margin-bottom: 48px;
        }

    .cm_regulatory_wrap {
        display: block;
    }

        .cm_regulatory_wrap h2 {
            margin-bottom: 15px;
        }

        .cm_regulatory_wrap select {
            padding-top: 10px;
            border-radius: 24px;
            height: 48px;
        }

    .advance_payment_container .ca-number_input_box {
        flex-wrap: wrap;
    }

        .advance_payment_container .ca-number_input_box .form-field {
            flex-basis: 100%;
        }

        .advance_payment_container .ca-number_input_box button {
            width: 100%;
        }

    .advance_payment_container .application_Form .input_box_container {
        grid-template-columns: auto;
    }

    .advance_payment_container .application_Form .average-amnt_Box {
        padding: 10px 15px;
        height: unset;
    }

    .advance_payment_container .application_Form .bill-detail-header table {
        display: none;
    }

    .advance_payment_container .application_Form .table_wrap {
        display: block;
    }

    .advance_payment_container .seep-detail-popup {
        width: 100%;
        overflow-y: hidden;
    }

        .advance_payment_container .seep-detail-popup h3 {
            margin-top: 20px;
        }

        .advance_payment_container .seep-detail-popup .button-block {
            bottom: 4%;
            gap: 0%;
            padding: 20px 20px 20px 0;
        }

            .advance_payment_container .seep-detail-popup .button-block button {
                padding: 0 10px;
            }

            .advance_payment_container .seep-detail-popup .button-block .cancel_btn, .advance_payment_container .seep-detail-popup .button-block .agree_btn {
                position: relative;
                left: -15px;
            }

    .advance_payment_container .txt-adPay {
        margin-top: 20px;
    }

    .advance_payment_container .proceed-btn-wrap button {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .homeFirstCard .card-content {
        padding: 0px !important;
    }

        .homeFirstCard .card-content .background-img {
            width: 100% !important;
            height: 220px;
            padding: 0% !important;
            display: block !important;
            border-radius: 20px;
        }

        .homeFirstCard .card-content a {
            width: 70% !important;
            padding: 10px 20px;
            position: absolute;
        }

        .homeFirstCard .card-content .tc_homeBanner {
            min-width: 280px;
            display: inline-block;
            height: 30px;
            font-size: 11px;
            margin-top: 5px;
        }

        .homeFirstCard .card-content .hi_text_homeBanner {
            min-width: 220px;
            border: 1px dotted #F47920;
            border-radius: 20px;
            padding: 10px;
            color: #FFFFFF;
            width: 220px;
        }
}

@use 'sass:math';

.display_none {
    display: none;
}

.display_Block {
    display: block;
}

.display_block_impor {
    display: block !important;
}

.display_none_impor {
    display: none !important;
}

.padding_zero {
    padding: 0;
}

.nav_item_header {
    margin-bottom: 8px;
    height: 32px;
    margin-left: 0;
    opacity: 0;
}

.crousel_background_image {
    min-height: 43.75rem;
    max-height: 43.75rem;
    object-fit: fill;
}

.width_135 {
    width: 135px;
}

.width_12P {
    width: 12%;
}

.width_100 {
    width: 100px;
}

.width_270 {
    width: 270px;
}

.width_30 {
    width: 30%;
}

.width_35 {
    width: 35%;
}

.width_15 {
    width: 15%;
}

.width_25 {
    width: 25%;
}

.width_5 {
    width: 5%;
}

.width_55 {
    width: 55%;
}

.width_33 {
    width: 33.33%;
}

.width_36P {
    width: 36%;
}

.width_11 {
    width: 11.11%;
}

.margin_left_45 {
    margin-left: 45px;
}

.padding_top_0 {
    padding-top: 0;
}

.mix_blend_mode_multiply {
    mix-blend-mode: multiply;
}

.font-size_12px {
    font-size: 12px;
}

.color_fff {
    color: #fff;
}

.margin-top_2 {
    margin-top: -2rem;
}

.background_color_dddbdb {
    background-color: #dddbdb;
}

.text_transform_initial {
    text-transform: initial;
}

.margin_top_2rem_imp {
    margin-top: 2rem !important;
}

.width_20 {
    width: 20%;
}

.width_50 {
    width: 50%;
}

.width_24P {
    width: 24%;
}

.width_166 {
    width: 166px;
}

.min_width_1000Px {
    min-width: 1000px;
}

.width_28 {
    width: 28%;
}

.width_18 {
    width: 18%;
}

.min_width_800px {
    min-width: 800px;
}

.width_80 {
    width: 80%;
}

.padd_bot0 {
    padding-bottom: 0px;
}

.font_16 {
    font-size: 16px;
    font-family: "Roboto-bold";
}

.footer_common_css {
    font-size: 14px;
    text-align: right;
    opacity: 0.5;
}

.font_weight_500 {
    font-weight: 500;
}

.height_40px {
    height: 40px;
}

.margin_top30 {
    margin-top: 30px;
}

.list_style_type_circle {
    list-style-type: circle;
}

.font_14 {
    font-size: 14px;
}

.color_yellow {
    color: yellow;
}

.lst_style_none {
    list-style: none;
}

.color_red {
    color: #FF0000;
}

.color_red_impor {
    color: #FF0000 !important;
}

.color_ff962d {
    color: #ff962d;
}

.color_black {
    color: #333;
}

.color_black_impor {
    color: #333 !important;
}

.color_numOrange {
    color: #f47920;
}

.color_coupnCode {
    color: #ffda00;
}

.font_175 {
    font-size: 1.75rem !important;
}

.font_bold {
    font-weight: bold;
}

.font_size_16px {
    font-size: 16px;
}

.padding_left_26px {
    padding-left: 26px;
}

.cursor_pointer {
    cursor: pointer;
}

.padding_left_10px {
    padding-left: 10px;
}

.width_100_percent {
    width: 100%;
}

.width_45 {
    width: 45%;
}

.pointer_events_none {
    pointer-events: none;
}

.padding_top_100px {
    padding-top: 100px;
}

.list_style_none {
    list-style: none;
}

.display_none_padding {
    display: none;
    padding-right: 17px;
}

.icrsAdmin-max-width {
    max-width: 400px;
}

.icrs_padding_bottom {
    padding-bottom: 10px;
}

.pay_success_details_spacer {
    height: 32px;
    width: 100%;
}

.margin-top_3 {
    margin-top: -3rem;
}

.complaint_home_padding_right {
    padding-right: 17px;
}

.border_top_0 {
    border-top: 0;
}

.margin_top_2rem {
    margin-top: -2rem;
}

.margin_top_3rem {
    margin-top: -3rem;
}

.margin_bottom_0 {
    margin-bottom: 0;
}

.margin_left_0 {
    margin-left: 0;
}

.padding_0rem_1rem_125rem_0rem {
    padding: 0rem 1rem 1.25rem 0rem;
}

.padding_15rem_1rem_125rem_0rem {
    padding: 1.5rem 1rem 1.25rem 0rem;
}

.lst_style_type_none {
    list-style-type: none;
}

.margin_bottom_20px {
    margin-bottom: 20px;
}

.border_radius15 {
    border-radius: 15px;
}

.lst_style_circle {
    list-style: circle;
}

.padding_left_30px {
    padding-left: 30px;
}

.margin_left_1125rem {
    margin-left: 1.125rem;
}

.max_width_100 {
    max-width: 100%;
}

.background_color_c6d9f1 {
    background-color: #c6d9f1;
}

.height_100_percent {
    height: 100px;
}

.border_top_none {
    border-top: none;
}

.margin_bottom_5px {
    margin-bottom: 5px;
}

.width_10 {
    width: 10%;
}

.width_60 {
    width: 60%;
}

.width_440px {
    width: 440px;
}

.width_65 {
    width: 65%;
}

.width_70 {
    width: 70%;
}

.padding_right_17px {
    padding-right: 17px;
}

.text_align_center {
    text-align: center;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.margin_bottom_35px {
    margin-bottom: 35px;
}

.padding_32px {
    padding: 32px;
}

.udPayment_heightWidth {
    height: 21px;
    width: 24px;
}

.homeBannerMobiquickImg {
    width: 135px !important;
}

.homeBannerNPCIImg {
    width: 100px !important;
}

.homeBannerSwitchAdaniImg {
    width: 270px !important;
}

.homeBannerRenewableImg {
    width: 166px !important;
}

.homePageScammerImg {
    width: 200px !important;
}

.greentariffBannerImagesDark {
    background-image: url(../images/green-revolution/hero-image-Dark.png);
}

.greentariffBannerImagesLight {
    background-image: url(../images/green-revolution/hero-image-light.png);
}

.vertical_allign-middle {
    vertical-align: middle;
}

.margin_20px_20px {
    margin: 20px;
}

.marginLeft50px {
    margin-left: 50px;
}

.homeFaqAccordUl {
    padding-left: 30px;
    list-style: circle;
}

.text_align_right {
    text-align: right;
}

.homeFaqAccordUl2 {
    padding-left: 30px;
    list-style: none;
}

.padding_left15 {
    padding-left: 15px;
}

.transformX0 {
    transform: translateX(0%);
}

.color212529 {
    color: #212529;
}

.width200impor {
    width: 200px !important;
}

.width200 {
    width: 200px;
}

.margin_left_40px {
    margin-left: 40px;
}

.width_107px {
    width: 107px;
}

.width_260 {
    width: 260px;
}

.list_style_type_alpha {
    list-style-type: lower-alpha;
}

.textDecUnder {
    text-decoration: underline;
}

.textTransUpper {
    text-transform: uppercase;
}

.corHW4010 {
    height: 40px;
    width: 100%;
}

.overflowYHidden {
    overflow-y: hidden;
}

.edtProfileOtpIssueModal {
    max-width: 828px !important;
}

.roofTopSolarPage .steps-content ul:not(.bullet-list) li:last-of-type {
    padding-bottom: 0 !important;
}

.roofTopSolarPage .steps-content ul:not(.bullet-list) li {
    padding-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .padding_bottom38Impor {
        padding-bottom: 38px !important;
    }

    .margin_left_0imporMob {
        margin-left: 0 !important;
    }

    .loginBillYojnaImgMob {
        height: 220px;
        object-fit: fill;
    }

    .edtProfileOtpIssue .edtProfileOtpIssueModal {
        top: unset !important;
        bottom: 0;
        width: 100%;
    }

        .edtProfileOtpIssue .edtProfileOtpIssueModal .otpInput .otpContainer input {
            min-width: unset;
            height: 30px;
            width: calc( (100%/10) - 75px/5);
        }
}

@media screen and (min-width: 992px) {
    .roofTopSolarPage .section-container {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 3000px) {
    .crousel_background_image {
        object-fit: cover;
    }
}

ul.tabs.hero-tab {
    height: 3.75rem;
    margin-bottom: 2rem;
    margin-top: -18px;
}

    ul.tabs.hero-tab > li.tab {
        width: 50%;
        line-height: 3.75rem;
        height: 3.75rem;
    }

        ul.tabs.hero-tab > li.tab a:not(.active) {
            position: relative;
            z-index: 1;
            background: #fff;
        }

.hero-wrap .carousel-box .card-hero-content .inner-hero-content {
    margin: 50px 0 0 -90px;
    width: 50%;
    max-width: 490px;
}

    .hero-wrap .carousel-box .card-hero-content .inner-hero-content h6, .hero-wrap .carousel-box .card-hero-content .inner-hero-content p {
        max-width: 100%;
    }

.hero-form .form-cols .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hero-form .form-cols .owl-carousel .owl-stage .card {
        height: 100%;
        margin-left: 3px;
    }

    .hero-form .form-cols .owl-carousel .owl-stage .owl-item.active:last-child .bill-details.current-bills {
        width: 110%;
    }

#hero_new_connect {
    display: none;
}

.hero-pay-tab-content:not(.active), .hero-pay-tab-content-mob:not(.active) {
    display: none;
}

ul.tabs.hero-pay-tab {
    display: flex;
    height: 60px;
    margin-top: -18px;
}

    ul.tabs.hero-pay-tab li.tab {
        flex: auto;
        line-height: 60px;
        height: 60px;
    }

        ul.tabs.hero-pay-tab li.tab a:not(.active) {
            position: relative;
            z-index: 1;
            background: #fff;
        }

ul.list-with-icon {
    padding: 20px;
    border-radius: 12px;
    background-color: #f9f9f9;
    margin-bottom: 24px;
}

    ul.list-with-icon li {
        font-size: 14px !important;
        line-height: 1.43 !important;
        color: #222 !important;
        padding-left: 28px;
        position: relative;
        list-style: none !important;
        margin-bottom: 16px !important;
    }

        ul.list-with-icon li:last-child {
            margin-bottom: 0 !important;
        }

        ul.list-with-icon li:before {
            content: "\E011";
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-family: "vfontello";
            font-style: normal;
            font-weight: normal;
            display: inline-block;
            font-size: 20px;
            position: absolute;
            left: 0;
            top: 0px;
            line-height: 1;
        }

.btn.full.btn-add-money {
    color: #fff;
}

.modal-content .hero-pay-tab-mob-wrp {
    position: relative;
}

    .modal-content .hero-pay-tab-mob-wrp:before {
        content: "";
        border: solid 1px #eaeaea;
        position: absolute;
        bottom: -1px;
        left: -20px;
        width: calc(100% + 40px);
        z-index: 1;
    }

.modal-content ul.hero-pay-tab-mob {
    display: flex;
    margin: 0 0 24px 0;
    width: auto;
    padding: 0;
    height: 60px;
    border-color: transparent;
}

    .modal-content ul.hero-pay-tab-mob li.tab {
        width: auto;
        flex-grow: revert;
        text-align: left;
        height: 60px;
        line-height: 60px;
        text-align: center;
    }

        .modal-content ul.hero-pay-tab-mob li.tab a {
            font-size: 16px;
            padding-left: 16px;
            padding-right: 16px;
        }

            .modal-content ul.hero-pay-tab-mob li.tab a:not(.active) {
                position: relative;
                z-index: 1;
                background: #fff;
            }

    .modal-content ul.hero-pay-tab-mob li.indicator {
        margin-bottom: 0;
    }

.hero-new-connect-links {
    padding-top: 4px;
}

    .hero-new-connect-links a {
        display: block;
        padding: 0 14px;
        border-radius: 10px;
        background-color: #0070C3;
        margin-bottom: 12px;
        font-size: 18px;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        line-height: 1.71;
        text-align: center;
        color: #FFFFFF;
        height: 52px;
        line-height: 52px;
        border: 2px solid #B6B6B6;
        /* EV Connection */
    }

        .hero-new-connect-links a:hover {
            background-color: #aac3df;
            color: #333;
        }

        .hero-new-connect-links a:focus {
            color: #333;
            background-color: #edf5ff;
        }

.tooltip-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
}

    .tooltip-wrapper + p {
        display: inline-block;
        vertical-align: middle;
    }

.tooltip-box {
    cursor: pointer;
}

    .tooltip-box:hover .tooltip-content {
        opacity: 1;
    }

    .tooltip-box i {
        line-height: normal;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

        .tooltip-box i img {
            width: 100%;
            max-width: 100%;
            height: 100%;
            display: inline-block;
        }

.current-bill-menu {
    top: 30px !important;
    border-radius: 15px !important;
    border: 1px solid #ccc;
    width: 250px !important;
    left: -220px !important;
    box-shadow: -1px 0px 22px -6px #6b6b6b;
}

    .current-bill-menu li a {
        color: #333333;
    }

.tooltip-content {
    padding: 12px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    border: solid 1px #e8c8c8;
    background-color: #fff4f4;
    width: 180px;
    font-size: .75rem;
    line-height: 1.33;
    color: #222;
    border-radius: 8px;
    position: absolute;
    top: calc(100% + 12px);
    left: -15px;
    cursor: inherit;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 2;
}

    .tooltip-content:before, .tooltip-content:after {
        content: "";
        border: solid 8px transparent;
        position: absolute;
        bottom: 100%;
        left: 15px;
    }

    .tooltip-content:before {
        border-bottom-color: #e8c8c8;
        bottom: calc(100% + 1px);
    }

    .tooltip-content:after {
        border-bottom-color: #fff4f4;
    }

.form-nav-wrapper {
    position: relative;
    display: none;
}

    .form-nav-wrapper .form-nav-trigger {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding: 6px 0;
        cursor: pointer;
    }

        .form-nav-wrapper .form-nav-trigger span {
            display: block;
            width: 4px;
            height: 4px;
            background-color: #222;
            border-radius: 100%;
            content: "";
        }

    .form-nav-wrapper .form-nav-content {
        position: absolute;
        right: 0;
        top: 40px;
        z-index: 2;
        padding: 14px 10px;
        border-radius: 12px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
        background-color: #fff;
        width: 200px;
        display: none;
    }

        .form-nav-wrapper .form-nav-content.active {
            display: block;
        }

        .form-nav-wrapper .form-nav-content ul li a {
            display: block;
            padding: 10px;
            font-size: .875rem;
            font-weight: 500;
            line-height: 1.71;
            color: #333;
        }

.hero-form-footer {
    margin-top: 2rem;
    margin-bottom: 10px;
}

    .hero-form-footer h4 {
        font-size: .75rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        line-height: 2;
        color: #999;
        margin-bottom: .75rem;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

.hero-quick-links {
    margin: -12px -25px;
    padding: 12px 25px 0;
    padding-top: 12px;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .hero-quick-links::-webkit-scrollbar {
        display: none;
    }

    .hero-quick-links .vcc-new {
        right: 0;
        top: -20px;
    }

    .hero-quick-links svg {
        vertical-align: middle;
    }

    .hero-quick-links a {
        margin-right: .5rem;
        margin-bottom: .5rem;
        position: relative;
    }

        .hero-quick-links a .btn {
            font-size: 13px;
            font-weight: 600;
            color: #333;
            padding: 0 3px;
            line-height: 3rem;
            width: 140px;
            height: 47px;
            background-color: #B5E0FF;
            border-radius: 13px;
        }

            .hero-quick-links a .btn.active, .hero-quick-links a .btn:hover {
                background-color: #aac3df;
                color: #333;
            }

            .hero-quick-links a .btn:focus {
                color: #333;
                background-color: #edf5ff;
            }


.hero-wrap {
    margin-top: 16px;
}

.select-wrapper svg.caret {
    display: none !important;
}

input.select-dropdown.dropdown-trigger {
    display: none !important;
}

.chosen-container {
    width: 100% !important
}

.hero-wrap.section-container {
    margin-bottom: 0;
}

.hero-wrap .carousel-box {
    display: none;
}

.hero-wrap .owl-carousel .card {
    margin: 0;
}

.hero-wrap .owl-carousel .owl-item {
    width: 100%;
}

.hero-form {
    display: flex;
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 23px;
}

    .hero-form header {
        display: flex;
        justify-content: space-between;
    }

    .hero-form #hero_quick_bill a[disabled="disabled"] {
        color: #fff !important;
    }

        .hero-form #hero_quick_bill a[disabled="disabled"] .waves-ripple {
            display: none;
        }

    .hero-form .form-cols {
        width: 100%;
    }

        .hero-form .form-cols .owl-nav {
            display: none;
        }

        .hero-form .form-cols .i-cross::before {
            font-size: 18px !important;
            font-weight: bold;
        }

    .hero-form .form-field {
        position: relative;
    }

        .hero-form .form-field .input-field {
            margin-bottom: 0;
        }

        .hero-form .form-field input {
            margin-bottom: 0;
            font-size: 1rem;
            color: #222;
            font-weight: 500;
        }

        .hero-form .form-field .sample-bill-wrp {
            right: 2px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

            .hero-form .form-field .sample-bill-wrp i {
                color: #999;
                margin-right: -6px;
            }

        .hero-form .form-field a {
            color: #333;
            font-size: .8125rem;
            font-family: 'Roboto-Medium';
            font-weight: normal !important;
            text-decoration: underline;
        }

    .hero-form .hero-captcha-box {
        margin-bottom: 1rem;
    }

        .hero-form .hero-captcha-box label {
            display: none;
        }

    .hero-form .help-text {
        font-size: .75rem;
        color: #666;
        margin: 0.5rem 0 1rem 0;
    }

        .hero-form .help-text i {
            position: relative;
            top: -1px;
            margin-right: 5px;
        }

    .hero-form .error-text {
        color: #d30a0a;
        background-image: url(../../assets/icons/error-icon.svg);
        background-repeat: no-repeat;
        padding-left: 25px;
    }

    .hero-form footer {
        text-align: center;
    }

        .hero-form footer .login-register {
            margin: 28px 0;
        }

            .hero-form footer .login-register a {
                color: #333;
                font-size: 1rem;
                font-family: 'Roboto-Medium';
                font-weight: normal;
                text-decoration: underline;
            }

                .hero-form footer .login-register a:first-child:after {
                    display: inline-block;
                    content: "";
                    border-radius: 0.5rem;
                    height: 0.25rem;
                    width: 0.25rem;
                    margin: 0 0.5rem;
                    background-color: #999999;
                    vertical-align: middle;
                }

        .hero-form footer p {
            margin-bottom: 20px;
        }

    .hero-form .details-col.logged-out {
        border-left: 1px solid #eaeaea;
        margin-left: 28px;
        padding-left: 28px;
        transition: all linear 0.4s 0s;
        width: 540px;
        padding-right: 40px;
        position: relative;
    }

        .hero-form .details-col.logged-out .bill-details.current-bills {
            border: none;
            padding: 10px 0 0;
        }

            .hero-form .details-col.logged-out .bill-details.current-bills .consumer-details {
                padding-left: 0;
                padding-right: 0;
            }

    .hero-form .details-col .hide-bill-details {
        cursor: pointer;
    }

    .hero-form .details-col .hide-bill-details-icon {
        position: absolute;
        right: -8px;
        top: 0;
    }

    .hero-form .bill-details .btn {
        color: #fff;
    }

    .hero-form .bill-details header {
        background-color: #edf5ff;
        border-radius: 12px;
        padding: 24px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

        .hero-form .bill-details header aside label {
            font-size: .75rem;
            color: #333333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            margin-bottom: 5px;
            display: inline-block;
            display: none;
        }

        .hero-form .bill-details header .btn {
            padding: 0 15px;
            width: 150px;
            color: #fff;
        }

            .hero-form .bill-details header .btn.QPayBill, .hero-form .bill-details header .btn.QPayAdvance {
                color: #fff;
            }

        .hero-form .bill-details header h4 {
            font-size: 1.75rem;
            font-family: Roboto-Bold;
        }

        .hero-form .bill-details header p {
            font-size: .875rem;
            margin-top: 5px;
            line-height: normal;
            margin-bottom: 0;
        }

            .hero-form .bill-details header p.due-date {
                font-size: .75rem;
                color: #d30a0a;
                margin-top: 2px;
            }

    .hero-form .bill-details.current-bills {
        border: 1px solid #eaeaea;
        border-radius: 12px;
    }

        .hero-form .bill-details.current-bills.no-header {
            padding: 20px;
        }

        .hero-form .bill-details.current-bills .warning-info {
            margin-bottom: 24px;
        }

        .hero-form .bill-details.current-bills header {
            border-radius: 12px 12px 0 0;
            padding: 24px 20px;
            border-radius: 12px;
        }

            .hero-form .bill-details.current-bills header.last-form {
                margin: 0 0 30px 0;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
            }

        .hero-form .bill-details.current-bills .consumer-details {
            padding: 0 20px;
        }

    .hero-form .consumer-details {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .hero-form .consumer-details li {
            width: 48%;
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }

            .hero-form .consumer-details li label {
                color: #666;
                font-size: .75rem;
                margin-bottom: 4px;
            }

            .hero-form .consumer-details li strong {
                font-size: 1rem;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

@media screen and (min-width: 992px) {
    .form-nav-wrapper {
        display: block;
    }

    .hero-form-footer {
        margin-top: 22px;
    }

    .hero-wrap {
        margin-top: 0;
        position: relative;
    }

        .hero-wrap.section-container {
            /*margin-bottom: 60px;*/
            min-height: 700px;
            max-height: 700px;
            overflow: hidden;
        }

        .hero-wrap .carousel-box {
            position: relative;
            z-index: 1;
            display: block;
            overflow: hidden;
        }

            .hero-wrap .carousel-box .carousel-nav.side-arrows {
                width: 56%;
                right: 2%;
            }

            .hero-wrap .carousel-box .owl-carousel .owl-dots {
                left: 68%;
            }

            .hero-wrap .carousel-box .card {
                border-radius: 0px;
                min-height: 43.75rem;
                max-height: 43.75rem;
            }

            .hero-wrap .carousel-box .card-hero-content {
                display: flex;
                flex-direction: column;
                color: #fff;
                align-items: center;
                text-align: center;
                position: relative;
                padding: 225px 0 0 650px;
            }

                .hero-wrap .carousel-box .card-hero-content h6 {
                    font-size: 2.75rem;
                    font-family: "Roboto-Bold";
                    margin-bottom: 1rem;
                    line-height: 52px;
                    max-width: 50%;
                }

                .hero-wrap .carousel-box .card-hero-content p {
                    font-size: 1.25rem;
                    line-height: 28px;
                    max-width: 50%;
                    color: #fff;
                }

                .hero-wrap .carousel-box .card-hero-content h5 {
                    margin-top: 16px;
                    font-family: 'Roboto-Bold';
                    font-size: 32px;
                }

                    .hero-wrap .carousel-box .card-hero-content h5 img {
                        width: 30px;
                        display: inline-block;
                        max-width: 100%;
                    }

                .hero-wrap .carousel-box .card-hero-content .btn {
                    margin-top: 2rem;
                    background-color: #fff;
                    color: #0D67CA;
                    padding: 0 2rem;
                    font-family: 'Roboto-Bold';
                    color: #333;
                }

                    .hero-wrap .carousel-box .card-hero-content .btn:hover {
                        background-color: #F6F6F6;
                    }

        .hero-wrap .carousel-nav button {
            width: 32px;
            height: 32px;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out;
            border: 0;
        }

            .hero-wrap .carousel-nav button i:before {
                font-size: 1.375rem;
            }

        .hero-wrap .carousel-box:hover .carousel-nav button {
            visibility: visible;
            opacity: 1;
        }

        .hero-wrap .hero-heading-aside .carousel-nav button {
            opacity: 1;
            visibility: visible;
        }

    .hero-form {
        background-color: #fff;
        border-radius: 48px;
        padding: 36px 28px;
        width: auto;
        position: absolute;
        left: 5.9375rem;
        margin: 28px 0px;
        bottom: 60px;
        z-index: 7;
        margin: 0;
        height: 496px;
        max-width: 90%;
        top: 90px;
    }

        .hero-form:hover .form-cols .owl-carousel .owl-nav {
            opacity: 1;
            visibility: visible;
        }

        .hero-form header.hero-form-heading, .hero-form .carousel_wrapper.details-col.form-cols > header {
            align-items: flex-start;
        }

        .hero-form .hero-heading-aside {
            display: flex;
            align-items: center;
        }

            .hero-form .hero-heading-aside .carousel-nav {
                align-items: flex-start;
                margin-left: 0;
                margin-right: 8px;
                transform: scale(0.8);
            }

        .hero-form .form-cols {
            width: 450px;
        }

            .hero-form .form-cols .owl-carousel .owl-nav {
                position: absolute;
                left: 0;
                right: 0;
                top: calc(50% - 16px);
                transform: translateY(-50%);
                z-index: 2;
                margin-left: 0;
                pointer-events: none;
            }

                .hero-form .form-cols .owl-carousel .owl-nav:not(.disabled) {
                    display: flex;
                    justify-content: space-between;
                }

                .hero-form .form-cols .owl-carousel .owl-nav button {
                    width: 36px;
                    height: 36px;
                    -webkit-border-radius: 18px;
                    -moz-border-radius: 18px;
                    border-radius: 18px;
                    border: 1px solid #d8d8d8;
                    background-color: #fff;
                    margin-left: 0.5rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    transition: background-color .4s linear;
                    line-height: normal;
                    margin-left: 0;
                    pointer-events: auto;
                    transform: scale(0.9);
                }

                .hero-form .form-cols .owl-carousel .owl-nav .owl-prev {
                    margin-left: -20px;
                }

                .hero-form .form-cols .owl-carousel .owl-nav .owl-next {
                    margin-right: -20px;
                }

        .hero-form .form-field a {
            font-size: .875rem;
        }

        .hero-form footer .login-register {
            margin: 2rem 0;
        }
}

.modal-content header {
    display: flex;
    justify-content: space-between;
}

    .modal-content header h1 {
        font-size: 28px;
        margin-bottom: 1.5rem;
        align-items: center;
    }

    .modal-content header .i-cross-c {
        cursor: pointer;
    }

.cm-home-banner .card {
    background-size: cover;
    background-position: right;
    position: relative;
}

    .cm-home-banner .card .ev-hero-desc {
        position: absolute;
        width: 54%;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

        .cm-home-banner .card .ev-hero-desc .ev-inner {
            max-width: 400px;
        }

            .cm-home-banner .card .ev-hero-desc .ev-inner img {
                margin-bottom: 32px;
            }

            .cm-home-banner .card .ev-hero-desc .ev-inner h3 {
                font-size: 50px;
                line-height: 1.22;
                font-family: 'Roboto-Bold';
                color: #fff;
                padding-bottom: 12px;
            }

            .cm-home-banner .card .ev-hero-desc .ev-inner p {
                color: #fff;
                padding-bottom: 28px;
            }

            .cm-home-banner .card .ev-hero-desc .ev-inner .btn {
                background-color: #fff;
                padding: 0 2rem;
                font-family: 'Roboto-Bold';
                color: #333;
            }

                .cm-home-banner .card .ev-hero-desc .ev-inner .btn:hover {
                    background-color: #F6F6F6;
                }

@media screen and (max-width: 1450px) {
    .hero-wrap .carousel-box .carousel-nav.side-arrows {
        width: 55.5%;
    }

    .hero-form {
        left: 5%;
    }
}

@media screen and (max-width: 1440px) {
    .hero-wrap .carousel-box .owl-carousel .owl-dots {
        left: 73%;
    }
}

@media screen and (max-width: 1365px) and (min-width: 992px) {
    .hero-wrap .carousel-box .carousel-nav.side-arrows {
        width: 56%;
    }

    /*.hero-form {
        max-width: 35%;
    }*/
    .cm-home-banner .card .ev-hero-desc {
        width: 42% !important;
    }

    .hero-form .form-cols {
        width: 100%;
    }
}

@media screen and (max-width: 1290px) {
    .hero-wrap .carousel-box .carousel-nav.side-arrows {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .hero-form .bill-details header h4 {
        font-size: 1.45rem;
    }

    .hero-form .bill-details.current-bills {
        padding: 0;
        border: 1px solid #eaeaea;
        border-radius: 12px;
    }

        .hero-form .bill-details.current-bills header.last-form {
            margin: 0 0 20px;
        }

        .hero-form .bill-details.current-bills .consumer-details {
            padding: 0 20px;
        }

        .hero-form .bill-details.current-bills header {
            border-radius: 12px 12px 0 0;
        }

    .hero-form .form-cols .owl-carousel {
        margin-left: 0;
    }

        .hero-form .form-cols .owl-carousel .owl-stage {
            margin-left: 0;
        }

    .hero-form .form-cols .owl-stage-outer {
        margin-left: -11px;
        margin-right: -11px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .hero-form .hero-pay-tab-content-mob .bill-details.current-bills .consumer-details {
        padding-bottom: 16px;
    }

    .hero-form .hero-pay-tab-content-mob .bill-details header .btn {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        min-width: 110px;
    }

    .hero-form .details-col.logged-out {
        display: none !important;
    }

    #vds_amount_mob .bill-details.current-bills {
        border: none;
    }

    #vds_amount_mob .warning-info {
        text-align: left;
    }

        #vds_amount_mob .warning-info i {
            margin-bottom: 0;
            line-height: 1;
            height: 24px;
            padding: 0 8px 0 0;
            vertical-align: top;
        }

    .hero-quick-links {
        margin: -12px -1rem 0;
        padding: 12px 0 0;
    }

        .hero-quick-links .vcc-new {
            top: -8px;
        }

        .hero-quick-links a {
            display: inline-block;
            margin-right: .2rem;
            margin-bottom: 0;
            font-size: .9375rem;
        }

            .hero-quick-links a:first-child {
                margin-left: 1rem;
            }

            .hero-quick-links a:last-child {
                margin-right: 1rem;
            }

    ul.tabs.hero-tab {
        margin-top: -18px;
    }

        ul.tabs.hero-tab > li.tab a {
            font-size: 1rem;
        }

    .card-media.removeSliderMob .card-content {
        background-position: right;
    }

        .card-media.removeSliderMob .card-content h4 {
            line-height: 24px;
        }

            .card-media.removeSliderMob .card-content h4 br {
                display: block;
            }

        .card-media.removeSliderMob .card-content p {
            font-size: 14px;
            line-height: 18px;
        }
}

@media screen and (max-width: 600px) {
    .card-media.removeSliderMob .card-content p {
        padding-right: 27px;
    }

    .card-media.removeSliderMob .card-content a {
        width: 193px;
    }
}

@media screen and (max-width: 1024px) {
    .hero-wrap .carousel-box .carousel-nav.side-arrows {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .hero-wrap.section-container {
        display: block !important;
    }
}

@media only screen and (min-width: 1701px) {
    .hero-wrap .carousel-box .card-hero-content .inner-hero-content {
        margin: 60px 0 0 -50px;
    }
}

.img100 {
    width: 100%;
}

.services {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -28px;
}

    .services.services-v2 {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

        .services.services-v2::-webkit-scrollbar {
            display: none;
        }

    .services.services-v2 {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .services.small a {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 23%;
        margin-bottom: 28px;
        transition: background-color .4s linear;
    }

        .services.small a figure {
            width: 80px;
            height: 80px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            border: 1px solid #dddddd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }

            .services.small a figure i {
                width: auto;
                height: auto;
            }

                .services.small a figure i::before {
                    color: #222;
                    font-size: 1.75rem;
                    width: auto;
                    height: auto;
                    position: static;
                }

    .services.services.services-v2 a {
        padding: 0 0.75rem;
    }

    .services .circle-icon {
        margin-right: 0;
    }

    .services a {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33%;
        margin-bottom: 28px;
        transition: background-color .4s linear;
    }

        .services a:hover figure {
            border: solid 2px transparent;
        }

            .services a:hover figure:after {
                opacity: 1;
            }

        .services a figure {
            width: 80px;
            height: 80px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            border: 1px solid #dddddd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.5rem;
            background: #fff;
            background-clip: padding-box;
            z-index: inherit;
            overflow: visible;
            transition: none;
            position: relative;
        }

            .services a figure:after {
                width: calc(100% + 4px);
                height: calc(100% + 4px);
                -webkit-border-radius: 60px;
                -moz-border-radius: 60px;
                border-radius: 60px;
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -1;
                margin: -2px;
                border-radius: inherit;
                background: linear-gradient(80deg, #0fb371 -32%, #2073b8 23%, #6b5ca6 45%, #923993 69%, #f05636 109%, #f05636 126%);
                opacity: 0;
                transition: .3s ease-out;
            }

            .services a figure .waves-effect {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
            }

            .services a figure i {
                width: auto;
                height: auto;
            }

                .services a figure i::before {
                    color: #222;
                    font-size: 2.375rem;
                    width: auto;
                    height: auto;
                    position: static;
                }

        .services a h3 {
            font-size: .9375rem;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            color: #333;
            text-align: center;
            line-height: 20px;
            width: 90%;
        }

        .services a h4 {
            font-size: 1rem;
            margin: 0;
            padding-top: 1rem;
            color: #333;
            text-align: center;
        }

.input-footer-text, .collapsible-body p.input-footer-text, .custom_accrdion ul.collapsible-accordion > li .collapsible-body p.input-footer-text {
    font-size: .75rem;
    color: #666;
    margin-top: -18px;
    margin-bottom: 24px;
}

    .input-footer-text strong, .collapsible-body p.input-footer-text strong, .custom_accrdion ul.collapsible-accordion > li .collapsible-body p.input-footer-text strong {
        font-weight: bold;
    }

@media screen and (max-width: 991px) {
    .services:not(.services-v2).section-container a:nth-last-of-type(1), .services:not(.services-v2).section-container a:nth-last-of-type(2), .services:not(.services-v2).section-container a:nth-last-of-type(3) {
        margin-bottom: 0;
    }

    .services.small a {
        width: 49%;
    }

    .input-footer-text, .collapsible-body p.input-footer-text, .custom_accrdion ul.collapsible-accordion > li .collapsible-body p.input-footer-text {
        margin-top: -12px;
    }
}

@media screen and (min-width: 992px) {
    .services.small a {
        margin-bottom: 0;
    }

    .img100 {
        width: 100%;
    }

    .services {
        justify-content: space-evenly;
        margin-bottom: 0;
        padding-bottom: 40px;
        padding-top: 20px;
        /*  margin: 0 80px*/
    }

        .services.services-v2 {
            flex-wrap: wrap;
        }

        .services.services.services-v2 a {
            padding: 0;
        }

        .services a {
            flex-wrap: nowrap;
            width: auto;
            margin-bottom: 0;
            color: #333;
        }

            .services a figure {
                /*width: 120px;
                height: 120px;
                -webkit-border-radius: 60px;
                -moz-border-radius: 60px;
                border-radius: 60px;
                margin-bottom: 1rem;*/
                width: 110px;
                height: 111px;
                background: #FFFFFF;
                border: 1.5px solid #DD0000;
                box-shadow: 0px 0px 21.3px rgba(255, 11, 11, 0.58);
                border-radius: 29px;
            }

                .services a figure i::before {
                    color: #333;
                    font-size: 3.125rem;
                    width: auto;
                    height: auto;
                }

                .services a figure.gradiant-border {
                    color: #fff;
                    background: #fff;
                    background-clip: padding-box;
                    border: solid 1px transparent;
                }

                    .services a figure.gradiant-border::before {
                        width: 120px;
                        height: 120px;
                        -webkit-border-radius: 60px;
                        -moz-border-radius: 60px;
                        border-radius: 60px;
                        content: "";
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        z-index: -1;
                        margin: -1px;
                        border-radius: inherit;
                        background: linear-gradient(80deg, #0fb371 -32%, #2073b8 23%, #6b5ca6 45%, #923993 69%, #f05636 109%, #f05636 126%);
                    }

            .services a h3 {
                font-size: 1rem;
                margin: 0;
                width: auto;
            }

    .services-small a {
        flex-wrap: nowrap;
        width: auto;
        padding: 0.5rem;
        margin-bottom: 0;
    }

        .services-small a figure {
            width: 80px;
            height: 80px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            margin-bottom: 1rem;
            position: relative;
        }

        .services-small a h3 {
            font-size: 1rem;
            margin: 0;
        }
}

.green-energy-banner {
    margin-top: -24px;
}

.go-green .container {
    position: relative;
}

.go-green figure {
    max-height: 200px;
    position: relative;
}

    .go-green figure i {
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

.go-green aside {
    margin-bottom: 1.5rem;
}

.go-green h4 {
    font-size: 22px;
    color: #139d3f;
    font-family: "Roboto-Bold";
    margin-bottom: 10px;
    line-height: 32px;
}

.go-green p {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.green-section.login-wrap .otp-wrapper p {
    margin-bottom: 12px;
}

.greent-energy-pledge {
    margin-bottom: 2rem;
}

    .greent-energy-pledge p {
        margin-bottom: 1rem;
        font-size: .875rem;
        color: #666666;
    }

        .greent-energy-pledge p span {
            font-family: "Roboto-Bold";
            font-size: 1rem;
            color: #333333;
        }

    .greent-energy-pledge .checkbox-field {
        padding-bottom: 18px;
    }

.big-pic {
    margin-bottom: .75rem;
    margin-top: 2rem;
}

    .big-pic img {
        border-radius: .75rem;
        max-height: 500px;
        width: 100%;
    }

.green-club .section-header {
    margin-bottom: .75rem;
}

    .green-club .section-header h2 {
        margin-bottom: 1rem;
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .green-club .section-header p {
        margin: 0 0 6px 0;
    }

        .green-club .section-header p span {
            font-family: "Roboto-Bold";
            color: #333333;
        }

    .green-club .section-header h5 {
        margin: 12px 0 6px 0;
        padding-bottom: 0px;
        font-family: "Roboto-Bold";
        color: #333333;
        font-size: .875rem;
        line-height: 1.25rem;
    }

.modal-green .modal .modal-header {
    align-items: center;
}

.modal-green .modal .modal-content {
    padding: 5px 0 0 0px;
}

.capture-photo {
    display: block;
    margin-bottom: 1.5rem;
}

    .capture-photo h6 {
        font-size: .75rem;
        color: #999999;
        text-transform: uppercase;
        margin-bottom: .75rem;
        letter-spacing: 0.5px;
    }

    .capture-photo figure {
        position: relative;
        border-radius: .75rem;
        overflow: hidden;
    }

        .capture-photo figure:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-repeat: no-repeat;
            background-image: linear-gradient(to bottom, rgba(0,0,0,0), #000);
            min-height: 30%;
        }

        .capture-photo figure img {
            width: 100%;
            position: relative;
        }

        .capture-photo figure figcaption {
            position: absolute;
            display: flex;
            text-align: center;
            bottom: 10px;
            width: 100%;
            justify-content: center;
            align-items: baseline;
            z-index: 2;
        }

            .capture-photo figure figcaption a {
                color: #fff;
                font-size: 1rem;
                font-family: "Roboto-Bold";
            }

                .capture-photo figure figcaption a i {
                    margin-right: .3125rem;
                    color: #fff;
                }

@media screen and (min-width: 992px) {
    .green-energy-banner {
        margin-top: -40px;
    }

    .greent-energy-pledge .checkbox-field {
        padding-bottom: 0px;
    }

    .go-green figure {
        max-height: 600px;
    }

    .go-green aside {
        position: absolute;
        top: 100px;
        left: 135px;
        margin: 0;
        z-index: 1;
    }

    .go-green h4 {
        font-size: 2rem;
        line-height: normal;
    }

        .go-green h4 br {
            display: none;
        }

    .go-green p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .modal-green .modal .modal-header {
        align-items: flex-start;
    }

    .modal-green .modal .modal-content {
        padding: 5px 0 0 45px;
    }

    .green-club .section-header h2 {
        font-size: 2rem;
    }

    .capture-photo {
        margin-top: 2.5rem;
    }

        .capture-photo figure {
            width: 8.75rem;
        }

            .capture-photo figure img {
                width: 8.75rem;
                height: 8.75rem;
            }

            .capture-photo figure figcaption {
                bottom: 0px;
            }
}

.alert {
    border: 1px solid #dedede;
    border-radius: 12px;
    padding: 12px 15px;
    font-size: 12px;
    color: #666666;
    display: flex;
    margin-bottom: 48px;
    flex-direction: column;
}

    .alert aside {
        margin: 0 12px 4px 0;
    }

        .alert aside i {
            width: 20px;
            height: 20px;
            border: 1px solid red;
        }

        .alert aside label {
            font-size: 12px;
            color: #333;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
        }

@media screen and (min-width: 992px) {
    .alert {
        padding: 16px 20px;
        font-size: 14px;
        align-items: center;
        margin-bottom: 80px;
        flex-direction: row;
    }

        .alert aside {
            margin: 0 12px 0 0;
        }
}

.hero-form .form-cols .owl-carousel[total-count="1"] {
    margin-left: 0;
}

    .hero-form .form-cols .owl-carousel[total-count="1"] .owl-stage-outer {
        margin-right: 0 !important;
    }

    .hero-form .form-cols .owl-carousel[total-count="1"] .owl-stage {
        width: 100% !important;
        margin-left: 0;
    }

        .hero-form .form-cols .owl-carousel[total-count="1"] .owl-stage .owl-item {
            margin-right: 0 !important;
            width: 100% !important;
        }

.discover .carousel.carousel-slider {
    height: auto !important;
    min-height: 470px;
}

.card-content a {
    color: #333;
}

.carousel-center-nav .carousel-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 16px);
    transform: translateY(-50%);
    z-index: 2;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

    .carousel-center-nav .carousel-nav button {
        transform: scale(0.85);
        margin-left: 0;
        pointer-events: auto;
    }

    .carousel-center-nav .carousel-nav .owl-prev {
        margin-left: -20px;
    }

    .carousel-center-nav .carousel-nav .owl-next {
        margin-right: -20px;
    }

.carousel_wrapper {
    position: relative;
}

    .carousel_wrapper > .carousel-nav {
        opacity: 0;
        visibility: hidden;
    }

        .carousel_wrapper > .carousel-nav button.disabled {
            opacity: 0;
            visibility: hidden;
        }

    .carousel_wrapper:hover > .carousel-nav {
        opacity: 1;
        visibility: visible;
    }

    .carousel_wrapper a {
        color: #333;
    }

    .carousel_wrapper.save-energy-and-money .card-image {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .carousel_wrapper.save-energy-and-money .card-image img {
            width: auto;
            height: auto;
        }

    .carousel_wrapper.leaders-msg {
        padding-top: 48px;
    }

        .carousel_wrapper.leaders-msg .card {
            margin: 0;
        }

            .carousel_wrapper.leaders-msg .card .row {
                margin-bottom: 0;
            }

        .carousel_wrapper.leaders-msg .container {
            position: relative;
        }

            .carousel_wrapper.leaders-msg .container .section-header {
                margin-bottom: 74px;
                position: absolute;
                left: 0;
                top: 0;
            }

    .carousel_wrapper .owl-stage-outer {
        margin-right: -52px;
    }

    .carousel_wrapper .owl-carousel {
        margin-left: -32px;
    }

    .carousel_wrapper .owl-stage {
        margin-left: 26px;
    }

    .carousel_wrapper .card {
        background-color: transparent;
    }

    .carousel_wrapper .card-image img {
        border-radius: 10px;
        height: 100%;
        object-fit: cover;
    }

    .carousel_wrapper .card-image.connection-image {
        height: 172px;
    }

        .carousel_wrapper .card-image.connection-image img {
            border-radius: 10px 10px 0 0;
        }

    .carousel_wrapper .card .f14 {
        font-size: .75rem;
    }

    .carousel_wrapper .card-content {
        padding: 1rem;
        border-radius: 0;
    }

        .carousel_wrapper .card-content h3, .carousel_wrapper .card-content h4, .carousel_wrapper .card-content h5 {
            font-size: 1.125rem;
            padding-bottom: .625rem;
            font-family: "Roboto-Bold";
            display: flex;
            align-items: center;
        }

            .carousel_wrapper .card-content h3 i, .carousel_wrapper .card-content h4 i, .carousel_wrapper .card-content h5 i {
                margin-left: 2px;
            }

                .carousel_wrapper .card-content h3 i::before, .carousel_wrapper .card-content h4 i::before, .carousel_wrapper .card-content h5 i::before {
                    font-size: .8125rem;
                }

        .carousel_wrapper .card-content .prod-type {
            font-size: .75rem;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            line-height: 1.67;
            color: #999;
            margin-bottom: 12px;
            text-transform: uppercase;
        }

        .carousel_wrapper .card-content p {
            font-size: .875rem;
            line-height: 20px;
        }

        .carousel_wrapper .card-content .chip-wrap a {
            color: #666;
        }

        .carousel_wrapper .card-content .chip, .carousel_wrapper .card-content .mob-chip {
            font-size: .75rem;
            color: #222222;
            padding: 0px;
            padding-right: 7px;
            border-right: 1px solid #222222;
            border-radius: 0rem;
            line-height: 13px;
            height: 13px;
        }

            .carousel_wrapper .card-content .chip:last-child, .carousel_wrapper .card-content .mob-chip:last-child {
                border: 0;
            }

        .carousel_wrapper .card-content .mob-chip {
            line-height: 1.5rem;
        }

    .carousel_wrapper .card .quote-icon {
        width: 46px;
        height: 46px;
        background: #0d67ca;
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 38px;
    }

        .carousel_wrapper .card .quote-icon img {
            max-width: 100%;
            width: 20px;
            height: auto;
        }

    .carousel_wrapper .card .msg {
        margin-bottom: 48px;
        max-width: 450px;
    }

        .carousel_wrapper .card .msg p {
            font-size: 24px;
            line-height: 36px;
        }

    .carousel_wrapper .card .author-bio {
        margin-bottom: 64px;
    }

        .carousel_wrapper .card .author-bio h4 {
            font-size: 1.5rem;
            font-family: 'Roboto-Bold';
            line-height: 36px;
        }

        .carousel_wrapper .card .author-bio p {
            font-size: 1.125rem;
            line-height: 36px;
        }

    .carousel_wrapper .card .leader-image {
        display: block;
        margin: auto;
    }

    .carousel_wrapper .owl-carousel .owl-nav:not(.disabled) {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        pointer-events: none;
    }

        .carousel_wrapper .owl-carousel .owl-nav:not(.disabled) button {
            pointer-events: auto;
            width: 60px;
            height: 60px;
            border-radius: 100%;
        }

    .carousel_wrapper .owl-carousel .owl-dots {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        bottom: 28px;
        display: flex;
        align-items: center;
    }

        .carousel_wrapper .owl-carousel .owl-dots button.owl-dot {
            width: 8px;
            height: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin: 0 0.25rem;
            background: rgba(255,255,255,0.6);
            border: 1px solid transparent;
        }

            .carousel_wrapper .owl-carousel .owl-dots button.owl-dot.active {
                background: #333;
                border-color: #fff;
                width: 10px;
                height: 10px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

    .carousel_wrapper .owl-carousel .cusomer_detail {
        border: 1px solid #EAEAEA;
        padding: 20px;
        margin-bottom: 32px;
        cursor: pointer;
    }

        .carousel_wrapper .owl-carousel .cusomer_detail.card {
            background-color: #fff;
        }

            .carousel_wrapper .owl-carousel .cusomer_detail.card .card-content {
                margin-top: 12px;
            }

                .carousel_wrapper .owl-carousel .cusomer_detail.card .card-content p {
                    margin-bottom: 0px;
                }

        .carousel_wrapper .owl-carousel .cusomer_detail .wrapper {
            display: flex;
            justify-content: space-between;
        }

        .carousel_wrapper .owl-carousel .cusomer_detail.active {
            border: 1px solid #0d67ca;
            background: rgba(13,103,202,0.03);
        }

        .carousel_wrapper .owl-carousel .cusomer_detail p {
            margin-top: 8px;
            color: #666666;
            font-size: .875rem;
        }

        .carousel_wrapper .owl-carousel .cusomer_detail button {
            padding: 4px 10px;
            border-radius: 12px;
            background-color: #dfefe7;
            font-size: .6875rem;
            text-transform: uppercase;
            line-height: normal;
            font-weight: bold;
            display: inline-block;
        }

            .carousel_wrapper .owl-carousel .cusomer_detail button.vacant {
                background-color: #ffedd2;
            }

            .carousel_wrapper .owl-carousel .cusomer_detail button.moveout {
                background-color: #e5e5e5;
                color: #333;
            }

        .carousel_wrapper .owl-carousel .cusomer_detail h6 {
            font-size: 1rem;
            font-family: Roboto-Bold;
        }

    .carousel_wrapper .owl-carousel .bill-item {
        border: 1px solid #eaeaea;
        padding: 20px;
        text-align: center;
        width: 100%;
    }

        .carousel_wrapper .owl-carousel .bill-item.card {
            background-color: #fff;
        }

        .carousel_wrapper .owl-carousel .bill-item .wrapper {
            text-align: center;
        }

            .carousel_wrapper .owl-carousel .bill-item .wrapper .icon-bg {
                width: 48px;
                height: 48px;
                margin: auto;
                display: inline-block;
                background: #eaeaea;
                border-radius: 50%;
                text-align: center;
                position: relative;
            }

            .carousel_wrapper .owl-carousel .bill-item .wrapper img {
                width: auto;
                z-index: 1;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .carousel_wrapper .owl-carousel .bill-item.active {
            background-color: #f3f7fc;
            border: 1px solid #0d67ca;
        }

        .carousel_wrapper .owl-carousel .bill-item h6 {
            font-size: 1rem;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            color: #000;
        }

.standard-card .card {
    border: 0 none;
}

.standard-card .card-image {
    height: auto;
}

    .standard-card .card-image.spl-image {
        height: auto;
    }

.standard-card .card-content {
    padding: 0;
    margin-top: 1rem;
}

    .standard-card .card-content a, .standard-card .card-content .link-btn {
        font-size: .875rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        cursor: pointer;
        text-decoration: underline;
    }

        .standard-card .card-content a:hover, .standard-card .card-content .link-btn:hover {
            text-decoration: none;
        }

    .standard-card .card-content p {
        color: #666;
        margin-bottom: 0.5rem;
        font-size: .9375rem;
        line-height: 1.4;
    }

    .standard-card .card-content label {
        font-size: .875rem;
        color: #0D67CA;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .standard-card .card-content label span {
            text-transform: uppercase;
        }

.standard-card.image-height-auto .card-image {
    height: auto;
}

    .standard-card.image-height-auto .card-image img {
        height: auto;
    }

.card-media {
    padding-top: 20px;
}

    .card-media .card {
        border: none;
    }

    .card-media .card-content {
        display: flex;
        padding: 20px;
        border-radius: 20px;
        color: #fff;
        font-size: .875rem;
        height: 220px;
        align-items: center;
        background-color: #69924b;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .card-media .card-content > div {
            position: relative;
            width: 100%;
        }

        .card-media .card-content h4 {
            font-size: 1.25rem;
            line-height: 1.33;
            margin-bottom: .5rem;
            padding-bottom: 0;
        }

            .card-media .card-content h4 br {
                display: none;
            }

        .card-media .card-content p {
            font-size: .9375rem;
        }

        .card-media .card-content h6 {
            font-family: "Roboto-Bold";
            font-size: 16px;
            margin-top: 12px;
        }

        .card-media .card-content a {
            color: #fff;
            display: block;
            width: 196px;
            margin-top: 0;
        }

        .card-media .card-content .know-more-mob {
            color: #fff;
            padding-top: 1.5rem;
            display: block;
            text-decoration: underline;
            cursor: pointer;
        }

        .card-media .card-content img {
            width: 50%;
            padding: 10%;
            display: none;
        }

.save-energy-and-money .card {
    text-align: center;
}

    .save-energy-and-money .card p {
        margin-bottom: 8px;
    }

    .save-energy-and-money .card .old-price {
        color: #999;
        margin-bottom: 8px;
    }

    .save-energy-and-money .card .new-price {
        margin-bottom: 16px;
    }

        .save-energy-and-money .card .new-price .current-price {
            font-size: 1.25rem;
            font-family: "Roboto-Bold";
            line-height: 1.4;
        }

        .save-energy-and-money .card .new-price .off-amount {
            font-family: "Roboto-Bold";
            line-height: 1.25;
            color: #18aa26;
            margin-left: 8px;
        }

.carousel-nav {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: .625rem;
}

    .carousel-nav button {
        width: 36px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        border: 1px solid #d8d8d8;
        background-color: #fff;
        margin-left: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color .4s linear;
        line-height: normal;
    }

        .carousel-nav button .i-arrow-l:before, .carousel-nav button .i-arrow-r:before {
            font-size: 1.1rem;
            color: #333333;
            font-weight: 600;
        }

        .carousel-nav button.disabled {
            border-color: #efefef;
            cursor: auto;
        }

            .carousel-nav button.disabled .i-arrow-l:before, .carousel-nav button.disabled .i-arrow-r:before {
                color: #999999;
            }

            .carousel-nav button.disabled:hover {
                background-color: #fff;
            }

        .carousel-nav button:hover {
            background-color: #F6F6F6;
        }

    .carousel-nav.side-arrows {
        position: absolute;
        top: 46%;
        -webkit-transform: translateY(-46%);
        -ms-transform: translateY(-46%);
        transform: translateY(-46%);
        z-index: 2;
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
    }

        .carousel-nav.side-arrows button {
            margin: 0;
        }

.radio-carousel.carousel_wrapper {
    margin-bottom: 32px;
}

    .radio-carousel.carousel_wrapper .owl-stage {
        display: flex;
    }

        .radio-carousel.carousel_wrapper .owl-stage .owl-item {
            flex: 1 0 auto;
        }

    .radio-carousel.carousel_wrapper .owl-carousel .cusomer_detail {
        height: 100%;
        margin-bottom: 0;
    }

@media screen and (max-width: 991px) {
    .carousel_wrapper.carousel-center-nav .owl-carousel[total-count="1"] {
        margin-left: 0;
    }

        .carousel_wrapper.carousel-center-nav .owl-carousel[total-count="1"] .owl-stage-outer {
            margin-right: 0;
        }

        .carousel_wrapper.carousel-center-nav .owl-carousel[total-count="1"] .owl-stage {
            width: 100% !important;
            margin-left: 0;
        }

            .carousel_wrapper.carousel-center-nav .owl-carousel[total-count="1"] .owl-stage .owl-item {
                margin-right: 0 !important;
                width: 100% !important;
            }

    .carousel_wrapper .card-image img {
        height: auto;
    }

    .owl-carousel.removeSliderMob.off {
        margin-left: 0;
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        width: auto;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .owl-carousel.removeSliderMob.off::-webkit-scrollbar {
            display: none;
            width: 0;
            background: transparent;
        }

        .owl-carousel.removeSliderMob.off > .card {
            width: 40%;
            display: inline-block;
            vertical-align: top;
            white-space: normal;
            margin-right: 11px;
        }
}

@media screen and (max-width: 991px) {
    .owl-carousel.removeSliderMob.off.spl-slider .card {
        width: 330px;
    }

    .owl-carousel.removeSliderMob.off .card {
        width: 70%;
    }
}

@media screen and (min-width: 992px) {
    .owl-carousel .cusomer_detail .owl-stage {
        margin-left: 0;
    }

    .carousel_wrapper .leaders-msg {
        padding-top: 100;
    }

    .carousel_wrapper .owl-stage-outer {
        margin-right: auto;
    }

    .carousel_wrapper .owl-carousel {
        margin-left: auto;
    }

    .carousel_wrapper .owl-stage {
        margin-left: 0;
    }

    .carousel_wrapper .card .f14 {
        font-size: .875rem;
    }

    .carousel_wrapper .card .leader-image {
        width: auto;
    }

    .carousel_wrapper .card.carousel-height_ver {
        height: 360px;
    }

    .carousel_wrapper .card-image.connection-image {
        height: 232px;
    }

    .carousel_wrapper .card-content {
        padding: 1.25rem;
    }

        .carousel_wrapper .card-content h3, .carousel_wrapper .card-content h4, .carousel_wrapper .card-content h5 {
            font-size: 1.25rem;
            padding-bottom: .625rem;
        }

            .carousel_wrapper .card-content h3 i, .carousel_wrapper .card-content h4 i, .carousel_wrapper .card-content h5 i {
                margin-left: 5px;
            }

                .carousel_wrapper .card-content h3 i::before, .carousel_wrapper .card-content h4 i::before, .carousel_wrapper .card-content h5 i::before {
                    font-size: 1rem;
                    line-height: 18px;
                }

        .carousel_wrapper .card-content p {
            font-size: 1rem;
        }

            .carousel_wrapper .card-content p.content-h {
                min-height: 70px;
            }

        .carousel_wrapper .card-content .chip, .carousel_wrapper .card-content .mob-chip {
            font-size: .75rem;
            color: #222222;
            border: 1px solid #eee;
            border-radius: 3.125rem;
            padding: 8px 9px;
            height: auto;
        }

            .carousel_wrapper .card-content .chip:last-child, .carousel_wrapper .card-content .mob-chip:last-child {
                border: 1px solid #eee;
            }

        .carousel_wrapper .card-content .mob-chip {
            line-height: 1.5rem;
        }

        .carousel_wrapper .card-content .chip-wrap {
            margin-top: .6875rem;
        }

    .standard-card .card-image {
        height: 308px;
        overflow: hidden;
        border-radius: 10px;
    }

        .standard-card .card-image.spl-image {
            height: 336px;
        }

        .standard-card .card-image img {
            transition: all 1.5s;
        }

        .standard-card .card-image:hover img {
            transform: scale(1.2);
        }

    .standard-card .card-content {
        padding: 0;
        margin-top: 1.5rem;
    }

        .standard-card .card-content a, .standard-card .card-content .link-btn {
            font-size: 1rem;
        }

        .standard-card .card-content p {
            margin-bottom: 1.2rem;
            font-size: 1rem;
        }

        .standard-card .card-content label {
            font-size: 1rem;
        }
}

body .fs-14, body .fs-14 p {
    font-size: .875rem;
    font-family: 'Inter';
}

.hero-wrap .carousel-box .card.summer-banner .card-hero-content {
    padding-top: 120px;
}

    .hero-wrap .carousel-box .card.summer-banner .card-hero-content .inner-hero-content {
        position: absolute;
        left: 50%;
        width: 610px;
        height: 500px;
        padding: 148px 110px 0 70px;
        background-size: contain !important;
        background-position: 0 center !important;
        margin: 0 !important;
        max-width: none;
    }

.card-media .summer-banner-mobile .card-content a {
    margin-top: 50px;
}

@media (max-width: 1279px) and (min-width: 1200px) {
    .hero-wrap .carousel-box .card.summer-banner .card-hero-content .inner-hero-content {
        width: 520px;
        left: 53%;
    }
}

.testimonials {
    background-color: #f1f4ff;
    padding: 40px 0;
}

    .testimonials .container {
        display: flex;
        flex-direction: column;
    }

    .testimonials header {
        margin: 0 0 1.5rem 0;
    }

        .testimonials header h3 {
            font-size: 1.375rem;
            font-family: Roboto-Bold;
        }

    .testimonials footer {
        display: flex;
        align-items: center;
    }

        .testimonials footer figure {
            width: 52px;
            height: 52px;
            -webkit-border-radius: 26px;
            -moz-border-radius: 26px;
            border-radius: 26px;
            overflow: hidden;
        }

        .testimonials footer aside {
            flex: 1;
            margin-left: 10px;
        }

.testimonials-content .card {
    background-color: transparent;
    max-width: 90%;
}

    .testimonials-content .card .i-quote {
        width: auto;
        height: auto;
        margin-left: -5px;
    }

        .testimonials-content .card .i-quote:before {
            font-size: 28px;
            opacity: 0.8;
        }

.testimonials-content p {
    font-size: 14px;
    color: #666;
    margin: 0 0 20px 0;
}

.testimonials-content h5 {
    font-size: 14px;
    font-family: "Roboto-Bold";
}

.testimonials-content h6 {
    font-size: 14px;
    margin-top: 4px;
}

@media screen and (min-width: 992px) {
    .testimonials {
        padding: 100px 0;
    }

        .testimonials .container {
            flex-direction: row;
        }

        .testimonials header {
            width: 230px;
            margin: 0 100px 0 0;
        }

            .testimonials header h3 {
                font-size: 2rem;
                line-height: 1.4;
            }

    .testimonials-content {
        width: 70%;
    }

        .testimonials-content p {
            font-size: 1rem;
        }
}

.discover h4 {
    font-size: 1rem;
    padding: 0px;
    margin: 0px;
}

.discover h5 {
    font-size: 14px;
    font-family: "Roboto-Bold";
    margin-bottom: 12px;
    color: #333;
}

.discover label {
    font-size: 12px;
    color: #666;
    margin-bottom: 1.5rem;
    display: block;
}

.discover .tabs {
    margin-bottom: -1px;
    scroll-behavior: smooth;
}

    .discover .tabs ~ div.cms-content {
        margin-top: 2rem;
        margin-bottom: 6rem;
    }

#loadmore.link-btn {
    display: table;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

#text {
    display: none;
}

body[data-page="home"] .discover p, body[data-page="home"] .discover span {
    color: #666;
}

@media screen and (max-width: 767px) {
    body[data-page="home"] .discover p, body[data-page="home"] .discover span {
        font-size: 14px;
    }

    .discover .section-header {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .discover h4 {
        font-size: 1rem;
        padding: 0px;
        margin: 0px;
    }

    .discover h5 {
        font-size: 1rem;
    }

    .discover label {
        font-size: 14px;
    }
}

.existing-acc-detail .card {
    border: solid 1px #eaeaea;
    padding: 16px;
}

    .existing-acc-detail .card ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 14px;
    }

        .existing-acc-detail .card ul li {
            width: calc(50% - 10px);
            font-weight: 700;
        }

            .existing-acc-detail .card ul li:not(:last-child):not(:nth-last-child(2)) {
                margin-bottom: 20px;
            }

    .existing-acc-detail .card span {
        font-size: 12px;
        line-height: 1.33;
        color: #666;
        display: block;
        margin-bottom: 4px;
        font-weight: normal;
    }

@media (min-width: 992px) {
    .existing-acc-detail .card {
        border: solid 1px #eaeaea;
        padding: 24px;
        margin-bottom: 60px;
    }

        .existing-acc-detail .card ul {
            padding-bottom: 6px;
        }
}

.new-connection-form > [class*="step"].active, .new-connection-form > [class*="step"].complete {
    display: block;
}

.new-connection-form .checkbox-field {
    margin-bottom: 20px;
}

.new-connection-form .card {
    border: solid 1px #eaeaea;
}

.new-connection-form .card-header {
    padding: 18px 16px;
    background-color: #fbfbfb;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .new-connection-form .card-header h6 {
        font-size: 16px;
        font-family: "Roboto-Bold";
        line-height: 1.5;
        color: #222;
    }

    .new-connection-form .card-header a {
        font-size: 14px;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        line-height: 1.43;
        color: #333;
        text-decoration: underline;
    }

.new-connection-form .card-body {
    padding: 24px 16px;
}

    .new-connection-form .card-body .form-field:first-child h6 {
        padding-top: 0;
    }

.new-connection-form .field-group h5 {
    font-size: 16px;
    font-family: "Roboto-Bold";
    line-height: 24px;
    color: #333;
    margin-bottom: 16px;
    width: 100%;
}

.new-connection-form .field-group .radio-field {
    margin-right: 32px;
    margin-bottom: 20px;
}

    .new-connection-form .field-group .radio-field:last-child {
        margin-right: 0;
    }

    .new-connection-form .field-group .radio-field [type="radio"]:not(:checked) + span, .new-connection-form .field-group .radio-field [type="radio"]:checked + span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        color: #333;
    }

    .new-connection-form .field-group .radio-field [type="radio"][checked="checked"] + span {
        font-family: "Roboto-Medium" !important;
    }

.new-connection-form .alert {
    padding: 12px;
    border: none;
    margin-bottom: 32px;
}

    .new-connection-form .alert.warning-alert {
        background-color: #fef6ea;
    }

.new-connection-form .btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.enter-ca {
    margin-bottom: 1.5rem;
}

    .enter-ca .input-footer {
        font-size: .75rem;
        color: #666666;
        padding-top: .5rem;
    }

.otp-black-text {
    color: #18aa26;
    background: none;
    padding-left: 0px;
}

.field-group .radio-field {
    margin-right: 32px;
    margin-bottom: 20px;
}

    .field-group .radio-field:last-child {
        margin-right: 0;
    }

    .field-group .radio-field [type="radio"]:not(:checked) + span, .field-group .radio-field [type="radio"]:checked + span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        color: #333;
    }

.form-field .row {
    margin-bottom: 0;
}

.form-field h6 {
    font-size: 12px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    line-height: 2;
    color: #999;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 8px;
}

    .form-field h6.field-title-pt-0 {
        padding-top: 0;
    }

@media (min-width: 992px) {
    .new-connection-form .card-header {
        padding-left: 32px;
        padding-right: 32px;
    }

    .new-connection-form .card-body {
        padding: 32px;
    }

    .new-connection-form .field-group .radio-field {
        margin-bottom: 24px;
    }

    .enter-ca {
        margin-bottom: 2rem;
    }
}

.new-connection .card {
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0 0 12px 0;
    overflow: hidden;
}

    .new-connection .card a {
        padding: 1.25rem;
        display: flex;
        color: #333;
    }

    .new-connection .card i {
        margin-right: 1.1875rem;
        width: 40px;
        line-height: 1;
    }

        .new-connection .card i::before {
            font-size: 2.25rem;
        }

        .new-connection .card i.logout-icon img {
            width: 36px;
            height: 36px;
            margin-right: 0;
        }

    .new-connection .card img {
        margin-right: 1.1875rem;
        width: 40px;
        height: 40px;
    }

    .new-connection .card aside h2 {
        font-size: 1rem;
        margin-bottom: .375rem;
    }

    .new-connection .card aside p {
        font-weight: normal;
        font-size: .875rem;
        color: #666;
    }

@media screen and (min-width: 992px) {
    .new-connection .card {
        margin: 0 0 30px 0;
        flex-direction: column;
    }

        .new-connection .card a {
            display: block;
        }

        .new-connection .card i {
            margin-bottom: .5rem;
            margin-right: 0rem;
            line-height: inherit;
        }

        .new-connection .card img {
            margin-bottom: 1rem;
        }

        .new-connection .card aside h5 {
            margin-bottom: .5rem;
        }

        .new-connection .card aside p {
            height: 42px;
        }
}

#leftPanelNav li.active > .collapsible-body {
    display: block;
}

.side-nav {
    padding-bottom: 40px;
}

    .side-nav ul li {
        padding: 0px;
    }

        .side-nav ul li .brand-gradient-left:after {
            display: none;
        }

        .side-nav ul li .collapsible-header a i {
            text-align: left;
        }

        .side-nav ul li .collapsible-header.brand-gradient-left:after {
            opacity: 0;
        }

        .side-nav ul li .collapsible-header {
            justify-content: flex-start;
            padding: 0;
            border-bottom: 0 none;
        }

.collapsible-header {
    height: 60px;
    background: #0070C3;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.29);*/
    border-radius: 20px;
    color: #FFFFFF;
}

.side-nav ul li .collapsible-header a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    width: 100%;
    color: #222;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color .4s linear;
}

    .side-nav ul li .collapsible-header a i {
        width: 2.5rem;
        margin: 0;
    }

        .side-nav ul li .collapsible-header a i::before {
            font-size: 1.8rem;
        }

        .side-nav ul li .collapsible-header a i.spl-size::before {
            font-size: 2.5rem;
            margin-left: -8px;
        }

    .side-nav ul li .collapsible-header a::after {
        right: .625rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: bold;
        content: '\A035';
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "fontello";
        opacity: 0.5;
    }

    .side-nav ul li .collapsible-header a:hover {
        background-color: #F6F6F6;
    }

.side-nav ul li .collapsible-header:active, .side-nav ul li .collapsible-header:focus {
    background-color: #f3f7fc;
}

.side-nav ul li .collapsible-body {
    padding: 0rem;
    border: 0px;
}

.side-nav ul li.active .collapsible-header a::after {
    content: '\A037';
    opacity: 1;
}

.side-nav ul li.active .brand-gradient-left:after {
    display: block;
}

.side-nav ul li .submenu {
    background-color: #fff;
}

    .side-nav ul li .submenu a {
        padding: 12px 12px 12px 51px;
        font-size: .875rem;
        color: #333;
        display: block;
    }

        .side-nav ul li .submenu a.active {
            background-color: #f3f7fc;
            color: #0D67CA;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

        .side-nav ul li .submenu a:hover {
            background-color: #F6F6F6;
            color: #0D67CA;
            -webkit-transition: background-color 0.4s ease-out;
            -moz-transition: background-color 0.4s ease-out;
            -o-transition: background-color 0.4s ease-out;
            transition: background-color 0.4s ease-out;
        }

@media (min-width: 992px) {
    .sticky-sidebar {
        position: sticky;
        top: 110px;
    }
}

.submit-new-request .card-with-form p {
    margin-bottom: 24px;
}

form#frmCONApplication .step-1-form.section-wrapper {
    margin-bottom: 0;
}

.ownership-transfer .submit-new-request h5 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    font-family: "Roboto-Bold";
}

.ownership-transfer .otp-title strong {
    display: block;
    font-family: "Roboto-Bold";
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.ownership-transfer .otp-title span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    margin-bottom: 24px;
}

.full-width-cta-wrp {
    text-align: center;
    margin-bottom: 24px;
}

    .full-width-cta-wrp .btn {
        display: block;
        padding: 1.125rem;
        margin-bottom: 1.5rem;
        font-size: 0.875rem;
        border: 1px solid #eaeaea;
        border-radius: 0.75rem;
        height: auto;
        cursor: pointer;
        line-height: 1.5;
        font-family: Roboto-Bold;
        font-size: 1rem;
    }

        .full-width-cta-wrp .btn:hover {
            color: #0D67CA;
            border-color: #eaeaea;
            background: transparent;
        }

.card.brand-gradient {
    overflow: hidden;
}

.card-with-form .row .captcha {
    margin-bottom: 1.5rem;
}

.card-with-form .field-flex {
    display: flex;
    flex-wrap: wrap;
}

    .card-with-form .field-flex .textarea-height .input-field {
        height: calc(100% - 24px);
    }

        .card-with-form .field-flex .textarea-height .input-field textarea {
            height: 100%;
        }

.card-with-form.section-inner-wrapper {
    padding-bottom: 38px;
}

.card-with-form .input-field, .card-with-form .file-field, .card-with-form .checkbox-field {
    margin: 0 0 16px;
}

    .card-with-form .input-field input, .card-with-form .input-field input[type="text"]:not(.browser-default), .card-with-form .input-field textarea.materialize-textarea, .card-with-form .file-field input, .card-with-form .file-field input[type="text"]:not(.browser-default), .card-with-form .file-field textarea.materialize-textarea, .card-with-form .checkbox-field input, .card-with-form .checkbox-field input[type="text"]:not(.browser-default), .card-with-form .checkbox-field textarea.materialize-textarea {
        margin: 0;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

.card-with-form .captcha_box label {
    display: block;
    color: #333;
    margin-bottom: 8px;
}

.card-with-form .checkbox-field a {
    color: #333 !important;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .card-with-form .checkbox-field a:hover {
        text-decoration: none;
    }

.card-with-form .file-upload-wrp {
    position: relative;
}

    .card-with-form .file-upload-wrp .field-validation-error {
        margin-bottom: 16px;
    }

    .card-with-form .file-upload-wrp > a[class*="file"] {
        display: block;
        margin-top: -16px;
        font-size: 14px;
        margin-bottom: 12px;
        color: #333;
        text-decoration: underline;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .card-with-form .file-upload-wrp > a[class*="file"] i {
            margin-right: 4px;
        }

    .card-with-form .file-upload-wrp + a.txt-orange {
        display: inline-block;
        position: relative;
        top: -16px;
        font-size: 12px;
        color: #333;
        text-decoration: underline;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .card-with-form .file-upload-wrp + a.txt-orange:hover {
            text-decoration: none;
        }

    .card-with-form .file-upload-wrp.show .file-path-wrapper {
        display: block;
    }

    .card-with-form .file-upload-wrp .file-path-wrapper {
        position: absolute;
        top: -1px;
        left: -2px;
        right: -2px;
        padding: 17px 20px;
        border: solid 1px #eee;
        border-radius: 8px;
        margin-top: 0;
        display: none;
        background-color: #fff;
        z-index: 10;
    }

        .card-with-form .file-upload-wrp .file-path-wrapper i.i-attach {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #333;
        }

            .card-with-form .file-upload-wrp .file-path-wrapper i.i-attach + .file-path {
                padding-left: 25px;
            }

        .card-with-form .file-upload-wrp .file-path-wrapper .file-path {
            height: auto;
            border: none;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.71;
            color: #333;
            text-overflow: ellipsis;
            padding-right: 30px;
            box-sizing: border-box;
        }

        .card-with-form .file-upload-wrp .file-path-wrapper input.file-path {
            pointer-events: none;
        }

        .card-with-form .file-upload-wrp .file-path-wrapper i.remove-upload.i-cross-c {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            cursor: pointer;
        }

.card-with-form .form-with-column-6 {
    display: flex;
    flex-wrap: wrap;
}

    .card-with-form .form-with-column-6 > .col.m6:nth-child(odd) {
        margin-left: 0;
    }

.card-with-form .file-title {
    font-size: 12px;
    line-height: 1.33;
    color: #666;
    margin-bottom: 12px;
    min-height: 16px;
}

.card-with-form .btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column-reverse;
}

    .card-with-form .btn-group .btn + .btn {
        margin-bottom: 16px;
    }

    .card-with-form .btn-group.btn-flex-start {
        flex-direction: column;
    }

    .card-with-form .btn-group .btn-flat {
        margin-top: 8px;
        cursor: pointer;
        color: #0D67CA;
        font-family: 'Roboto-Bold';
        border-radius: 2.5rem;
    }

        .card-with-form .btn-group .btn-flat + a {
            color: white !important;
        }

    .card-with-form .btn-group a, .card-with-form .btn-group .btn {
        width: 100%;
        text-align: center;
    }

        .card-with-form .btn-group a.full, .card-with-form .btn-group .btn.full {
            width: 100%;
        }

@media (max-width: 991px) {
    .sf-upload.sf-invalid .file-field {
        margin-bottom: 44px;
    }

    .card-with-form .input-field > .captcha_box {
        padding-bottom: 16px;
    }

    .card-with-form .field-flex {
        display: block;
    }

    .card-with-form .btn-group.btn-group-mob-inline {
        align-items: flex-end;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .card-with-form .btn-group.btn-group-mob-inline .btn {
            width: auto;
            margin-bottom: 16px;
            margin-left: 16px;
        }

    form[action*="outage-information"] .full-width-cta-wrp {
        margin-bottom: 0;
    }

        form[action*="outage-information"] .full-width-cta-wrp .btn {
            margin-bottom: 0;
        }

    form[action*="outage-information"] #futureOutagebtn {
        margin-bottom: 0;
    }

    form[action*="outage-information"] .card-with-form.section-inner-wrapper {
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .card.brand-gradient {
        overflow: visible;
    }

    .full-width-cta-wrp {
        margin-bottom: 60px;
    }

    .card-with-form .file-upload-wrp > a[class*="file"] {
        margin-top: -24px;
    }

    .card-with-form .file-upload-wrp + a.txt-orange {
        top: -24px;
    }

    .card-with-form .row .captcha {
        margin-bottom: 0;
    }

    .card-with-form.section-inner-wrapper {
        padding-bottom: 38px;
    }

    .card-with-form .input-field, .card-with-form .file-field, .card-with-form .checkbox-field {
        margin: 0 0 14px;
    }

    .card-with-form .btn-group {
        padding-top: 6px;
        padding-bottom: 6px;
        flex-direction: row;
    }

        .card-with-form .btn-group.btn-flex-start {
            justify-content: flex-start;
            flex-direction: row;
        }

            .card-with-form .btn-group.btn-flex-start .btn-flat {
                margin-right: 0;
                margin-left: 44px;
            }

        .card-with-form .btn-group .btn + .btn {
            margin-bottom: 0;
            margin-left: 24px;
        }

        .card-with-form .btn-group .btn-flat {
            margin-right: 44px;
            margin-top: 0;
            padding-left: 24px;
            padding-right: 24px;
            padding: 0 24px;
        }

            .card-with-form .btn-group .btn-flat:hover {
                background: #F3F7FC;
            }

        .card-with-form .btn-group a, .card-with-form .btn-group .btn {
            width: auto;
        }

        .card-with-form .btn-group .btn {
            min-width: 240px;
        }
}

.datepicker-modal.modal.bottom-sheet {
    z-index: 9999 !important;
}

@media screen and (max-width: 767px) {
    .select-dropdown.dropdown-content {
        max-height: 250px;
    }
}

.table-footer {
    background-color: #F9F9F9;
}

p.table-footer-desc {
    margin-top: 16px;
}

.customer_detail_wrapper {
    border: 1px solid #eee;
    border-radius: 8px;
    width: 100%;
    overflow-x: auto;
    position: relative;
}

    .customer_detail_wrapper table.customer_detail_list-details {
        position: relative;
    }

    .customer_detail_wrapper .watermark {
        position: absolute;
        transform: rotate(-45deg) translate(-50%, -50%);
        top: 15%;
        left: 50%;
        color: #ddd;
        pointer-events: none;
        font-size: 52px;
    }

    .customer_detail_wrapper .customer_detail_list {
        border: 1px solid #eee;
    }

    .customer_detail_wrapper .customer_detail_list-details td, .customer_detail_wrapper .customer_detail_list-details th {
        padding: 0px;
        vertical-align: top;
    }

        .customer_detail_wrapper .customer_detail_list-details td:first-child, .customer_detail_wrapper .customer_detail_list-details th:first-child {
            border-top-left-radius: 8px;
        }

        .customer_detail_wrapper .customer_detail_list-details td:last-child, .customer_detail_wrapper .customer_detail_list-details th:last-child {
            width: 30%;
            border-top-right-radius: 8px;
        }

    .customer_detail_wrapper .customer_detail_list-details thead {
        background-color: #fbfbfb;
    }

        .customer_detail_wrapper .customer_detail_list-details thead tr {
            border-bottom: 0px;
        }

        .customer_detail_wrapper .customer_detail_list-details thead th {
            font-size: .75rem;
            padding: 18px;
            color: #666;
            text-transform: uppercase;
            background-color: #fbfbfb;
            letter-spacing: 0.5px;
        }

            .customer_detail_wrapper .customer_detail_list-details thead th img {
                vertical-align: initial;
            }

    .customer_detail_wrapper .customer_detail_list-details tbody tr:last-child {
        border-bottom: 0px;
    }

    .customer_detail_wrapper .customer_detail_list-details tbody tr td.dataTables_empty {
        text-align: center;
        padding: 20px;
    }

    .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell {
        padding: 16px 18px;
        align-items: center;
        color: #222;
        justify-content: left;
    }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell label {
            font-size: 14px;
            color: #333333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            margin-bottom: 0;
            margin-bottom: 5px;
        }

            .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell label ~ p {
                font-size: 12px;
                line-height: 20px;
            }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell a:not([class*="btn"]) {
            color: #333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            text-decoration: underline;
        }

            .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell a:not([class*="btn"]):hover {
                text-decoration: none;
            }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell span {
            font-size: 12px;
            display: block;
            color: #666;
        }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell p {
            font-size: 14px;
            color: #737373;
        }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell .orange {
            color: #ff962d;
        }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell .red {
            color: #ff0000;
        }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell .green {
            color: #13a180;
        }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell .grey {
            color: #666;
        }

    .customer_detail_wrapper .customer_detail_list-details tbody tr .status {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #333333;
    }

        .customer_detail_wrapper .customer_detail_list-details tbody tr .status span {
            color: #177f38;
            padding-left: 2px;
        }

    .customer_detail_wrapper .tbody tr:last-child {
        border-bottom: 0px;
    }

    .customer_detail_wrapper .tbody tr td {
        border-right: 1px solid #eee;
    }

        .customer_detail_wrapper .tbody tr td .table-cell {
            padding: 16px 20px;
            align-items: center;
            color: #222;
            justify-content: left;
            height: auto;
        }

            .customer_detail_wrapper .tbody tr td .table-cell label {
                font-size: 14px;
                color: #333333;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

                .customer_detail_wrapper .tbody tr td .table-cell label strong {
                    font-family: "Roboto-Bold";
                }

            .customer_detail_wrapper .tbody tr td .table-cell span {
                font-size: 12px;
                display: block;
            }

            .customer_detail_wrapper .tbody tr td .table-cell p {
                font-size: 12px;
            }

.div-table ul li {
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    border: solid 1px #eee;
    padding: 1rem;
}

    .div-table ul li ul {
        display: flex;
        flex-direction: column;
    }

        .div-table ul li ul li {
            border-radius: 0;
            margin-bottom: 0;
            border: none;
            padding: 0;
            width: 100%;
            padding-bottom: 0rem;
        }

            .div-table ul li ul li:nth-last-child(1) {
                width: 100%;
            }

                .div-table ul li ul li:nth-last-child(1) h6 {
                    padding-top: .1875rem;
                }

                    .div-table ul li ul li:nth-last-child(1) h6 aside {
                        font-size: .75rem;
                        padding: 0;
                        margin-left: auto;
                        font-family: "Roboto", sans-serif;
                    }

            .div-table ul li ul li h6 {
                letter-spacing: 0.5px;
                font-size: .75rem;
                display: flex;
                flex-direction: row;
                padding-bottom: 0.8rem;
            }

                .div-table ul li ul li h6 span {
                    background-color: none;
                    padding: 0rem;
                    font-size: .875rem;
                    color: #666;
                    text-transform: normal;
                }

                .div-table ul li ul li h6 aside {
                    text-overflow: ellipsis;
                    overflow: auto;
                    word-wrap: break-word;
                    text-align: right;
                    font-size: 0.9375rem;
                    margin-left: auto;
                    color: #333333;
                    font-family: 'Roboto-Medium';
                    font-weight: normal;
                    padding: 0rem 0 0.5rem 0;
                    font-family: "Roboto-Bold";
                }

                    .div-table ul li ul li h6 aside.success {
                        color: #18aa26;
                    }

            .div-table ul li ul li .list {
                display: flex;
                padding: 0rem 0 0.8rem 0;
                font-size: .875rem;
                flex-direction: row;
                color: #666;
            }

                .div-table ul li ul li .list label {
                    color: #666;
                }

                .div-table ul li ul li .list aside {
                    text-overflow: ellipsis;
                    overflow: auto;
                    word-wrap: break-word;
                    text-align: right;
                    margin-left: auto;
                    color: #333333;
                    padding-left: .3125rem;
                }

    .div-table ul li .escalate {
        padding: 0rem;
        margin-top: 1rem;
    }

@media screen and (max-width: 991px) {
    .hide-on-med-and-down.custom-open-tender {
        display: block !important;
        border: none;
    }

        .hide-on-med-and-down.custom-open-tender #tenderListingTable_wrapper {
            display: none;
        }

    .custom-table-title.section-header {
        display: block;
    }

    .custom-search-small-wrp {
        margin-top: 24px;
    }

        .custom-search-small-wrp aside {
            display: block;
        }

    .input-field.input-has-icon.custom-search-small input::-webkit-input-placeholder {
        opacity: 0;
    }

    .input-field.input-has-icon.custom-search-small input::placeholder {
        opacity: 0;
    }
}

@media screen and (min-width: 992px) {
    .div-table {
        border-radius: 0.5rem;
        margin-bottom: 0.75rem;
        border: solid 1px #eee;
    }

        .div-table ul .table-title {
            border-bottom: none;
            padding-top: 0;
        }

            .div-table ul .table-title ul li {
                padding-bottom: 0rem;
            }

        .div-table ul li {
            border-radius: 0;
            margin-bottom: 0;
            border: none;
            padding: 0;
            padding: 1rem 0 0 0;
            border-bottom: solid 1px #eee;
        }

            .div-table ul li:last-child {
                border-bottom: none;
            }

            .div-table ul li ul {
                flex-direction: row;
                margin-top: 0rem;
            }

                .div-table ul li ul li {
                    width: 70%;
                    padding-bottom: 1rem;
                }

                    .div-table ul li ul li:nth-last-child(1) {
                        width: 30%;
                    }

                        .div-table ul li ul li:nth-last-child(1) h6 {
                            flex-direction: column;
                            padding-top: 0rem;
                        }

                            .div-table ul li ul li:nth-last-child(1) h6 aside {
                                font-size: 0.9375rem;
                                padding: 1rem 1rem 0.5rem 1rem;
                                margin-left: 0;
                            }

                    .div-table ul li ul li h6 {
                        font-size: .75rem;
                        flex-direction: column;
                        padding-bottom: 0;
                    }

                        .div-table ul li ul li h6 span {
                            background-color: #fbfbfb;
                            padding: 1rem;
                            text-transform: uppercase;
                        }

                        .div-table ul li ul li h6 aside {
                            text-overflow: ellipsis;
                            overflow: auto;
                            word-wrap: break-word;
                            text-align: left;
                            font-size: 0.9375rem;
                            margin-left: 0;
                            color: #333333;
                            font-family: 'Roboto-Medium';
                            font-weight: normal;
                            padding: 1rem;
                            font-family: "Roboto", sans-serif;
                        }

                    .div-table ul li ul li .list {
                        display: flex;
                        padding: 0rem 1rem 0.8rem 1rem;
                        font-size: .875rem;
                        flex-direction: row;
                        color: #666;
                    }

                        .div-table ul li ul li .list label {
                            color: #666;
                        }

                        .div-table ul li ul li .list aside {
                            margin-left: 0;
                        }

            .div-table ul li .escalate {
                padding: 1rem;
                padding-top: 0;
                margin-top: 0rem;
                margin-bottom: .625rem;
            }

    .input-field.input-has-icon.custom-search-small label {
        display: none;
    }

    .input-field.input-has-icon.custom-search-small input {
        height: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 16px;
    }

        .input-field.input-has-icon.custom-search-small input::-webkit-input-placeholder {
            font-size: 12px;
            color: #666666;
        }

        .input-field.input-has-icon.custom-search-small input::placeholder {
            font-size: 12px;
            color: #666666;
        }

    .input-field.input-has-icon.custom-search-small .input-icon {
        right: 10px;
    }

        .input-field.input-has-icon.custom-search-small .input-icon i:before {
            font-size: 20px;
        }

    .customer_detail_wrapper .customer_detail_list {
        border: 1px solid #eee;
    }

    .customer_detail_wrapper .customer_detail_list-details td, .customer_detail_wrapper .customer_detail_list-details th {
        padding: 0px;
        vertical-align: top;
    }

        .customer_detail_wrapper .customer_detail_list-details td:first-child, .customer_detail_wrapper .customer_detail_list-details th:first-child {
            border-top-left-radius: 8px;
        }

        .customer_detail_wrapper .customer_detail_list-details td:last-child, .customer_detail_wrapper .customer_detail_list-details th:last-child {
            width: 30%;
            border-top-right-radius: 8px;
        }

    .customer_detail_wrapper .customer_detail_list-details thead tr {
        border-bottom: 0px;
    }

    .customer_detail_wrapper .customer_detail_list-details thead th {
        font-size: .9375rem;
        padding: 20px 12px;
        color: #666;
        text-transform: capitalize;
        font-family: 'Roboto-Medium';
        font-weight: 400;
        letter-spacing: 0;
    }

        .customer_detail_wrapper .customer_detail_list-details thead th img {
            vertical-align: initial;
        }

    .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell {
        padding: 16px;
        align-items: center;
        color: #222;
        justify-content: left;
    }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell label {
            font-size: .9375rem;
            color: #333333;
            font-weight: 500;
            display: block;
        }
}

.text_format p {
    color: #666;
    margin-bottom: 2rem;
}

.text_format .small {
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    margin-top: .75rem;
}

.text_format h5 {
    font-size: 1rem;
    color: #000;
    margin-bottom: 1.25rem;
    font-weight: 700;
}

.text_format .steps {
    border-radius: .75rem;
    padding: 1.75rem;
    border: 1px solid #e2e2e2;
}

    .text_format .steps li {
        margin-bottom: 1.75rem;
    }

.text_format .banking_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .text_format .banking_section .banking_box {
        width: 100%;
        margin-bottom: 24px;
    }

        .text_format .banking_section .banking_box .bank-logo {
            background-color: #fff;
            border: 1px solid #eaeaea;
            padding: 23px;
            margin-bottom: .875rem;
            border-radius: 12px;
        }

        .text_format .banking_section .banking_box p {
            font-size: .875rem;
            margin-bottom: .875rem;
            color: #666;
        }

.saving {
    background: #e5f4ea;
    border-radius: 12px;
    text-align: center;
    padding: 2rem;
    margin-bottom: 2rem;
}

    .saving.custom-blue {
        background-color: #edf5ff;
    }

        .saving.custom-blue h3 {
            color: #333333;
            font-family: Roboto-Bold;
        }

        .saving.custom-blue p {
            color: #333333;
        }

    .saving a.btn {
        color: #fff;
    }

    .saving h3 {
        color: #177f38;
        font-size: 1.75rem;
        margin-bottom: .5rem;
        font-weight: 700;
    }

    .saving p {
        padding-bottom: 1.5rem;
    }

@media screen and (min-width: 992px) {
    .text_format .banking_section .banking_box {
        width: 50%;
    }
}

#whatisarevisedbill table.responsive-table {
    margin-bottom: 16px;
}

.check-all-link-wrp {
    padding: 1.5rem 0;
}

    .check-all-link-wrp a {
        color: #000;
        text-decoration: underline;
        font-size: .9375rem;
        font-family: 'Roboto-Bold';
    }

        .check-all-link-wrp a:hover {
            text-decoration: none;
        }

form#frmITDeclarations .custom_accrdion.rounded ul li .collapsible-header a {
    padding: 0;
}

    form#frmITDeclarations .custom_accrdion.rounded ul li .collapsible-header a input[type="submit"] {
        padding: 1.35rem 1.125rem;
        width: 100%;
    }

.banking_section .banking_box {
    padding: 16px 8px;
    width: 50%;
}

    .banking_section .banking_box img {
        margin-bottom: 12px;
    }

.custom_accrdion .accordion-item {
    border-bottom: 1px solid #DEDEDE;
}

.custom_accrdion .accordion > div:first-child .collapsible-header {
    border-top: 1px solid #DEDEDE;
}

.custom_accrdion .collapsible-header {
    font-weight: 500;
    font-family: 'Roboto';
    font-size: 16px;
    margin: 0;
    padding: 1.5rem 3.5rem 1.5rem 1rem;
    position: relative;
    transition: all 0.3s;
    border-bottom: 0;
}

    /*.custom_accrdion .collapsible-header:not(.active):hover {
        background: #f3f3f3;
        color:#000000;
    }*/

    .custom_accrdion .collapsible-header i {
        margin: 0;
    }

    .custom_accrdion .collapsible-header h2 {
        margin: 0;
    }

    /*.custom_accrdion .collapsible-header:focus {
        background-color: #fff;
    }*/

    .custom_accrdion .collapsible-header::after {
        right: .625rem;
        width: 1.5625rem;
        height: 1.5625rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.25rem;
        font-weight: bold;
        content: '\A016';
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "fontello";
    }

.custom_accrdion .collapsible-header-body {
    padding: 0 1rem 1.25rem 1rem;
    border-bottom: none;
}

    .custom_accrdion .collapsible-header-body .panel-body li {
        margin-bottom: 0.75rem;
    }

    .custom_accrdion .collapsible-header-body .block-link-wrapper a {
        display: block;
        margin-bottom: 1rem;
    }

    .custom_accrdion .collapsible-header-body .smiles-content {
        margin-bottom: 1.5rem;
    }

        .custom_accrdion .collapsible-header-body .smiles-content p {
            margin-bottom: .5rem;
        }

    .custom_accrdion .collapsible-header-body .bullet-list {
        padding-left: 1.0625rem;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

        .custom_accrdion .collapsible-header-body .bullet-list li {
            list-style: disc;
            font-size: 1rem;
            line-height: 1.43;
            margin-bottom: .5rem;
        }

    .custom_accrdion .collapsible-header-body p {
        margin-bottom: 0.75rem;
        font-size: 1rem;
    }

        .custom_accrdion .collapsible-header-body p strong {
            font-family: 'Roboto-Bold';
        }

        .custom_accrdion .collapsible-header-body p:last-child {
            margin-bottom: 0;
        }

        .custom_accrdion .collapsible-header-body p a i.vi-download-bills {
            margin-right: 8px;
        }

    .custom_accrdion .collapsible-header-body .acc-quote-box {
        background: #F9F9F9;
        padding: 16px;
        border-radius: 8px;
    }

        .custom_accrdion .collapsible-header-body .acc-quote-box p span {
            display: block;
            margin-bottom: 16px;
        }

    .custom_accrdion .collapsible-header-body .app-store-btn {
        margin-top: 1.25rem;
    }

.custom_accrdion .collapsible-header.active {
    border-bottom: 0 solid #DEDEDE;
    font-family: 'Roboto-Bold';
}

    .custom_accrdion .collapsible-header.active h2 {
        font-family: 'Roboto-Bold';
    }

    .custom_accrdion .collapsible-header.active::after {
        content: '\A020';
    }

.custom_accrdion .collapsible-body {
    padding: 0 1rem 1.25rem 1rem;
    border-bottom: none;
    border: 1px solid #ccc;
    margin-top: -16px;
    padding-top: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .custom_accrdion .collapsible-body p {
        font-size: inherit;
    }

.custom_accrdion.rounded ul.collapsible-accordion > li {
    border-bottom: none;
}

    .custom_accrdion.rounded ul.collapsible-accordion > li:first-child {
        border-top: none;
    }

.custom_accrdion.rounded .collapsible-header {
    border: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

    .custom_accrdion.rounded .collapsible-header a {
        font-family: Roboto-Bold;
        font-size: 1rem;
        display: block;
        padding: 1.125rem;
        border: 1px solid #eaeaea;
        border-radius: 0.75rem;
        width: 100%;
    }

        .custom_accrdion.rounded .collapsible-header a input[type="submit"] {
            background: none;
            color: #0D67CA;
            font-family: Roboto-Bold;
            font-size: 1rem;
            cursor: pointer;
            white-space: pre-wrap;
            text-align: left;
        }

    .custom_accrdion.rounded .collapsible-header::after {
        display: none;
    }

.custom_accrdion.rounded .collapsible-body {
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.custom_accrdion.rounded .center {
    text-align: center;
}

.accordion-more {
    margin-top: 1.5rem;
    display: table;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

@media (max-width: 991px) {
    .custom_accrdion .collapsible-header {
        padding-left: 0;
    }

    .custom_accrdion .collapsible-body {
        padding-left: 0;
        padding-right: 0;
    }

    .custom_accrdion .collapsible-header:not(.active):hover {
        background: none;
    }

    .custom_accrdion .collapsible-header::after {
        right: 0;
    }

    #whatisarevisedbill table.responsive-table td {
        border: 1px solid Black;
    }
}

.QuickBillPaySection .single-line-form {
    padding-bottom: 16px;
}

    .QuickBillPaySection .single-line-form .hero-captcha-box {
        margin-top: 10px;
    }

.single-line-form {
    margin-bottom: 24px;
}

    .single-line-form .input-field.custom {
        margin: 0;
    }

        .single-line-form .input-field.custom input {
            margin-bottom: 0;
        }

    .single-line-form .btn {
        width: 100%;
    }

    .single-line-form p {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.67;
        color: #666;
        margin-top: 8px;
        margin-bottom: 24px;
    }

@media (min-width: 601px) {
    .single-line-form {
        margin-bottom: 2rem;
        display: flex;
    }

        .single-line-form .single-line-field {
            margin-right: 20px;
            flex: 1;
        }

        .single-line-form .btn {
            max-width: 200px;
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 5px;
        }

        .single-line-form p {
            margin-bottom: 0;
        }
}

.rooftopSolarSteps {
    margin-top: 28px;
}

    .rooftopSolarSteps ul li {
        font-size: 14px;
        color: #666;
        padding-bottom: 12px;
    }

.steps-content a {
    color: #333;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .steps-content a:hover {
        color: #333;
        text-decoration: none;
    }

.steps-content hr {
    margin: 32px auto;
}

.steps-content .electric-steps h5 {
    margin-bottom: 12px;
}

.steps-content .electric-steps h4 {
    padding-top: 8px;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-bottom: 1rem;
}

.steps-content.steps-content-space {
    margin-top: 32px;
}

.steps-content .customer_detail_wrapper {
    margin: 24px 0;
}

.steps-content .card {
    padding: 28px;
}

    .steps-content .card.card-scroll-y {
        max-height: 296px;
        overflow-y: auto;
    }

.steps-content strong {
    font-weight: bold;
    color: #333;
}

.steps-content .step-desc {
    padding-left: 18px;
}

.steps-content h4 {
    font-size: 16px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}

.steps-content h5 {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-bottom: 10px;
    color: #333;
    line-height: normal;
}

.steps-content h6 {
    font-size: 14px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    line-height: 1.67;
    color: #999999;
    display: block;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.steps-content p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.43;
}

    .steps-content p:not(:last-of-type) {
        margin-bottom: 22px;
    }

.steps-content .step-sec-header {
    margin-bottom: 24px;
}

    .steps-content .step-sec-header h3 {
        font-size: 20px;
        line-height: 1.4;
        color: #222;
        font-family: 'Roboto-Bold';
        margin-bottom: 12px;
    }

.steps-content ul:not(.bullet-list) li {
    padding-bottom: 32px;
}

    .steps-content ul:not(.bullet-list) li:last-of-type {
        padding-bottom: 0;
    }

    .steps-content ul:not(.bullet-list) li ul li {
        padding-bottom: 10px;
    }

.steps-content ul li ul {
    margin-top: .625rem;
    margin-left: 1.125rem;
    padding: 0px;
}

    .steps-content ul li ul li {
        padding-bottom: .625rem;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.43;
        list-style-type: disc;
    }

        .steps-content ul li ul li.has-list {
            padding-bottom: 24px;
        }

        .steps-content ul li ul li ul li {
            list-style: circle;
        }

        .steps-content ul li ul li ul.lower-alpha, .steps-content ul li ul li ul.lower-roman {
            margin-left: 0;
            counter-reset: alphabeticList;
        }

            .steps-content ul li ul li ul.lower-alpha li, .steps-content ul li ul li ul.lower-roman li {
                list-style: none;
                counter-increment: alphabeticList;
                position: relative;
                min-height: 22px;
                padding-left: 22px;
            }

                .steps-content ul li ul li ul.lower-alpha li::before, .steps-content ul li ul li ul.lower-roman li::before {
                    position: absolute;
                    left: 0;
                    top: 0;
                }

                .steps-content ul li ul li ul.lower-alpha li::before {
                    content: counter(alphabeticList, lower-alpha) ")";
                }

                .steps-content ul li ul li ul.lower-roman li::before {
                    content: counter(alphabeticList, lower-roman) ")";
                }

.steps-content .bullet-alpha li {
    list-style-type: lower-alpha;
}

.steps-content .mob-listing ul {
    margin: 0;
    padding: 0;
}

    .steps-content .mob-listing ul li {
        padding: 0;
        padding-bottom: 1rem;
        font-size: 0.8125rem;
    }

        .steps-content .mob-listing ul li h4 {
            line-height: normal;
        }

.quick-bill-steps {
    margin: 30px 0 80px;
}

    .quick-bill-steps li {
        display: flex;
        flex-wrap: wrap;
    }

        .quick-bill-steps li figure {
            width: 80px;
            height: 80px;
            line-height: 80px;
            border-radius: 50%;
            background: #f3f6fb;
            margin-right: 20px;
            text-align: center;
            position: relative;
        }

            .quick-bill-steps li figure img {
                width: 70%;
                position: absolute;
                transform: translate(-50%, -50%);
                left: 50%;
                top: 50%;
            }

        .quick-bill-steps li h6 {
            font-size: 14px;
            text-transform: uppercase;
        }

        .quick-bill-steps li h5, .quick-bill-steps li p {
            font-size: 16px !important;
        }

        .quick-bill-steps li .step-summary {
            flex-grow: 1;
            width: 60%;
        }

.quick-bill-pay-options.custom_accrdion ul.collapsible-accordion > li:first-child {
    border-top: 0;
}

@media (max-width: 991px) {
    .steps-content .card {
        padding: 20px 16px;
    }
}

.steps-content .section-header h5 {
    font-size: 24px;
}

.bill-detail-header {
    margin-bottom: 20px;
    display: block;
    border-radius: 12px;
    padding: 20px;
    background-color: #edf5ff;
    text-align: center;
}

    .bill-detail-header .bill-detail-content {
        margin-bottom: 16px;
    }

        .bill-detail-header .bill-detail-content h4 {
            font-size: 28px;
            font-family: "Roboto-Bold";
            line-height: 1.29;
            margin-bottom: 4px;
        }

        .bill-detail-header .bill-detail-content p {
            font-size: 14px;
            line-height: 1.43;
        }

        .bill-detail-header .bill-detail-content span {
            font-family: 'Roboto-Medium';
            font-weight: normal;
            color: #666;
            font-size: 14px;
        }

            .bill-detail-header .bill-detail-content span.bill-due-msg {
                color: #d30a0a;
                background-image: url(../../assets/icons/error-icon.svg);
                background-repeat: no-repeat;
                background-position: left 1px;
                padding-left: 25px;
                font-size: 12px;
                vertical-align: middle;
                display: inline-block;
            }

    .bill-detail-header .bill-detail-cta .btn.outlined {
        background-color: transparent;
    }

    .bill-detail-header .bill-detail-cta .btn + .btn {
        margin-left: 12px;
    }

.quick-pay-wrapper .tabs.quick-pay-tab {
    height: 60px;
}

    .quick-pay-wrapper .tabs.quick-pay-tab .tab {
        line-height: 60px;
        height: 60px;
    }

        .quick-pay-wrapper .tabs.quick-pay-tab .tab a {
            padding-left: 20px;
            padding-right: 20px;
        }

    .quick-pay-wrapper .tabs.quick-pay-tab .indicator {
        max-width: 180px;
    }

.quick-pay-wrapper .card.outlined {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.quick-pay-wrapper .warning-info {
    margin-bottom: 28px;
}

.quick-pay-wrapper .withoutOutstanding-hero button {
    width: 30%;
    padding: 0 10px;
}

.quick-pay-wrapper .VDSAmountCurrentOutstanding-hero .bill-detail-header .CurrentOutstanding {
    color: #333333;
    font-weight: bold;
    font-size: 28px;
}

.message-padd-bot label {
    padding-bottom: 0;
}

    .message-padd-bot label p {
        margin-bottom: 0;
    }

.mob-bottom-nav-trigger {
    padding: 0 8px;
    cursor: pointer;
    border-radius: 4px;
}

    .mob-bottom-nav-trigger .i-arrow-d {
        color: #222;
    }

        .mob-bottom-nav-trigger .i-arrow-d:before {
            font-size: 28px;
        }

.mob-bottom-nav-box .modal .modal-content header {
    padding: 20px 20px 0px 20px;
}

.mob-bottom-nav-box .dd-menu-dd {
    padding: 0;
}

    .mob-bottom-nav-box .dd-menu-dd li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .mob-bottom-nav-box .dd-menu-dd li a {
            margin: 0 -8px;
            height: auto;
            display: flex;
            font-size: 1rem;
            border-radius: 0 !important;
            color: #333333;
            padding: 12px 8px;
            align-items: center;
            line-height: normal;
            transition: background-color .4s ease-in;
        }

            .mob-bottom-nav-box .dd-menu-dd li a[href]:not([class*="btn"]) {
                text-decoration: none;
                font-weight: normal;
            }

            .mob-bottom-nav-box .dd-menu-dd li a p {
                margin-bottom: 0;
                font-size: 16px;
                color: #333333;
            }

.modal-content header.custom-dir-col {
    flex-direction: column;
    justify-content: revert;
    margin-bottom: 12px;
    padding-top: 8px;
}

    .modal-content header.custom-dir-col .input-icon {
        margin-bottom: 16px;
        line-height: 1;
    }

        .modal-content header.custom-dir-col .input-icon .i-cross:before {
            font-weight: bold;
        }

    .modal-content header.custom-dir-col h2 {
        margin-bottom: 0;
    }

@media (max-width: 991px) {
    .quick-pay-wrapper .tabs.quick-pay-tab .indicator {
        max-width: 136px;
    }
}

@media (min-width: 992px) {
    .bill-detail-header {
        display: flex;
        align-items: center;
        padding: 28px 32px;
        justify-content: space-between;
        text-align: inherit;
    }

        .bill-detail-header .bill-detail-content {
            margin-bottom: 0;
        }

        .bill-detail-header .bill-detail-cta .btn {
            width: 100%;
        }

            .bill-detail-header .bill-detail-cta .btn.btn-tiny {
                width: auto;
                border: 1px solid #0D67CA;
            }

            .bill-detail-header .bill-detail-cta .btn + .btn {
                margin-left: 16px;
            }

    .quick-pay-wrapper .tabs.quick-pay-tab {
        border: 1px solid #EAEAEA;
        border-bottom: 0;
        margin-bottom: 0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        height: 70px;
    }

        .quick-pay-wrapper .tabs.quick-pay-tab .tab {
            line-height: 70px;
            height: 70px;
        }

            .quick-pay-wrapper .tabs.quick-pay-tab .tab a {
                padding-left: 32px;
                padding-right: 32px;
            }

    .quick-pay-wrapper .card.outlined {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}

.bill-detail-body {
    margin-bottom: 24px;
}

    .bill-detail-body .bill-detail-body-cell {
        margin-bottom: 24px;
    }

    .bill-detail-body strong {
        font-family: "Roboto-Bold";
    }

    .bill-detail-body h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        font-family: "Roboto-Bold";
    }

    .bill-detail-body ul li {
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
    }

        .bill-detail-body ul li:last-child {
            margin-bottom: 0;
        }

        .bill-detail-body ul li label {
            color: #333;
            font-size: 16px;
        }

            .bill-detail-body ul li label strong {
                color: #333;
            }

            .bill-detail-body ul li label .small-desc {
                font-size: 12px;
                font-weight: normal;
                font-style: normal;
                line-height: 1.33;
                color: #666;
                margin-left: 8px;
            }

        .bill-detail-body ul li span {
            color: #333;
            max-width: 400px;
            width: 55%;
            text-align: right;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

.download-link-wrp a {
    color: #333;
    text-decoration: underline;
    font-family: "Roboto-Bold";
}

@media (max-width: 991px) {
    .bill-detail-body ul li span {
        width: 50%;
    }

    .bill-detail-body ul li label .small-desc {
        margin-left: 0;
        display: block;
    }

    .download-link-wrp {
        margin-bottom: 20px;
    }

        .download-link-wrp a {
            margin-top: 0 !important;
        }
}

#modalCancelVPRequest > a.btn {
    width: calc(50% - 12px);
}

.billing.custom_accrdion {
    margin-bottom: 20px;
}

    .billing.custom_accrdion li.prevRequest {
        margin: 40px 0 60px;
    }

.billdetail.steps-content ul:not(.bullet-list) li h5 {
    margin-bottom: 10px;
}

.billdetail.steps-content ul:not(.bullet-list) li p {
    font-size: 14px;
}

.billdetail.steps-content ul:not(.bullet-list) li ul {
    font-size: 14px;
    color: #666;
    margin-top: 1.2rem;
}

    .billdetail.steps-content ul:not(.bullet-list) li ul li {
        font-size: 14px;
    }

.payemnt-offer {
    margin-bottom: 32px;
}

    .payemnt-offer .card {
        padding: 18px 20px;
        display: flex;
        background-color: #f1faf1;
    }

        .payemnt-offer .card .offer-icon {
            align-self: flex-start;
        }

    .payemnt-offer figure {
        margin-right: 14px;
    }

    .payemnt-offer aside {
        padding-left: 10px;
        flex: 1;
    }

        .payemnt-offer aside h4 {
            font-size: 16px;
            font-family: "Roboto-Bold";
            line-height: 1.5;
            margin-bottom: 4px;
        }

        .payemnt-offer aside ul {
            padding-left: 18px;
        }

            .payemnt-offer aside ul li {
                list-style: disc;
                margin-bottom: 4px;
                font-size: 14px;
            }

        .payemnt-offer aside p {
            font-size: 14px;
            line-height: 1.33;
            line-height: 22px;
        }

            .payemnt-offer aside p a {
                color: #999;
                font-size: 12px;
            }

    .payemnt-offer.v2 figure {
        width: 72px;
        height: 72px;
        margin: 0 16px 0 0;
        background-color: #fff;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .payemnt-offer.v2 figure img {
            width: 50%;
        }

@media (min-width: 992px) {
    .payemnt-offer {
        margin-bottom: 0;
    }
}

.payment-reminder {
    margin-bottom: 1.75rem;
}

    .payment-reminder .card {
        padding: 20px;
        display: flex;
        background: none;
    }

        .payment-reminder .card .circle-icon-small {
            height: 65px;
            width: 65px;
        }

            .payment-reminder .card .circle-icon-small::before {
                width: 65px;
                height: 65px;
            }

        .payment-reminder .card .offer-icon {
            align-self: flex-start;
        }

    .payment-reminder aside h5 {
        font-size: 12px;
        line-height: 1.33;
        margin-bottom: 4px;
    }

        .payment-reminder aside h5 strong {
            font-family: "Roboto-Bold";
        }

    .payment-reminder aside h4 {
        font-size: 20px;
        font-family: "Roboto-Bold";
        line-height: 1.2;
        margin-bottom: 6px;
    }

    .payment-reminder aside p {
        font-size: 12px;
        font-family: "Roboto-Bold";
        line-height: 1.33;
        color: #cc0909;
    }

.vacant-card.active-bar .view-brk {
    display: none;
}

.vacant-card.active-bar .hide-brk {
    display: initial !important;
}

.vacant-card .top {
    padding: 20px;
    background-color: #edf5ff;
    overflow: hidden;
}

    .vacant-card .top h4 {
        font-size: 28px;
        line-height: 1.286;
        font-family: 'Roboto-Bold';
    }

    .vacant-card .top p {
        font-family: 'Roboto-Medium';
        font-weight: normal;
        font-size: 14px;
        line-height: 1.43;
    }

    .vacant-card .top .inner {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .vacant-card .top .price-btn {
        font-family: 'Roboto-Medium';
        font-weight: normal;
        font-size: 14px;
        line-height: 1.43;
    }

        .vacant-card .top .price-btn a {
            color: inherit;
            cursor: pointer;
            text-decoration: underline;
        }

    .vacant-card .top .price-area {
        padding-top: 10px;
    }

    .vacant-card .top .circle-icon-small {
        width: 84px;
        height: 84px;
        margin-right: 0;
    }

        .vacant-card .top .circle-icon-small:before {
            width: 84px;
            height: 84px;
        }

.vacant-card .card {
    overflow: hidden;
    display: block;
    padding: 0;
    background: none;
}

.vacant-card .icon-area {
    position: relative;
    z-index: 1;
}

.vacant-card .btm {
    padding: 20px;
}

    .vacant-card .btm h4 {
        color: #666666;
        font-size: 12px;
        line-height: 1.34;
    }

    .vacant-card .btm h3 {
        font-size: 16px;
        line-height: 24px;
        color: #333;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

    .vacant-card .btm .item + .item {
        margin-top: 12px;
    }

.vacant-card .table-area .table-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: normal;
}

    .vacant-card .table-area .table-item:last-child {
        margin-bottom: 16px;
    }

    .vacant-card .table-area .table-item small {
        display: block;
        font-size: 12px;
        color: #666;
        line-height: normal;
        margin-top: 8px;
    }

    .vacant-card .table-area .table-item strong {
        font-family: 'Roboto-Bold';
    }

    .vacant-card .table-area .table-item > div {
        float: none;
    }

    .vacant-card .table-area .table-item .right {
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

.payment-method-content .owl-nav {
    display: none !important;
}

.row.desktop-none {
    padding: 20px 0 50px;
    text-align: center;
}

.row.mobile-none .col-sm-12 > img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

ol.numberedList {
    padding: 18px;
}

    ol.numberedList li {
        margin-bottom: 4px;
    }

.payment-method {
    margin-bottom: 20px;
}

    .payment-method p {
        font-size: 12px;
        line-height: 1.67;
        color: #666;
    }

    .payment-method .owl-nav {
        display: none;
    }

    .payment-method .card {
        border: none;
        margin-bottom: 12px;
    }

    .payment-method .payment-method-content {
        margin-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .payment-method .payment-method-item {
        padding: 20px;
        border-radius: 8px;
        border: solid 1px #eaeaea;
        background-color: rgba(255,255,255,0.5);
        position: relative;
        width: calc(50% - 12px);
        margin-bottom: 18px;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .payment-method .payment-method-item.cusomer_detail.active {
            border: 1px solid #0d67ca;
            background: rgba(13,103,202,0.03);
        }

        .payment-method .payment-method-item label:before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            content: "";
            opacity: 0;
            cursor: pointer;
        }

        .payment-method .payment-method-item label span {
            font-size: 16px;
            font-family: "Roboto-Bold";
            line-height: 1.5;
            color: #333;
        }

    .payment-method figure {
        margin-top: 18px;
    }

        .payment-method figure img {
            width: 100%;
        }

    .payment-method .payment-method-btn-group {
        text-align: center;
    }

        .payment-method .payment-method-btn-group .btn {
            width: 100%;
        }

@media (min-width: 601px) {
    .payment-method .payment-method-content {
        justify-content: inherit;
        margin-left: -8px;
        margin-right: -8px;
    }

    .payment-method .payment-method-item {
        width: calc(25% - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }

    .payment-method .card {
        padding: 32px;
        border: solid 1px #eaeaea;
    }

    .payment-method .payment-method-btn-group {
        text-align: right;
    }

        .payment-method .payment-method-btn-group .btn {
            width: auto;
        }
}

.alert-box {
    background-color: #fff7f7;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
}

    .alert-box i {
        position: relative;
        background-color: #ffe6e6;
        border-radius: 50px;
        text-align: center;
        height: 50px;
        width: 50px;
    }

        .alert-box i:before {
            content: "\E053";
            color: #f18282;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .alert-box.success {
        background-color: #f6fcf6;
    }

        .alert-box.success .need-help-wrp {
            padding-top: 24px;
        }

        .alert-box.success i {
            position: relative;
            background-color: #dff7e7;
            border-radius: 50px;
            text-align: center;
            height: 50px;
            width: 50px;
        }

            .alert-box.success i:before {
                content: "\E095";
                color: #18aa26;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

    .alert-box .need-help-wrp {
        display: flex;
        flex-direction: column;
    }

        .alert-box .need-help-wrp a {
            text-decoration: underline;
            color: #333;
            margin-left: 28px;
            font-size: 14px;
            line-height: 1.71;
        }

            .alert-box .need-help-wrp a + a {
                margin-top: 16px;
            }

    .alert-box .alert-box-content img {
        margin-bottom: 16px;
        align-self: flex-start;
    }

    .alert-box .alert-box-content .alert-text {
        margin-left: 12px;
    }

        .alert-box .alert-box-content .alert-text h6 {
            margin-bottom: 4px;
            font-size: 16px;
            line-height: 1.5;
            color: #333;
        }

        .alert-box .alert-box-content .alert-text p {
            color: #666;
            font-size: 14px;
            line-height: 1.43;
        }

    .alert-box .alert-box-content .power-outage-time {
        background-color: #fffcfc;
        display: inline-block;
        margin-bottom: 16px;
        margin-top: 16px;
        border-radius: 8px;
    }

        .alert-box .alert-box-content .power-outage-time p {
            padding: 8px 12px;
            color: #666;
            font-size: 12px;
            line-height: 1.33;
        }

.alert-box-discount {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 32px;
}

    .alert-box-discount.success {
        background-color: #f6fcf6;
    }

        .alert-box-discount.success i {
            margin-right: 10px;
            margin-left: 10px;
        }

            .alert-box-discount.success i:before {
                content: "\E084";
                color: #18aa26;
                font-size: 16px;
            }

    .alert-box-discount .alert-box-content-discount {
        display: flex;
    }

        .alert-box-discount .alert-box-content-discount p {
            margin-left: 6px;
            padding-top: 2px;
            font-size: 14px;
            line-height: 1.43;
            color: #222;
        }

        .alert-box-discount .alert-box-content-discount i {
            color: #177f38;
        }

.payment-confirm-msg label {
    color: #222;
}

.payment-confirm-msg p {
    font-size: 12px;
    line-height: 1.33;
    display: flex;
    align-items: top;
    margin-bottom: 2rem;
}

    .payment-confirm-msg p i {
        margin-right: .3125rem;
        padding-right: 20px;
    }

@media (min-width: 992px) {
    .alert-box {
        padding: 32px;
        margin-bottom: 6px;
    }

        .alert-box.success .need-help-wrp {
            padding-top: 24px;
        }

        .alert-box .alert-box-content {
            display: flex;
            margin-bottom: 16px;
            text-align: left;
        }

            .alert-box .alert-box-content .alert-text {
                margin-left: 12px;
            }

            .alert-box .alert-box-content .power-outage-time {
                display: inline-block;
                margin-bottom: 12px;
                margin-top: 12px;
                border-radius: 8px;
            }

        .alert-box .need-help-wrp {
            text-align: right;
            display: block;
        }

            .alert-box .need-help-wrp a {
                text-decoration: underline;
                color: black;
                margin-left: 28px;
            }

                .alert-box .need-help-wrp a + a {
                    margin-top: 0px;
                }

    .alert-box-discount {
        padding-left: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 32px;
    }

        .alert-box-discount.success {
            background-color: #f6fcf6;
        }

            .alert-box-discount.success i {
                margin-right: 0px;
                margin-left: 0px;
            }

                .alert-box-discount.success i:before {
                    content: "\E084";
                    color: #18aa26;
                    font-size: 16px;
                }

        .alert-box-discount .alert-box-content-discount {
            display: flex;
        }

            .alert-box-discount .alert-box-content-discount p {
                margin-left: 6px;
                padding-top: 2px;
                font-size: 14px;
                line-height: 1.43;
                color: #222;
            }

            .alert-box-discount .alert-box-content-discount i {
                color: #177f38;
            }

    .payment-confirm-msg label {
        color: #222;
    }

    .payment-confirm-msg p {
        font-size: 12px;
        line-height: 1.33;
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
    }

        .payment-confirm-msg p i {
            margin-right: .3125rem;
        }
}

ul.list-with-dot {
    padding: 16px;
    padding-left: 32px;
    border-radius: 12px;
    background-color: #f9f9f9;
    margin-bottom: 16px;
}

    ul.list-with-dot:last-child {
        margin-bottom: 0;
    }

    ul.list-with-dot li {
        font-size: 14px;
        line-height: 1.5;
        color: #222;
        margin-bottom: 12px;
        list-style: disc;
    }

ul.ca-num-box {
    border-radius: 8px;
    background-color: #edf5ff;
    padding: 20px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    ul.ca-num-box li {
        font-family: 'Roboto-Medium';
        font-weight: normal;
        font-size: 15px;
        width: 49%;
    }

        ul.ca-num-box li label {
            display: block;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.33;
            color: #666;
            margin-bottom: 4px;
        }

.dropdown_wrapper {
    position: relative;
}

    .dropdown_wrapper .select_button {
        border-radius: 12px;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #eee;
        font-size: 12px;
        color: #666;
        margin-right: 12px;
        border-radius: 50px;
    }

        .dropdown_wrapper .select_button .i-arrow-d:before {
            font-size: 18px;
        }

    .dropdown_wrapper .business_dropdown {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 12px;
        width: 262px;
        overflow: hidden;
        position: absolute;
        z-index: 99999;
        box-shadow: 0 1px 3px 0 #eee;
        left: 0;
        top: -10px;
    }

        .dropdown_wrapper .business_dropdown header {
            padding: 12px 16px;
            font-size: 12px;
            color: #999;
        }

        .dropdown_wrapper .business_dropdown a {
            display: flex;
            border-bottom: 0px solid #f1f1f1;
            align-items: center;
            font-size: 14px;
            color: #666;
            text-decoration: none;
            padding: 12px 16px;
            -webkit-transition: background-color 0.4s ease-out;
            -moz-transition: background-color 0.4s ease-out;
            -o-transition: background-color 0.4s ease-out;
            transition: background-color 0.4s ease-out;
        }

            .dropdown_wrapper .business_dropdown a:last-child {
                border-bottom: 0;
            }

            .dropdown_wrapper .business_dropdown a:hover {
                background-color: #f6f6f6;
            }

            .dropdown_wrapper .business_dropdown a.active {
                background-color: #f2f7fb;
            }

        .dropdown_wrapper .business_dropdown i img {
            height: 24px;
            padding-right: 14px;
        }

        .dropdown_wrapper .business_dropdown a.active .check_icon {
            height: 24px;
            padding-right: 0px;
            margin-left: auto;
        }

        .dropdown_wrapper .business_dropdown footer {
            display: flex;
            justify-content: space-between;
            padding: 16px;
        }

            .dropdown_wrapper .business_dropdown footer button {
                margin-right: 10px;
                width: 110px;
                padding-left: 15px;
                padding-right: 15px;
            }

.bill-statement {
    display: block;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .bill-statement .items {
        display: flex;
        align-items: flex-start;
    }

        .bill-statement .items img {
            margin-right: 12px;
        }

        .bill-statement .items .item-content {
            padding-left: 0px;
        }

        .bill-statement .items h5 {
            font-size: 16px;
            line-height: 24px;
            font-family: "Roboto-Bold";
        }

            .bill-statement .items h5 p {
                font-size: 14px;
                color: #666666;
            }

    .bill-statement button {
        border-radius: 100px;
        background-color: #fff;
        border: 1px solid #222;
        padding: 10px 32px;
        color: #222222;
        font-weight: 500;
        cursor: pointer;
        font-family: "Roboto-Bold";
        margin-top: 16px;
    }

        .bill-statement button a {
            color: #222222;
        }

    .bill-statement .switch {
        margin-left: 70px;
        margin-top: 16px;
    }

.faq-listing ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    border: 1px solid #eaeaea;
    border-radius: .625rem;
    margin-bottom: 1.25rem;
}

    .faq-listing ul li p {
        font-size: 16px;
        color: #333333;
        line-height: 28px;
        flex: 1;
        padding-right: 16px;
    }

    .faq-listing ul li a, .faq-listing ul li button {
        border-radius: 100px;
        background-color: #fff;
        border: 1px solid #222;
        padding: 10px 26px;
        color: #222222;
        font-weight: 500;
        cursor: pointer;
        font-family: "Roboto-Bold";
        font-size: .875rem;
        width: 120px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.setting-wrapper {
    border-radius: 4px;
    border: 1px solid #eee;
}

    .setting-wrapper .setting-inner-wrapper {
        border-bottom: 1px solid #eee;
        padding: 20px;
    }

@media screen and (min-width: 992px) {
    .bill-statement {
        display: flex;
    }

        .bill-statement .items {
            align-items: center;
        }

        .bill-statement button {
            margin-left: 0px;
            margin-top: 0px;
        }

        .bill-statement .switch {
            margin-left: 0px;
            margin-top: 0px;
        }

        .bill-statement.mb-20 {
            margin-bottom: 20px;
        }
}

.payment-progress-module .card i {
    margin-top: 10px;
}

.payment-progress-module .card.payment-confirm {
    box-shadow: -2px -1px 5px 0 rgba(73,210,178,0.57);
    border: solid 2px #13a180;
    overflow: hidden;
}

    .payment-progress-module .card.payment-confirm i {
        margin-bottom: 10px;
        margin-right: 30px;
    }

        .payment-progress-module .card.payment-confirm i::before {
            font-size: 48px;
            color: #13a180;
        }

.payment-progress-module .card.payment-fail {
    border: solid 2px #cc0909;
}

    .payment-progress-module .card.payment-fail i {
        margin-right: 30px;
    }

        .payment-progress-module .card.payment-fail i::before {
            font-size: 38px;
            color: #cc0909;
        }

    .payment-progress-module .card.payment-fail aside p strong {
        margin: 0 0 0 5px;
    }

    .payment-progress-module .card.payment-fail .pay-fail-cta-group button {
        font-family: 'Roboto-Bold';
    }

.payment-progress-module .card.payment-in-progress {
    border: 2px solid #ff962d;
    box-shadow: -2px -1px 5px 0 #ff962d;
}

    .payment-progress-module .card.payment-in-progress i {
        margin-right: 20px;
        margin-top: 3px;
    }

        .payment-progress-module .card.payment-in-progress i::before {
            font-size: 48px;
            color: #ff962d;
        }

.payment-progress-module .card .row {
    margin-bottom: 0;
}

.payment-progress-module aside .payment-progress-content {
    flex: auto;
}

.payment-progress-module aside .text-center-mob {
    text-align: center;
}

.payment-progress-module aside .offer-icon {
    margin: 16px auto 20px;
    display: block;
    mix-blend-mode: multiply;
}

.payment-progress-module aside h3 {
    font-family: "Roboto-Bold";
    line-height: 1.25;
    font-size: 22px;
    margin-bottom: 16px;
}

.payment-progress-module aside p {
    color: #666;
    font-size: 14px;
    margin-bottom: 16px;
}

    .payment-progress-module aside p strong {
        font-family: "Roboto-Bold";
        color: #222;
    }

    .payment-progress-module aside p span {
        font-size: 14px;
    }

    .payment-progress-module aside p:last-of-type {
        margin-bottom: 23px;
    }

.payment-progress-module aside hr {
    margin: 0;
    border-color: #eaeaea;
}

.payment-progress-module aside ul {
    padding-top: 24px;
    padding-bottom: 4px;
    display: flex;
    flex-wrap: wrap;
}

    .payment-progress-module aside ul li {
        flex: auto;
        padding-right: 10px;
        font-family: "Roboto-Bold";
        margin-bottom: 16px;
    }

        .payment-progress-module aside ul li span {
            display: block;
            margin-bottom: 4px;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.33;
            color: #666;
            font-family: "Roboto", sans-serif;
        }

.payment-progress-module aside .pay-progress-cta-group {
    display: flex;
    margin-top: 24px;
    justify-content: center;
    margin-bottom: 16px;
}

    .payment-progress-module aside .pay-progress-cta-group .btn {
        margin-right: 12px;
        padding: 9px 15px;
        border-radius: 20px;
        line-height: 1.43;
        font-size: 14px;
        height: auto;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .payment-progress-module aside .pay-progress-cta-group .btn:last-child {
            margin-right: 0;
        }

        .payment-progress-module aside .pay-progress-cta-group .btn:not(:hover) {
            border-color: #222;
            color: #222;
        }

.payment-progress-module aside .pay-fail-cta-group {
    margin-bottom: 24px;
    text-align: center;
}

.payment-progress-module figure {
    text-align: right;
}

    .payment-progress-module figure img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.payment-progress-module .payment-progress-msg {
    margin-top: 16px;
}

    .payment-progress-module .payment-progress-msg p {
        margin-bottom: 0;
    }

    .payment-progress-module .payment-progress-msg img {
        margin-right: 4px;
    }

.payment-progress-module .visible-phone {
    display: block;
}

.payment-progress-module.v2 aside .payment-progress-content {
    padding-top: 0;
}

.payment-progress-module.v2 .card {
    box-shadow: none;
}

    .payment-progress-module.v2 .card i {
        margin-top: 0;
    }

        .payment-progress-module.v2 .card i::before {
            line-height: normal;
        }

    .payment-progress-module.v2 .card.payment-in-progress aside ul li {
        margin-bottom: 0;
    }

    .payment-progress-module.v2 .card.payment-fail i::before {
        font-size: 44px;
    }

.payment-progress-module .message.warning {
    margin-top: 2rem;
}

@media (max-width: 991px) {
    .payment-progress-module .card.payment-confirm aside i, .payment-progress-module .card.payment-in-progress aside i, .payment-progress-module .card.payment-fail aside i {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 48px;
        margin-bottom: 20px;
    }

    .payment-progress-module aside .pay-progress-cta-group {
        margin-bottom: 8px;
    }

        .payment-progress-module aside .pay-progress-cta-group + hr {
            display: none;
        }

        .payment-progress-module aside .pay-progress-cta-group .btn {
            border-color: #222;
            color: #222;
            background: #fff;
        }

    .payment-progress-module aside.pay-mob {
        background-color: #F2FFFC;
        padding: 16px 16px 24px 16px;
    }

        .payment-progress-module aside.pay-mob p:last-of-type {
            margin-bottom: 0;
        }

    .payment-progress-module .card.section-inner-wrapper {
        padding: 0;
        margin-bottom: 16px;
    }

    .payment-progress-module .card.payment-confirm {
        box-shadow: none;
        border: solid 1px #eaeaea;
    }

    .payment-progress-module aside .payment-progress-content > hr:first-of-type {
        display: none;
    }

    .payment-progress-module aside ul {
        padding-top: 8px;
    }

    .payment-progress-module aside.pay-desk {
        padding: 16px;
        border-top: solid 1px #eaeaea;
    }

    .payment-progress-module .card.payment-fail.section-inner-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .payment-progress-module.v2 .card.section-inner-wrapper {
        padding: 16px;
    }
}

@media (min-width: 992px) {
    .payment-progress-module .visible-phone {
        display: none;
    }

    .payment-progress-module aside {
        display: flex;
    }

        .payment-progress-module aside .text-center-mob {
            text-align: inherit;
        }

        .payment-progress-module aside .offer-icon {
            align-self: flex-start;
            margin-bottom: 0;
            width: auto;
            margin: 0 16px 0 0;
        }

        .payment-progress-module aside h3 {
            font-size: 32px;
            margin-bottom: 12px;
        }

        .payment-progress-module aside p {
            margin-bottom: 12px;
            font-size: 16px;
        }

        .payment-progress-module aside .pay-progress-cta-group {
            justify-content: inherit;
            margin-bottom: 0;
        }

        .payment-progress-module aside .pay-fail-cta-group {
            text-align: left;
        }

        .payment-progress-module aside .payment-progress-content {
            padding-top: 20px;
        }

    .payment-progress-module figure img {
        margin-right: 0;
    }
}

.reward-card figure img {
    max-width: 100%;
}

.reward-card .card {
    margin-top: 0;
    margin-bottom: 32px;
}

.reward-card .card-header {
    background-color: #f1f9f3;
    padding: 12px 20px;
}

    .reward-card .card-header h4 {
        font-size: 16px;
        font-family: "Roboto-Bold";
        line-height: 1.5;
    }

.reward-card .card-body {
    padding: 24px 20px;
    display: flex;
}

    .reward-card .card-body .offer-unlock-icon {
        margin-right: 12px;
        align-self: flex-start;
        max-width: 100%;
        width: 48px;
        height: 48px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px;
        border: 1px solid #dedede;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .reward-card .card-body h5 {
        font-size: 16px;
        font-family: "Roboto-Bold";
        line-height: 1.5;
        margin-bottom: 4px;
    }

    .reward-card .card-body p {
        font-size: 14px;
        line-height: 1.43;
    }

.reward-card .card-footer {
    padding: 12px 20px;
    border-top: solid 1px #eaeaea;
}

    .reward-card .card-footer p {
        font-size: 12px;
        line-height: 1.67;
    }

        .reward-card .card-footer p strong {
            font-family: "Roboto-Bold";
        }

@media (min-width: 992px) {
    .reward-card .card {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.benifits {
    padding: 1.2rem;
    background-color: #f1faf1;
    border-radius: .5rem;
}

    .benifits ul li {
        display: flex;
        align-items: center;
        font-size: .875rem;
        margin-bottom: 10px;
    }

        .benifits ul li i {
            margin-right: .625rem;
            color: #18AA26;
        }

            .benifits ul li i::before {
                font-size: 1.25rem;
                font-weight: bold;
            }

        .benifits ul li:last-child {
            margin-bottom: 0;
        }

.benifits-new {
    padding: 1.2rem;
    background-color: #f1faf1;
    border-radius: .75rem;
    margin-bottom: 1.5rem;
}

    .benifits-new h5 {
        font-size: 1.25rem;
        color: #333333;
        font-family: 'Roboto-Bold';
        margin-bottom: 1rem;
    }

    .benifits-new ul li {
        display: flex;
        align-items: flex-start;
        font-size: .875rem;
        margin-bottom: 10px;
    }

        .benifits-new ul li p {
            flex: 1;
            font-size: 0.875rem !important;
        }

        .benifits-new ul li i {
            margin-right: 10px;
            color: #fff;
            background: #13a180;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            position: relative;
            top: 3px;
        }

            .benifits-new ul li i::before {
                font-size: .71875rem;
                font-weight: 700;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
            }

        .benifits-new ul li:last-child {
            margin-bottom: 0;
        }

.advance-new ul li i {
    color: #13a180;
    background: none;
}

    .advance-new ul li i::before {
        font-size: 1rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.advance-new .advance-Pay_heading {
    font-weight: bold;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 20px;
}

.login-benifits {
    background: #f3f7fc;
    border-radius: .75rem;
    margin-bottom: 3.75rem;
    padding: 1.25rem;
}

    .login-benifits h2 {
        padding-left: .625rem;
        padding-top: .625rem;
    }

    .login-benifits ul {
        margin-top: 40px;
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .login-benifits ul li {
            width: 33.33%;
            margin-bottom: 32px;
            font-size: 14px;
            line-height: 18px;
            padding: 0 10px;
        }

            .login-benifits ul li a {
                color: #333;
                text-decoration: underline;
            }

                .login-benifits ul li a:hover {
                    text-decoration: none;
                }

            .login-benifits ul li i {
                width: 72px;
                height: 72px;
                object-fit: none;
                border: 1px solid #999999;
                border-radius: 50%;
                margin-bottom: 16px;
                position: relative;
            }

                .login-benifits ul li i::before {
                    font-size: 2.1875rem;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }

@media screen and (min-width: 992px) {
    .benifits {
        padding: 1.75rem 1.5rem;
    }

    .login-benifits {
        margin-bottom: 6.25rem;
    }
}

.no-reading {
    text-align: center;
}

    .no-reading .vi-no-reading:before {
        content: "\E045";
        font-size: 60px;
        margin-left: -20px;
    }

    .no-reading img {
        margin-bottom: 1rem;
    }

    .no-reading h5 {
        font-size: 1rem;
        margin-bottom: .75rem;
        margin-top: 1rem;
        font-family: "Roboto-Bold";
    }

    .no-reading p {
        font-size: .875rem;
        color: #666;
        text-align: center;
        display: block;
    }

.bill-calculator .input-field footer {
    color: #999;
}

.bill-calculator #MainContentContainer.container {
    padding: 0;
}

.bill-calculator h5 {
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-family: 'Roboto-Medium';
}

.bill-calculator > ul > li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    border: 1px solid #cccc;
    border-radius: 10px;
    padding: 20px 10px 0px 10px;
}

    .bill-calculator > ul > li:nth-child(1) {
        flex-grow: 2;
    }

    .bill-calculator > ul > li .img {
        margin-right: 14px;
    }

        .bill-calculator > ul > li .img .icon {
            position: relative;
            background-color: #e9e9e9;
            border-radius: 50px;
            text-align: center;
            height: 48px;
            width: 48px;
        }

            .bill-calculator > ul > li .img .icon img {
                position: absolute;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                max-height: 26px;
                object-fit: contain;
            }

    .bill-calculator > ul > li .appliances {
        flex-grow: 8;
    }

        .bill-calculator > ul > li .appliances .row {
            margin-bottom: 0px;
        }

            .bill-calculator > ul > li .appliances .row .input-field label {
                font-size: 12px;
                font-weight: normal;
                color: #999 !important;
            }

                .bill-calculator > ul > li .appliances .row .input-field label.active {
                    transform: translateY(7px) scale(1);
                    padding-left: 1rem;
                }

@media screen and (max-width: 991px) {
    .bill-calculator > ul > li .appliances .row .input-field label.active {
        padding-left: 10px;
    }
}

.bill-calculator input.validate.units[readonly="readonly"] + label {
    transform-origin: 0 0;
    transform: translateY(7px) scale(1);
}

.bill-calculator .feild-group-with-footer input ~ .input-icon {
    display: none;
}

.validate.total_units, .validate.units {
    background-color: rgba(249,249,249,0.5) !important;
    color: #333 !important;
}

.input-field footer {
    font-size: 12px;
    color: #666;
    margin-top: 12px;
}

    .input-field footer.small {
        font-size: 11px;
        margin-top: 6px;
        font-weight: 400;
    }

.feild-group-with-footer {
    display: flex;
    flex-wrap: wrap;
}

    .feild-group-with-footer .select-wrapper .caret {
        right: 4px;
    }

.item-gap {
    margin: 32px 0;
}

.content-format {
    color: #666;
}

    .content-format img {
        margin-bottom: 16px;
    }

    .content-format p {
        color: #666;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 12px;
    }

    .content-format h5 {
        font-size: 16px;
        margin: 15px 0;
    }

    .content-format h4 {
        font-size: 16px;
        margin: 15px 0;
        font-family: "Roboto-Bold";
    }

    .content-format ul {
        margin-left: 15px;
        margin-bottom: 10px;
    }

        .content-format ul li {
            font-size: 16px;
            list-style-type: disc;
            margin-bottom: 10px;
        }

            .content-format ul li ul {
                margin-top: 10px;
            }

                .content-format ul li ul li {
                    font-size: 16px;
                    list-style-type: disc;
                    margin-bottom: 5px;
                }

    .content-format .border-right {
        border-right: 1px solid #eee;
    }

    .content-format .table-cell {
        border-right: none;
    }

@media screen and (max-width: 991px) {
    .bill-calculator > ul > li .appliances .row > div:nth-child(odd) {
        padding-right: 0;
    }

    .bill-calculator > ul > li .appliances .row .input-field label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: calc(100% - 10px);
        padding-left: 10px;
    }

    .bill-calculator > ul > li .appliances .row .input-field input[type="text"] + label:not(.active) {
        top: 4px;
        left: 4px;
    }

    .bill-calculator .card-with-form.section-inner-wrapper {
        padding-bottom: 0;
    }

    .bill-calculator .feild-group-with-footer .select-wrapper input.select-dropdown, .bill-calculator .feild-group-with-footer .input-field.custom input {
        padding-left: 10px;
        padding-right: 10px;
    }

    .bill-calculator .feild-group-with-footer .select-wrapper .caret {
        right: 0;
    }
}

@media screen and (min-width: 992px) {
    .bill-calculator h5 {
        font-size: 12px;
        color: #999999;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .bill-calculator > ul > li {
        margin-bottom: 0px;
        display: flex;
        align-items: flex-start;
        border: 1px solid #fff;
        border-radius: 0px;
        padding: 0px;
    }

        .bill-calculator > ul > li:nth-child(1) {
            flex-grow: 2;
        }
}

.search-bar {
    position: relative;
}

    .search-bar input[type="search"] {
        padding: 20px 16px;
        border-radius: 8px;
        border: solid 1px #eaeaea;
        background-color: rgba(255,255,255,0.5);
        margin: 0;
        box-sizing: border-box;
        height: auto;
    }

    .search-bar button {
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: transparent;
        border: none;
    }

.contact-us-module .items {
    display: flex;
}

    .contact-us-module .items .item-content {
        flex: 1;
    }

    .contact-us-module .items:not(:last-child) {
        border-bottom: solid 1px #eaeaea;
    }

    .contact-us-module .items img {
        margin-right: 12px;
        align-self: flex-start;
    }

    .contact-us-module .items h5 {
        font-size: 16px;
        line-height: 24px;
        font-family: "Roboto-Bold";
        margin-bottom: 4px;
    }

        .contact-us-module .items h5 a {
            text-decoration: underline;
            color: #333;
        }

            .contact-us-module .items h5 a:hover {
                text-decoration: none;
            }

    .contact-us-module .items p {
        font-size: 14px;
        color: #666666;
    }

        .contact-us-module .items p a {
            word-break: break-word;
        }

    .contact-us-module .items ul {
        padding-left: 20px;
    }

        .contact-us-module .items ul li {
            list-style: disc;
            font-size: 14px;
            line-height: 1.43;
            color: #666;
        }

.faq .accordion > ul > li {
    border-bottom: solid 1px #eaeaea;
}

    .faq .accordion > ul > li a {
        padding-top: 24px;
        padding-bottom: 24px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #333;
    }

    .faq .accordion > ul > li i {
        margin-left: 15px;
    }

.rating-wrapper {
    margin-bottom: 2rem;
}

    .rating-wrapper h5 {
        font-size: .75rem;
        margin-bottom: .75rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        font-family: Roboto-Bold;
        color: #666;
    }

    .rating-wrapper .field-validation-error {
        margin-top: 12px;
    }

    .rating-wrapper .star-rating {
        display: flex;
        flex-direction: row-reverse;
        font-size: 1.5em;
        justify-content: space-around;
        padding-right: 0.2em;
        text-align: center;
        width: 7em;
    }

        .rating-wrapper .star-rating input {
            display: none;
        }

        .rating-wrapper .star-rating label {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg transform='translate(-340.000000, -752.000000)' fill='%23CCCCCC' fill-rule='nonzero'%3E%3Cpath d='M363.886742,761.012521 C363.764862,760.647586 363.544713,760.323329 363.250729,760.075413 C362.956581,759.827322 362.599801,759.664945 362.219608,759.606366 L356.432918,758.711427 L353.902967,753.223 C353.679805,752.734025 353.276854,752.34966 352.777772,752.149784 C352.278691,751.950072 351.721879,751.950072 351.22284,752.149784 C350.723759,752.349664 350.320808,752.734025 350.097646,753.223 L347.567352,758.711427 L341.781091,759.606366 C341.400726,759.664957 341.043976,759.827167 340.749841,760.075242 C340.455707,760.323316 340.235716,760.647569 340.113657,761.012521 C339.988096,761.380302 339.965998,761.775553 340.050205,762.154862 C340.134246,762.534363 340.321248,762.883223 340.590431,763.163452 L344.859818,767.616505 L343.907727,773.544195 C343.838584,773.950147 343.890651,774.367309 344.057563,774.743789 C344.224473,775.120107 344.4987,775.438853 344.845936,775.660156 C345.184613,775.883469 345.581723,776.001658 345.987545,776 C346.393188,775.998308 346.78929,775.876775 347.126111,775.650616 L351.999925,772.442713 L356.87331,775.651302 C357.331505,775.950116 357.888359,776.058257 358.42507,775.952795 C358.961781,775.847333 359.436262,775.536802 359.747454,775.086997 C360.058676,774.637192 360.182249,774.083764 360.091656,773.544221 L359.14025,767.61653 L363.409638,763.163477 L363.40947,763.163477 C363.678841,762.883245 363.865694,762.534367 363.949867,762.154887 C364.033907,761.775553 364.011977,761.380328 363.886416,761.012547 L363.886742,761.012521 Z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
            cursor: pointer;
            width: 24px;
            height: 24px;
            color: transparent !important;
        }

        .rating-wrapper .star-rating :checked ~ label {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg transform='translate(-340.000000, -752.000000)' fill='%23FFC107' fill-rule='nonzero'%3E%3Cpath d='M363.886742,761.012521 C363.764862,760.647586 363.544713,760.323329 363.250729,760.075413 C362.956581,759.827322 362.599801,759.664945 362.219608,759.606366 L356.432918,758.711427 L353.902967,753.223 C353.679805,752.734025 353.276854,752.34966 352.777772,752.149784 C352.278691,751.950072 351.721879,751.950072 351.22284,752.149784 C350.723759,752.349664 350.320808,752.734025 350.097646,753.223 L347.567352,758.711427 L341.781091,759.606366 C341.400726,759.664957 341.043976,759.827167 340.749841,760.075242 C340.455707,760.323316 340.235716,760.647569 340.113657,761.012521 C339.988096,761.380302 339.965998,761.775553 340.050205,762.154862 C340.134246,762.534363 340.321248,762.883223 340.590431,763.163452 L344.859818,767.616505 L343.907727,773.544195 C343.838584,773.950147 343.890651,774.367309 344.057563,774.743789 C344.224473,775.120107 344.4987,775.438853 344.845936,775.660156 C345.184613,775.883469 345.581723,776.001658 345.987545,776 C346.393188,775.998308 346.78929,775.876775 347.126111,775.650616 L351.999925,772.442713 L356.87331,775.651302 C357.331505,775.950116 357.888359,776.058257 358.42507,775.952795 C358.961781,775.847333 359.436262,775.536802 359.747454,775.086997 C360.058676,774.637192 360.182249,774.083764 360.091656,773.544221 L359.14025,767.61653 L363.409638,763.163477 L363.40947,763.163477 C363.678841,762.883245 363.865694,762.534367 363.949867,762.154887 C364.033907,761.775553 364.011977,761.380328 363.886416,761.012547 L363.886742,761.012521 Z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        }

        .rating-wrapper .star-rating label:hover, .rating-wrapper .star-rating label:hover ~ label, .rating-wrapper .star-rating label.starColor {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg transform='translate(-340.000000, -752.000000)' fill='%23FFC107' fill-rule='nonzero'%3E%3Cpath d='M363.886742,761.012521 C363.764862,760.647586 363.544713,760.323329 363.250729,760.075413 C362.956581,759.827322 362.599801,759.664945 362.219608,759.606366 L356.432918,758.711427 L353.902967,753.223 C353.679805,752.734025 353.276854,752.34966 352.777772,752.149784 C352.278691,751.950072 351.721879,751.950072 351.22284,752.149784 C350.723759,752.349664 350.320808,752.734025 350.097646,753.223 L347.567352,758.711427 L341.781091,759.606366 C341.400726,759.664957 341.043976,759.827167 340.749841,760.075242 C340.455707,760.323316 340.235716,760.647569 340.113657,761.012521 C339.988096,761.380302 339.965998,761.775553 340.050205,762.154862 C340.134246,762.534363 340.321248,762.883223 340.590431,763.163452 L344.859818,767.616505 L343.907727,773.544195 C343.838584,773.950147 343.890651,774.367309 344.057563,774.743789 C344.224473,775.120107 344.4987,775.438853 344.845936,775.660156 C345.184613,775.883469 345.581723,776.001658 345.987545,776 C346.393188,775.998308 346.78929,775.876775 347.126111,775.650616 L351.999925,772.442713 L356.87331,775.651302 C357.331505,775.950116 357.888359,776.058257 358.42507,775.952795 C358.961781,775.847333 359.436262,775.536802 359.747454,775.086997 C360.058676,774.637192 360.182249,774.083764 360.091656,773.544221 L359.14025,767.61653 L363.409638,763.163477 L363.40947,763.163477 C363.678841,762.883245 363.865694,762.534367 363.949867,762.154887 C364.033907,761.775553 364.011977,761.380328 363.886416,761.012547 L363.886742,761.012521 Z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        }

.rating-type h4 {
    font-size: .75rem;
    margin-bottom: .75rem;
    text-transform: uppercase;
    color: #999999;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    letter-spacing: 0.5px;
}

.rating-type ul {
    display: flex;
    flex-wrap: wrap;
}

    .rating-type ul li {
        margin-right: 14px;
        margin-bottom: 14px;
    }

        .rating-type ul li a {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.71;
            text-align: center;
            color: #333;
            display: block;
            padding: 12px 20px;
            border-radius: 24px;
            background-color: #fff;
            border: solid 1px #eaeaea;
        }

        .rating-type ul li .active {
            background-color: #0d67ca;
            color: #fff;
            border-color: #0d67ca;
        }

.it_declarations .section-header p {
    margin-bottom: 32px;
}

.it_declarations .section-header h4 {
    font-family: 'Roboto-Bold';
}

.it_declarations .header-text {
    background-color: #fbfbfb;
    border-radius: 8px 8px 0 0;
    padding: 32px 32px 12px 32px;
}

    .it_declarations .header-text ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .it_declarations .header-text ul li {
            color: #333;
            flex: 50%;
            font-size: 16px;
            margin-bottom: 20px;
            font-weight: 700;
        }

            .it_declarations .header-text ul li label {
                display: block;
                font-size: 12px;
                color: #666;
                font-weight: 500;
            }

.it_declarations .new-connection-form .form-field h6 {
    color: #222;
    font-size: 16px;
    text-transform: none;
}

.it_declarations .content-format h4 {
    font-size: 14px;
    color: #222;
    margin: 30px 0;
}

.it_declarations .content-format p {
    font-size: 14px;
}

.it_declarations .content-format label span {
    font-size: 12px;
    color: #666;
    line-height: 16px;
}

    .it_declarations .content-format label span:before {
        top: 0 !important;
    }

.testimonials-v2 .card {
    background: #f9f9f9;
    padding: 24px;
    margin-bottom: 32px;
}

    .testimonials-v2 .card i {
        margin-bottom: 20px;
        display: block;
    }

    .testimonials-v2 .card p {
        font-size: 16px;
        color: #666666;
        line-height: 24px;
        margin-bottom: 12px;
    }

        .testimonials-v2 .card p a {
            margin-left: 6px;
        }

    .testimonials-v2 .card h6 {
        font-size: 14px;
        line-height: 24px;
    }

@media (min-width: 992px) {
    .testimonials-v2 .card {
        background: #f9f9f9;
        padding: 32px 60px;
    }
}

.bordered-items ul {
    border-top: 1px solid #e2e2e2;
}

    .bordered-items ul li {
        border-bottom: 1px solid #e2e2e2;
        padding-top: .9375rem;
        padding-bottom: .9375rem;
        line-height: 1.71;
        font-size: .875rem;
    }

        .bordered-items ul li a {
            text-decoration: underline;
            color: #222;
        }

            .bordered-items ul li a:hover {
                text-decoration: none;
            }

.inner-page-banner-main {
    position: relative;
}

    .inner-page-banner-main .breadcrumb-outer {
        position: relative;
        width: 100%;
        top: 10%;
        z-index: 1;
    }

        .inner-page-banner-main .breadcrumb-outer .breadcrumb {
            color: auto;
        }

            .inner-page-banner-main .breadcrumb-outer .breadcrumb:before {
                color: #000;
            }

    .inner-page-banner-main .banner-image {
        max-width: 100%;
        width: 100%;
        min-height: 200px;
    }

.wrap-join {
    width: 100%;
}

.banner-area {
    position: relative;
}

    .banner-area.no-overlay::before {
        display: none;
    }

    .banner-area.text-dark h3 {
        color: #333;
    }

    .banner-area.text-dark p {
        color: #666;
    }

    .banner-area .banner-image {
        max-width: 100%;
        width: 100%;
    }

    .banner-area .banner-image-fix {
        max-width: 100%;
        width: 100%;
        min-height: 399px;
    }

    .banner-area.v3 {
        text-align: center;
    }

        .banner-area.v3:before {
            content: "";
            position: absolute;
            pointer-events: none;
            inset: auto 0px 0px 0px;
            background: linear-gradient(180deg, rgba(56,70,126,0) 0%, #515EAA 100%);
            height: 332px;
        }

        .banner-area.v3 h3 {
            font-size: 48px;
            line-height: 48px;
            color: #FFFFFF;
            font-family: 'Roboto-Bold';
        }

        .banner-area.v3 p {
            font-size: 18px;
            color: #FFFFFF;
            line-height: 28px;
        }

    .banner-area.v4 .banner-content-center {
        transform: none;
        top: 32px;
    }

    .banner-area.v4 a.btn {
        color: #fff !important;
    }

    .banner-area.v4 h3 {
        font-size: 22px;
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 24px;
    }

    .banner-area.v4 p {
        font-size: 14px;
        line-height: 24px;
    }

    .banner-area.center-mode {
        text-align: center;
    }

        .banner-area.center-mode:before {
            opacity: 0.6;
            background-image: linear-gradient(to right, #1c84a6, #386bb2 25%, #7356a3 49%, #903b94 72%, #c54961);
        }

        .banner-area.center-mode a.btn {
            color: #fff !important;
        }

    .banner-area h2 {
        color: #ffffff;
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 0px;
    }

    .banner-area h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 16px;
        font-weight: bold;
    }

    .banner-area h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
        font-weight: bold;
    }

    .banner-area p {
        font-size: 16px;
        margin-bottom: 30px;
    }

        .banner-area p.small-text {
            font-size: 14px;
        }

        .banner-area p .banner-content {
            margin-top: 1.5rem;
        }

    .banner-area .banner-content-center {
        position: absolute;
        top: 30%;
        width: 100%;
        color: #fff;
    }

        .banner-area .banner-content-center .inner {
            max-width: 600px;
        }

            .banner-area .banner-content-center .inner .btn {
                background: #fff;
                color: #333;
            }

    .banner-area .banner-content-top {
        position: absolute;
        top: 10%;
        color: #fff;
    }

        .banner-area .banner-content-top .innerbanner h1 {
            color: #fff;
            padding-top: 2.5rem;
        }

        .banner-area .banner-content-top .innerbanner h3 {
            color: #fff;
            font-size: 2.625rem;
            line-height: 2.625rem;
            margin-bottom: 0;
        }

        .banner-area .banner-content-top .innerbanner h4 {
            color: #fff;
            font-size: 2rem;
            line-height: 2.5rem;
            margin-bottom: 0;
        }

        .banner-area .banner-content-top .innerbanner .breadcrumb {
            color: #fff;
        }

            .banner-area .banner-content-top .innerbanner .breadcrumb:before {
                color: #fff;
            }

    .banner-area .banner-content-blue {
        position: relative;
        top: 100%;
        width: 100%;
        color: #fff;
    }

        .banner-area .banner-content-blue .container {
            padding: 0px;
        }

    .banner-area .banner-content-bg {
        margin-top: 0;
        width: 100%;
        padding: 70px 40px;
        background: #0d67ca;
    }

        .banner-area .banner-content-bg h3 {
            color: #ffffff;
            font-size: 32px;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .banner-area .banner-content-bg p {
            color: #ddd;
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 40px;
        }

        .banner-area .banner-content-bg .btn-white {
            background: #fff;
            color: #0D67CA;
        }

@media (min-width: 992px) {
    .inner-page-banner-main {
        position: relative;
    }

        .inner-page-banner-main .breadcrumb-outer {
            position: absolute;
            width: 100%;
            top: 10%;
            z-index: 1;
        }

            .inner-page-banner-main .breadcrumb-outer .breadcrumb {
                color: #fff;
            }

                .inner-page-banner-main .breadcrumb-outer .breadcrumb:before {
                    color: #fff;
                }

    .wrap-join {
        max-width: 34.375rem;
    }

    .banner-area {
        position: relative;
    }

        .banner-area.v2:before {
            background: linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0) 78%);
        }

        .banner-area.v2 .banner-content {
            max-width: 450px;
        }

        .banner-area.v3 {
            text-align: left;
        }

            .banner-area.v3:before {
                background: linear-gradient(180deg, rgba(56,70,126,0) 0%, #515EAA 100%);
                height: 410px;
            }

            .banner-area.v3 h3 {
                font-size: 3rem;
                line-height: 68px;
            }

            .banner-area.v3 p {
                font-size: 1rem;
                line-height: 24px;
                color: #FFFFFF;
                margin-bottom: 2rem;
            }

        .banner-area.v4 .banner-content-center {
            top: 100px;
        }

        .banner-area.v4 h3 {
            font-size: 32px;
            line-height: 1.2;
            margin-bottom: 48px;
        }

        .banner-area.v4 p {
            font-size: 16px;
            line-height: 1.38;
        }

        .banner-area h2 {
            color: #ffffff;
            font-size: 65px;
            line-height: 52px;
            margin-bottom: 20px;
        }

        .banner-area h3 {
            color: #ffffff;
            font-size: 50px;
            line-height: 52px;
        }

        .banner-area h4 {
            color: #ffffff;
            font-size: 36px;
            line-height: 40px;
        }

        .banner-area p {
            color: #ffffff;
            font-size: 20px;
            line-height: 28px;
        }

        .banner-area .banner-image-fix {
            max-width: 100%;
            width: 100%;
            max-height: 640px;
        }

        .banner-area .banner-content {
            margin-top: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            max-width: 700px;
            left: 135px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

            .banner-area .banner-content .breadcrumb {
                color: #fff;
            }

                .banner-area .banner-content .breadcrumb:before {
                    color: #fff;
                }

        .banner-area .banner-content-center {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .banner-area .banner-content-top {
            position: absolute;
            top: 20%;
            width: 100%;
            color: #fff;
        }

            .banner-area .banner-content-top h4 {
                color: #fff;
                font-size: 2.625rem;
                line-height: 3rem;
                margin-bottom: 0;
            }

        .banner-area .banner-content-blue {
            position: absolute;
            top: 15%;
            width: 100%;
            color: #fff;
        }

        .banner-area .banner-content-bg {
            margin-top: 0;
            max-width: 497px;
            padding: 70px 40px;
        }
}

.sustainability-framework .section-space {
    margin-bottom: 3rem;
}

.sustainability-framework .section-header-main {
    margin-bottom: 2rem;
}

.sustainability-framework h3 {
    font-size: 1.375rem;
    font-family: "Roboto-Bold";
    margin-bottom: 1.5625rem;
}

.sustainability-framework .item {
    display: flex;
    align-items: center;
}

    .sustainability-framework .item:nth-last-child(2) {
        margin-bottom: 1.5rem;
    }

    .sustainability-framework .item i {
        margin-right: 20px;
        font-style: normal;
    }

    .sustainability-framework .item aside {
        max-width: 230px;
    }

        .sustainability-framework .item aside a {
            color: #000;
            font-size: .875rem;
            text-decoration: underline;
            font-family: "Roboto-medium";
        }

            .sustainability-framework .item aside a:hover {
                text-decoration: none;
            }

        .sustainability-framework .item aside h4 {
            font-size: 18px;
            font-family: "Roboto-Bold";
            color: #333;
            line-height: 1.9;
            margin-bottom: 6px;
        }

.sustainability-framework .three-steps {
    background: #f1f4ff;
    padding: 48px 0 20px 0;
}

.sustain-two-section {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .sustain-two-section figure {
        width: 100%;
    }

        .sustain-two-section figure img {
            width: 100%;
            border-radius: .75rem;
        }

    .sustain-two-section aside {
        width: 100%;
        padding-top: 1.5rem;
    }

        .sustain-two-section aside h2 {
            font-size: 1.375rem;
            line-height: 2rem;
            margin-bottom: 1.375rem;
        }

        .sustain-two-section aside p {
            font-size: .875rem;
            line-height: 1.5rem;
            color: #333333;
            margin-bottom: 1.25rem;
        }

        .sustain-two-section aside .btn-group {
            padding-top: 1.25rem;
        }

.folds-bg {
    background: #f1f6fc;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.cms-content {
    font-size: 1rem;
    line-height: 1.75;
}

    .cms-content p {
        margin-bottom: 1rem;
    }

    .cms-content strong {
        font-family: "Roboto-Bold";
        font-weight: revert;
    }

    .cms-content a {
        color: #333;
        text-decoration: underline;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .cms-content a:hover {
            text-decoration: none;
        }

    .cms-content ul {
        margin-left: 1.125rem;
        margin-bottom: 1rem;
    }

        .cms-content ul li {
            list-style-type: disc;
            margin-bottom: .5rem;
        }

            .cms-content ul li a {
                font-family: inherit;
                text-decoration: none;
            }

                .cms-content ul li a:hover {
                    text-decoration: underline;
                }

            .cms-content ul li ul {
                margin-top: .3125rem;
            }

                .cms-content ul li ul li {
                    list-style: circle;
                }

    .cms-content ol {
        margin-left: 1.125rem;
        margin-bottom: 1rem;
    }

        .cms-content ol li {
            margin-bottom: .5rem;
        }

            .cms-content ol li ol {
                margin-top: .3125rem;
            }

    .cms-content .td-cell {
        align-items: center;
        color: #222222;
        justify-content: left;
        border-right: 1px solid #eee;
        font-size: 14px;
    }

        .cms-content .td-cell span {
            padding: 16px 20px;
            display: block;
        }

    .cms-content h3 {
        font-size: 20px;
        line-height: 1.4;
        font-family: "Roboto-Bold";
        margin-bottom: 12px;
        color: #222;
    }

    .cms-content h5 {
        font-size: 20px;
        font-family: "Roboto-Bold";
        margin-bottom: 12px;
        line-height: 1.5;
    }

    .cms-content .content-cell {
        margin-bottom: 24px;
    }

    .cms-content .mob-listing ul {
        margin: 0;
        padding: 0;
    }

        .cms-content .mob-listing ul li {
            padding: 0;
        }

@media (min-width: 992px) {
    .sustainability-framework .section-header-main {
        margin-bottom: 3.75rem;
    }

    .sustainability-framework .section-space {
        margin-bottom: 6.25rem;
    }

    .sustainability-framework h3 {
        font-size: 1.75rem;
        margin-bottom: 1.125rem;
    }

    .sustainability-framework .item:nth-last-child(2) {
        margin-bottom: 0;
    }

    .sustainability-framework .item aside {
        max-width: 260px;
    }

        .sustainability-framework .item aside a {
            font-size: 1rem;
        }

        .sustainability-framework .item aside h4 {
            font-size: 1.25rem;
        }

    .sustainability-framework .three-steps {
        background: #f1f4ff;
        padding: 70px 0 40px 0;
    }

    .folds-bg {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .sustain-two-section {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .sustain-two-section figure {
            width: 50%;
        }

            .sustain-two-section figure img {
                width: 100%;
                border-radius: .75rem;
            }

        .sustain-two-section aside {
            width: 45%;
            padding-top: 1.5rem;
        }

            .sustain-two-section aside h2 {
                font-size: 1.75rem;
                margin-bottom: 1.375rem;
            }

            .sustain-two-section aside p {
                font-size: 1rem;
                line-height: 1.5rem;
                margin-bottom: 1.25rem;
            }
}

.leader-mesg {
    position: relative;
}

    .leader-mesg.carousel_wrapper .owl-stage {
        margin-left: 0;
    }

    .leader-mesg.carousel_wrapper .owl-carousel {
        margin-left: 0;
    }

    .leader-mesg.carousel_wrapper .owl-stage-outer {
        margin-right: 0;
    }

    .leader-mesg .section-header {
        text-align: center;
    }

    .leader-mesg .section-header-main .carousel-nav {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 98;
        margin-left: 0;
    }

    .leader-mesg .v-center {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column-reverse;
    }

        .leader-mesg .v-center .author-bio-detail {
            width: 100%;
            text-align: center;
            position: relative;
            padding-bottom: 3.75rem;
        }

            .leader-mesg .v-center .author-bio-detail h4 {
                font-size: 1.25rem;
                font-family: 'Roboto-Bold';
                line-height: 1.875rem;
                margin-bottom: .625rem;
                padding-top: 3.125rem;
            }

            .leader-mesg .v-center .author-bio-detail i {
                position: absolute;
                top: -1.375rem;
                left: 50%;
                transform: translateX(-50%);
            }

            .leader-mesg .v-center .author-bio-detail h5 {
                font-size: 1.5rem;
                font-family: 'Roboto-Bold';
                line-height: 36px;
                margin-bottom: .3125rem;
            }

            .leader-mesg .v-center .author-bio-detail h6 {
                margin-bottom: 2rem;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

                .leader-mesg .v-center .author-bio-detail h6 a {
                    font-size: 1rem;
                    text-decoration: underline;
                }

                    .leader-mesg .v-center .author-bio-detail h6 a:hover {
                        text-decoration: none;
                    }

            .leader-mesg .v-center .author-bio-detail p {
                font-size: 1.125rem;
                line-height: 36px;
            }

    .leader-mesg .leader-pic {
        width: 12.125rem;
    }

.map-area {
    background: #f1f4ff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.map-area-content {
    margin-bottom: 32px;
}

    .map-area-content ul li {
        display: flex;
        align-items: center;
    }

        .map-area-content ul li:not(:last-child) {
            margin-bottom: 40px;
        }

    .map-area-content i {
        font-style: normal;
        margin-right: 55px;
    }

        .map-area-content i::before {
            font-size: 53px;
        }

    .map-area-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .map-area-content h4 {
        font-size: 28px;
    }

@media (min-width: 992px) {
    .leader-mesg .section-header {
        text-align: left;
    }

    .leader-mesg .section-header-main .carousel-nav {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translateX(0);
    }

    .leader-mesg .v-center {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
    }

        .leader-mesg .v-center .author-bio-detail {
            width: 56%;
            text-align: left;
        }

            .leader-mesg .v-center .author-bio-detail h4 {
                font-size: 1.875rem;
                font-family: 'Roboto-Bold';
                line-height: 36px;
                margin-bottom: 1rem;
                padding-top: 0;
            }

            .leader-mesg .v-center .author-bio-detail i {
                position: relative;
                top: auto;
                left: auto;
                transform: translateX(0);
            }

            .leader-mesg .v-center .author-bio-detail h5 {
                font-size: 1.5rem;
                font-family: 'Roboto-Bold';
                line-height: 36px;
                margin-bottom: .3125rem;
            }

            .leader-mesg .v-center .author-bio-detail p {
                font-size: 1.125rem;
                line-height: 36px;
            }

        .leader-mesg .v-center .leader-pic {
            width: 34%;
        }

    .map-area-content {
        margin-bottom: 0;
    }

        .map-area-content ul li:not(:last-child) {
            margin-bottom: 80px;
        }

        .map-area-content p {
            font-size: 20px;
            line-height: 28px;
        }

        .map-area-content h4 {
            font-size: 40px;
            font-family: 'Roboto-Bold';
        }
}

.value-and-culture .card-item .first .card:before {
    background: #e3836b;
}

.value-and-culture .card-item .third .card:before {
    background: #53b992;
}

.value-and-culture .card-item .second .card:before {
    background: #5da2d0;
}

.value-and-culture .card-item .card {
    border-radius: 10px;
    overflow: hidden;
}

    .value-and-culture .card-item .card:before {
        content: "";
        opacity: 0.7;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        pointer-events: none;
    }

    .value-and-culture .card-item .card .card-image {
        height: 500px;
    }

        .value-and-culture .card-item .card .card-image img {
            border-radius: 10px;
        }

.value-and-culture .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 20px;
}

    .value-and-culture .card-content h4 {
        color: #fff;
        font-size: 38px;
        display: flex;
        align-items: flex-end;
    }

        .value-and-culture .card-content h4 :nth-child(1) {
            font-size: 150px;
            line-height: 110px;
            font-weight: bold;
            margin-right: -20px;
            opacity: 0.65;
        }

    .value-and-culture .card-content p {
        color: #fff;
        margin-bottom: 12px;
    }

    .value-and-culture .card-content a {
        color: #fff;
    }

.content-area .section-header h2 {
    font-size: 1.375rem;
    font-family: 'Roboto-Bold';
    color: #333333;
    margin-bottom: 0rem;
}

.content-area ul.closer-p {
    margin: 14px;
}

    .content-area ul.closer-p li {
        margin-bottom: 0;
        list-style-type: none;
        margin-left: -14px;
    }

.content-area p {
    margin-bottom: 30px;
}

    .content-area p:last-of-type {
        margin-bottom: 0;
    }

    .content-area p span {
        font-size: .75rem;
    }

    .content-area p + ul, .content-area p + ol {
        margin-top: 20px;
    }

.content-area h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.content-area h4 {
    font-size: 1.25rem;
    font-family: Roboto-Bold;
    margin-bottom: .9375rem;
}

.content-area h5 {
    font-size: .875rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.content-area ul, .content-area ol {
    margin-bottom: 1.5rem;
    padding: 0px;
}

    .content-area ul li, .content-area ol li {
        list-style-type: disc;
        margin-left: 16px;
        font-size: 1rem;
        margin-bottom: .375rem;
    }

    .content-area ul.text_format li, .content-area ol.text_format li {
        color: #222;
    }

    .content-area ul.mb-24 li, .content-area ol.mb-24 li {
        margin-bottom: 1.5rem;
    }

    .content-area ol li {
        list-style-type: decimal;
    }

.content-area1 p {
    margin-bottom: 30px;
    color: #666;
}

    .content-area1 p:last-of-type {
        margin-bottom: 0;
    }

    .content-area1 p span {
        font-size: .75rem;
    }

.content-area1 ul {
    margin-bottom: 2rem;
    padding: 0px;
}

    .content-area1 ul li {
        list-style-type: disc;
        margin-left: 16px;
        font-size: 1rem;
        margin-bottom: .5rem;
        color: #666;
    }

.mb0 {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .content-area .section-header h2 {
        font-size: 1.75rem;
        margin-bottom: 0rem;
    }
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.animate {
    animation: shimmer 3s infinite linear;
    background: linear-gradient(to right, #F0F3F5 4%, #E3E8EC 25%, #F0F3F5 36%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

.visible-on-sm {
    display: block;
}

.visible-on-md {
    display: none;
}

@media (min-width: 992px) {
    .visible-on-sm {
        display: none;
    }

    .visible-on-md {
        display: block;
    }
}

.header-shimmer {
    background: #fff;
    display: flex;
    align-items: center;
    height: 60px;
}

    .header-shimmer .header-nav {
        width: 100%;
    }

    .header-shimmer .nav_item {
        height: 1.5rem;
        width: 45vw;
        border-radius: 12px;
    }

    .header-shimmer .logo {
        height: 36px;
        border-radius: 18px;
    }

    .header-shimmer .icon {
        width: 2rem;
        height: 2rem;
        border-radius: 6px;
    }

    .header-shimmer .flx-list .nav_item {
        margin-left: 12px;
    }

    .header-shimmer.ev-header-new {
        height: 90px;
    }

        .header-shimmer.ev-header-new .nav_item.button {
            height: 50px;
            border-radius: 2.5rem;
        }

@media (max-width: 1040px) and (min-width: 993px) {
    .nav-list li {
        margin-left: 0;
    }

        .nav-list li a {
            padding: 8px 12px 6px;
        }
}

@media screen and (max-width: 991px) {
    body .header-shimmer.main-header .header-nav {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-shimmer.ev-header-new .nav_item {
        width: 30vw;
    }
}

@media screen and (min-width: 992px) {
    .header-shimmer {
        height: 96px;
    }

        .header-shimmer .header-nav {
            padding-top: 7px;
        }

            .header-shimmer .header-nav .flx-list-wrapper + .flx-list-wrapper {
                margin-top: 7px;
            }

        .header-shimmer .nav_item {
            width: 8vw;
        }
}

.hero-shimmer {
    background: #fff;
    position: relative;
}

    .hero-shimmer .wrapper {
        display: flex;
        justify-content: space-between;
    }

    .hero-shimmer .form-shimmer {
        width: 456px;
        height: 480px;
    }

    .hero-shimmer .carousel-shimmer {
        width: 40%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hero-shimmer .shim-titles {
        display: flex;
        width: 50%;
        height: 300px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .hero-shimmer .shim-title, .hero-shimmer .shim-sub-title {
        height: 1.5rem;
        border-radius: 14px;
        width: 80%;
    }

    .hero-shimmer .shim-sub-title {
        width: 60%;
        height: 1rem;
        margin-top: 20px;
    }

    .hero-shimmer .buttons {
        width: 40%;
        height: 52px;
        border-radius: 40px;
        margin-top: 40px;
    }

.corporate-home .section-wrapper {
    margin-bottom: 48px;
}

.new-perspective {
    margin-top: 48px;
}

    .new-perspective h1 {
        line-height: 32px;
    }

    .new-perspective p {
        color: #666;
        line-height: 28px;
    }

.text-lc {
    text-align: center;
}

.latest-initiative .owl-carousel .owl-stage-outer .owl-item .card .card-image {
    height: 15.625rem;
}

.latest-initiative .owl-carousel .owl-stage-outer .owl-item .card .card-content h4 {
    font-size: .9375rem;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    font-family: "Roboto", sans-serif;
}

.join-team {
    display: block;
    margin-top: 40px;
}

    .join-team .pic {
        width: 100%;
        position: relative;
    }

        .join-team .pic img {
            width: 100%;
            position: relative;
            top: auto;
            height: 100%;
            left: 0;
        }

    .join-team .blue-box {
        width: 100%;
        padding: 30px;
        background: #0d67ca;
        margin-left: auto;
    }

        .join-team .blue-box h3 {
            color: #ffffff;
            font-size: 22px;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 16px;
        }

        .join-team .blue-box p {
            color: #ddd;
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 40px;
        }

        .join-team .blue-box .btn-white {
            background: #fff;
            color: #0d67ca;
        }

@media (min-width: 992px) {
    .corporate-home .section-wrapper {
        margin-bottom: 100px;
    }

    .text-lc {
        text-align: left;
    }

    .new-perspective {
        margin: 101px 0 80px 0;
    }

        .new-perspective h1 {
            line-height: 50px;
        }

        .new-perspective p {
            color: #666;
            line-height: 28px;
        }

    .latest-initiative .owl-carousel .owl-stage-outer .owl-item .card .card-image {
        height: 25rem;
    }

    .latest-initiative .owl-carousel .owl-stage-outer .owl-item .card .card-content h4 {
        font-size: 1.125rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

    .join-team {
        display: flex;
        margin-top: 130px;
    }

        .join-team .pic {
            width: 60%;
            position: relative;
        }

            .join-team .pic img {
                width: 110%;
                position: absolute;
                top: -60px;
                height: 100%;
                left: 0;
            }

        .join-team .blue-box {
            width: 60%;
            padding: 70px 110px;
            background: #0d67ca;
            margin-left: auto;
        }

            .join-team .blue-box h3 {
                color: #ffffff;
                font-size: 32px;
                line-height: 40px;
                font-weight: bold;
                margin-bottom: 30px;
            }

            .join-team .blue-box p {
                color: #ddd;
                font-size: 18px;
                line-height: 28px;
                margin-bottom: 40px;
            }

            .join-team .blue-box .btn-white {
                background: #fff;
                color: #0d67ca;
            }
}

.text-slide {
    background: url("../../assets/images/happy-customers-bg.html") no-repeat center;
}

    .text-slide .owl-dot {
        background: #eee;
        opacity: 1;
    }

        .text-slide .owl-dot .active {
            background: #222;
        }

    .text-slide .happy-customer {
        text-align: center;
        padding: 80px 0;
    }

        .text-slide .happy-customer h3 {
            font-size: 47px;
            font-weight: bold;
            margin: 0px;
            padding: 0px;
            line-height: 40px;
            background: #3171af;
            background: -webkit-linear-gradient(to right, #3171af 0%, #874398 100%);
            background: -moz-linear-gradient(to right, #3171af 0%, #874398 100%);
            background: linear-gradient(to right, #3171af 0%, #874398 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .text-slide .happy-customer h5 {
            text-align: center;
            font-size: 28px;
            font-weight: bold;
        }

.bill-calculator .carousel-center-nav .carousel-nav {
    top: calc(50%);
}

@media (min-width: 992px) {
    .text-slide {
        background: url("../../assets/images/happy-customers-bg.html") no-repeat center;
    }

        .text-slide .happy-customer {
            text-align: center;
            padding: 80px 0;
        }

            .text-slide .happy-customer h3 {
                font-size: 100px;
                font-weight: bold;
                line-height: 87px;
            }
}

.offers-card {
    display: flex;
    flex-wrap: wrap;
}

    .offers-card.standard-card .card-image {
        height: auto;
    }

    .offers-card .card {
        margin-bottom: 2rem;
    }

        .offers-card .card:nth-child(odd) {
            margin-left: 0;
        }

        .offers-card .card .card-image img {
            border-radius: 10px;
            max-height: 404px;
        }

.fight-against-covid {
    margin-bottom: 80px;
}

    .fight-against-covid .covid-banner {
        position: relative;
    }

        .fight-against-covid .covid-banner::before {
            content: "";
            background: linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0) 100%);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: none;
        }

        .fight-against-covid .covid-banner figure picture {
            max-height: 200px;
        }

            .fight-against-covid .covid-banner figure picture i {
                background-color: #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 40px;
                height: 40px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

    .fight-against-covid aside {
        margin-bottom: 1rem;
    }

        .fight-against-covid aside h2 {
            position: absolute;
            top: 235px;
            left: 18px;
            margin: 15px;
            z-index: 1;
            font-size: 2.125rem;
        }

        .fight-against-covid aside .covid-breadcrumb a {
            font-size: 14px;
            font-family: Roboto;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            color: #666;
        }

    .fight-against-covid h2 {
        font-family: Roboto;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #fff;
    }

    .fight-against-covid p {
        font-size: 16px;
        color: #333;
        margin-bottom: 12px;
    }

@media screen and (min-width: 992px) {
    .fight-against-covid .covid-banner figure {
        max-height: 600px;
    }

    .fight-against-covid aside {
        position: absolute;
        top: 270px;
        z-index: 1;
    }

        .fight-against-covid aside .covid-breadcrumb a {
            color: #fff;
        }

        .fight-against-covid aside .covid-breadcrumb {
            margin-left: -69px;
        }

        .fight-against-covid aside h2 {
            position: relative;
            top: 25px;
            left: 0px;
            margin: 25px -70px;
            z-index: 1;
            color: #fff;
        }
}

.covid-container-wrapper .covid-container .card {
    width: 100%;
}

.covid-container-wrapper .covid-container .card-image {
    width: 100%;
}

    .covid-container-wrapper .covid-container .card-image img {
        width: 100%;
        border-radius: 12px;
    }

.covid-container-wrapper .covid-container .covid-item {
    align-self: center;
    margin: 20px 0px;
}

    .covid-container-wrapper .covid-container .covid-item .section-header {
        margin-bottom: 0rem;
    }

.covid-container-wrapper .covid-container h2 {
    font-family: 'Roboto-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
    font-size: 1.375rem;
}

.covid-container-wrapper .covid-container li {
    font-family: Roboto;
    font-size: .875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #666;
}

.covid-container-wrapper .covid-container ul {
    list-style-type: disc;
    margin-left: 7px;
}

.covid-container-wrapper .covid-container .content-area {
    margin-bottom: 0;
}

    .covid-container-wrapper .covid-container .content-area h2 {
        margin-bottom: 1rem;
    }

    .covid-container-wrapper .covid-container .content-area ul li {
        margin-bottom: .75rem;
    }

@media screen and (min-width: 992px) {
    .covid-container-wrapper .covid-container {
        display: flex;
        align-content: center;
        padding-bottom: 80px;
        justify-content: space-between;
    }

        .covid-container-wrapper .covid-container .card {
            width: 50%;
        }

        .covid-container-wrapper .covid-container .covid-item {
            width: 47%;
        }

        .covid-container-wrapper .covid-container h2 {
            font-size: 32px;
        }

        .covid-container-wrapper .covid-container li {
            font-size: 16px;
        }

        .covid-container-wrapper .covid-container:nth-child(odd) .covid-item {
            padding-left: 0rem;
        }

        .covid-container-wrapper .covid-container:nth-child(even) {
            flex-direction: row-reverse;
        }

            .covid-container-wrapper .covid-container:nth-child(even) .covid-item {
                padding-right: 30px;
                padding-right: 0rem;
            }
}

.covid-content p {
    line-height: 1.63;
    letter-spacing: normal;
    color: #666;
    font-size: .875rem;
}

@media screen and (min-width: 992px) {
    .covid-content p {
        font-size: 1rem;
    }
}

.login-wrap {
    font-size: 14px;
}

    .login-wrap .forgot-pass {
        margin-bottom: 1rem;
        font-weight: 600;
        text-decoration: underline;
        color: #333;
    }

        .login-wrap .forgot-pass:hover {
            text-decoration: none;
        }

    .login-wrap .otp-wrapper {
        padding-bottom: 0rem;
    }

        .login-wrap .otp-wrapper label {
            display: block;
            padding-bottom: .5rem;
            color: #8a8888;
            font-size: 1rem;
            font-family: Roboto-bold;
        }

        .login-wrap .otp-wrapper p {
            color: #666;
            font-size: .875rem;
            margin-bottom: 1.5rem;
            line-height: 20px;
        }

.otp-wrapper {
    padding-bottom: 1.5rem;
}

    .otp-wrapper label {
        display: block;
        padding-bottom: .5rem;
        color: #222;
        font-size: 1rem;
        font-family: Roboto-bold;
    }

    .otp-wrapper p {
        color: #666;
        font-size: .875rem;
        line-height: 20px;
        margin-bottom: 0;
    }

.help-support h5 {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
}

.help-support h4 {
    margin-bottom: 0rem;
    margin-top: 2rem;
    font-size: 1.25rem;
    font-family: 'Roboto-Bold';
}

.help-support h2 {
    margin-bottom: 0rem;
}

.help-support .collapsible-header h2 {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
}

.cgrf-complaint {
    display: flex;
    margin-bottom: 1.25rem;
    align-items: baseline;
}

    .cgrf-complaint h5 {
        font-size: 1rem;
        font-family: 'Roboto-Bold';
    }

    .cgrf-complaint aside {
        margin-left: auto;
    }

        .cgrf-complaint aside a {
            border-radius: 25px;
            border: 1px solid #eaeaea;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
        }

.check-complaint-status .customer_detail_list, .check-complaint-status mob-listing {
    margin-bottom: .9375rem;
}

    .check-complaint-status .customer_detail_list .customer_detail_list-details .status, .check-complaint-status mob-listing .customer_detail_list-details .status {
        display: block;
    }

.check-complaint-status .card-with-form .customer_detail_list {
    margin-bottom: 0;
}

    .check-complaint-status .card-with-form .customer_detail_list table tbody tr {
        border-bottom: none;
    }

        .check-complaint-status .card-with-form .customer_detail_list table tbody tr .td-padding {
            padding: 0 1rem 1rem 1rem;
        }

.check-complaint-status .message.warning {
    margin-bottom: 0rem;
}

    .check-complaint-status .message.warning i {
        padding-top: 0rem;
    }

        .check-complaint-status .message.warning i::before {
            margin-top: -2px;
        }

    .check-complaint-status .message.warning label {
        flex-grow: 9;
        font-family: "Roboto", sans-serif;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding-bottom: 0rem;
        padding-top: .125rem;
    }

        .check-complaint-status .message.warning label span {
            color: #333333;
            font-weight: 400;
        }

        .check-complaint-status .message.warning label a {
            color: #333333;
            text-decoration: underline;
            font-size: .875rem;
            font-family: 'Roboto-Bold';
        }

.check-complaint-status .read-more {
    color: #333333;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .check-complaint-status .customer_detail_list, .check-complaint-status mob-listing {
        margin-bottom: .9375rem;
    }

        .check-complaint-status .customer_detail_list .customer_detail_list-details .status, .check-complaint-status mob-listing .customer_detail_list-details .status {
            display: block;
        }

    .check-complaint-status .message.warning {
        margin-bottom: 0rem;
    }

        .check-complaint-status .message.warning i {
            padding-top: .1875rem;
        }

            .check-complaint-status .message.warning i::before {
                margin-top: 0px;
            }

        .check-complaint-status .message.warning label {
            flex-direction: row;
        }
}

.corp-banner {
    position: relative;
}

    .corp-banner .banner-image {
        max-width: 100%;
        width: 100%;
        border-radius: 1.5625rem;
    }

    .corp-banner .banner-content {
        position: absolute;
        top: 0rem;
        width: 100%;
    }

        .corp-banner .banner-content .inner, .corp-banner .banner-content white-text {
            width: auto;
            padding: 1.5rem;
        }

            .corp-banner .banner-content .inner h3, .corp-banner .banner-content white-text h3 {
                font-family: "Roboto-Bold";
                font-size: 1.375rem;
                line-height: 2rem;
                margin-bottom: .75rem;
                color: #333;
            }

            .corp-banner .banner-content .inner p, .corp-banner .banner-content white-text p {
                font-size: .875rem;
                line-height: 1.5rem;
                margin-bottom: 1.25rem;
                color: #222;
            }

            .corp-banner .banner-content .inner .btn, .corp-banner .banner-content white-text .btn {
                background: #fff;
                color: #333;
            }

        .corp-banner .banner-content .white-text h3 {
            color: #fff;
        }

        .corp-banner .banner-content .white-text p {
            color: #fff;
        }

@media (min-width: 992px) {
    .corp-banner .banner-content {
        top: 0rem;
    }

        .corp-banner .banner-content .inner {
            max-width: 43.75rem;
            padding: 3.75rem;
        }

            .corp-banner .banner-content .inner h3 {
                font-size: 1.75rem;
                line-height: 2.25rem;
                margin-bottom: 1rem;
            }

            .corp-banner .banner-content .inner p {
                font-size: 1rem;
                line-height: 1.5rem;
                margin-bottom: 2rem;
            }
}

.know-your-bill .content-area ul li {
    font-style: normal;
    line-height: 1.5;
    color: #666;
    list-style: none;
    margin-left: 0;
    padding-bottom: 1.25rem;
}

    .know-your-bill .content-area ul li ol {
        font-weight: bold;
    }

    .know-your-bill .content-area ul li strong {
        font-family: 'Roboto-Medium';
        color: #333;
    }

.know-your-bill .section-header h4 {
    font-family: 'Roboto-bold';
}

.know-your-bill .section-header h5 {
    font-size: 20px;
    font-family: 'Roboto-bold';
    margin-top: 0;
    padding-bottom: 0;
    line-height: normal;
}

.bill-sample-img {
    margin-bottom: 7rem;
}

.billing-faqs .text_format {
    padding: 20px 20px 20px 20px;
    border-radius: 8px;
    background: #f9f9f9;
}

    .billing-faqs .text_format p {
        font-family: Roboto;
        font-size: 14px;
        line-height: 1.75;
        color: #333;
    }

    .billing-faqs .text_format .customer_detail_list {
        border-radius: 8px;
        background: #f9f9f9;
        margin-bottom: 20px;
    }

    .billing-faqs .text_format .content-area {
        margin-bottom: 0;
    }

        .billing-faqs .text_format .content-area ol {
            margin-left: 15px;
        }

            .billing-faqs .text_format .content-area ol li {
                list-style-type: lower-alpha;
                line-height: 1.63;
                font-size: 14px;
                font-family: Roboto;
                margin-bottom: 20px;
                color: #333;
            }

.text_format2 {
    padding: 20px 20px 20px 20px;
    border-radius: 8px;
    background: #f9f9f9;
}

.quick-access ul > li .collapsible-body p {
    margin-bottom: 20px;
}

.text_format {
    font-size: 1rem;
    color: #333;
    line-height: 1.75;
}

    .text_format h5 {
        margin-bottom: 8px;
    }

    .text_format span {
        margin-bottom: 16px;
    }

    .text_format .steps-content span {
        margin-bottom: 12px;
    }

    .text_format .steps-content ul li ul li {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.43;
        color: #333;
        list-style-type: disc;
        margin-left: 0;
    }

    .text_format .steps-content .content-area {
        margin-bottom: 0;
    }

        .text_format .steps-content .content-area ul {
            margin-bottom: 0;
        }

    .text_format .steps-content .step1 ul {
        counter-reset: list;
    }

    .text_format .steps-content .step2 ul {
        counter-reset: list;
    }

    .text_format .steps-content .step1 ul > li {
        list-style: none;
        position: relative;
    }

        .text_format .steps-content .step1 ul > li:before {
            counter-increment: list;
            content: counter(list, lower-roman);
            position: absolute;
            left: -1em;
        }

    .text_format .steps-content .step2 ul > li {
        list-style: none;
        position: relative;
    }

        .text_format .steps-content .step2 ul > li:before {
            counter-increment: list;
            content: counter(list, lower-alpha);
            position: absolute;
            left: -1em;
        }

    .text_format .steps-content ul li {
        padding-bottom: 7px;
    }

.mob-listing {
    padding: 1rem;
    border-radius: .5rem;
    margin-bottom: 1rem;
    border: solid 1px #eee;
}

    .mob-listing li {
        display: flex;
        justify-content: space-between;
        padding-bottom: 1rem;
        font-size: .8125rem;
    }

        .mob-listing li:last-child {
            padding-bottom: 0rem;
        }

        .mob-listing li h4 {
            font-family: Roboto-Bold;
            font-size: 1rem;
        }

        .mob-listing li label {
            color: #666;
        }

        .mob-listing li span {
            width: calc(50% - 10px);
            text-align: right;
        }

            .mob-listing li span strong {
                font-family: 'Roboto-Bold';
            }

        .mob-listing li .full-width {
            width: 100%;
        }

            .mob-listing li .full-width a {
                font-size: .875rem;
                font-family: 'Roboto-Bold';
                padding-left: 1.25rem;
            }

        .mob-listing li .right-align {
            text-align: right;
        }

.mob-listing-cards :nth-last-child(1) {
    margin-bottom: 0;
}

.page-not-found {
    text-align: center;
}

    .page-not-found h1 {
        margin-bottom: 18px;
        font-size: 1.75rem;
    }

    .page-not-found figure {
        margin: 60px 0 45px 0;
    }

    .page-not-found img {
        width: 220px;
    }

    .page-not-found p {
        margin-bottom: 40px;
        font-size: 1.125rem;
        color: #333333;
    }

.step-progress-bar ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

    .step-progress-bar ul > li {
        padding: 8px 0;
        border-bottom: 4px solid #eaeaea;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        color: #999;
        flex: 1;
        margin-right: 24px;
    }

        .step-progress-bar ul > li:last-child {
            margin-right: 0;
        }

        .step-progress-bar ul > li.active-step {
            border-bottom-color: #333333;
            color: #333333;
        }

        .step-progress-bar ul > li.completed {
            border-bottom-color: #13a180;
            color: #13a180;
        }

            .step-progress-bar ul > li.completed::after {
                content: "";
                background: url(../../assets/icons/stepper-icon.html);
                background-repeat: no-repeat;
                display: block;
                font-size: 12px;
                height: 17px;
                width: 17px;
                text-align: center;
                color: #fff;
                margin-left: 8px;
            }

.file-select-new {
    height: auto;
    border: none;
}

    .file-select-new .file-select {
        color: #0D67CA;
        border: 1px solid #cacaca;
        padding: 20px 10px;
        border-radius: 8px;
    }

    .file-select-new .select-message {
        position: absolute;
        top: 0px;
        left: 230px;
        z-index: 99999;
        border: none;
        height: auto;
        overflow-wrap: break-word;
        color: #000;
        width: 50%;
    }

@media (max-width: 991px) {
    .step-progress-bar ul {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .step-progress-bar ul > li {
            width: auto;
            min-width: 40%;
            display: inline-flex;
            margin-right: 24px;
        }

        .step-progress-bar ul::-webkit-scrollbar {
            display: none;
        }
}

.banner-image-only img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    min-height: 312px;
    object-fit: cover;
    object-position: right;
}

.about-map figure {
    text-align: center;
}

    .about-map figure img {
        width: 100%;
    }

@media (min-width: 992px) {
    .about-map figure img {
        width: auto;
    }
}

.banner-video video {
    width: 100%;
    border: none;
    display: block;
}

@media (max-width: 767px) {
    .banner-video video {
        height: 250px;
        object-fit: cover;
        object-position: right;
    }
}

.modal-btn-group {
    display: flex;
    justify-content: space-between;
}

    .modal-btn-group .btn {
        flex: 1;
        max-width: calc(50% - 12px);
    }

.sidenav.medium-width {
    max-width: 525px;
}

.sidenav .modal-content-inner li > a {
    padding-left: 0;
    padding-right: 0;
    line-height: normal;
    height: auto;
    background: none;
}

.modal-wrapper-custom .modal {
    max-width: 380px;
    text-align: center;
}

    .modal-wrapper-custom .modal.bottom-sheet {
        max-width: none;
    }

    .modal-wrapper-custom .modal.modal-alert {
        background-color: #fff;
        box-shadow: none;
        border: none;
        bottom: auto;
    }

    .modal-wrapper-custom .modal .btn {
        border-radius: 2.5rem;
        margin-left: 4px;
        margin-right: 4px;
        padding: 0 2rem;
        font-weight: bold;
    }

    .modal-wrapper-custom .modal h4 {
        font-size: 1.25rem;
        font-family: "Roboto-Bold";
        margin-bottom: 2.2rem;
        line-height: 28px;
    }

    .modal-wrapper-custom .modal .modal-content {
        padding: 12px 0;
        background-color: #fcfcfc;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        text-align: center;
        color: #666;
        margin-bottom: 1rem;
    }

        .modal-wrapper-custom .modal .modal-content p {
            font-size: .875rem;
            line-height: 24px;
            margin-bottom: 0;
        }

            .modal-wrapper-custom .modal .modal-content p:empty {
                display: none;
            }

        .modal-wrapper-custom .modal .modal-content span {
            font-size: 1.25rem;
            color: #999;
            padding-bottom: .75rem;
        }

.modal-wrapper-custom #modal-redirection .modal-header img {
    margin: 0 auto 25px;
}

.modal-wrapper-custom #modal-redirection .modal-close {
    right: auto;
    left: 20px;
}

.modal-wrapper-custom #modal-redirection h4 {
    font-size: 1rem;
    margin: 0;
    color: #333;
}

.modal-wrapper-custom #modal-redirection .modal-content {
    border: none;
    margin-bottom: 12px;
}

.sustain-modal p {
    font-size: 1rem;
}

.sustain-modal .modal-close i {
    margin-bottom: 1.25rem;
}

    .sustain-modal .modal-close i::before {
        font-weight: 600;
    }

.sustain-modal .content-area ul {
    padding-left: 0rem;
}

    .sustain-modal .content-area ul li {
        padding-bottom: 0rem;
        font-size: 1rem;
    }

.modal-wrapper .modal {
    left: auto;
    top: 0% !important;
    max-height: 100%;
    height: 100vh;
    max-width: 524px;
}

    .modal-wrapper .modal#add-cat {
        border-radius: 0;
    }

    .modal-wrapper .modal .modal-content header {
        margin-bottom: 1.5rem;
    }

    .modal-wrapper .modal .modal-content img {
        margin-bottom: 1.25rem;
    }

    .modal-wrapper .modal .modal-content p {
        font-size: 1rem;
        margin-bottom: 1rem;
        line-height: 1.375rem;
    }

    .modal-wrapper .modal .modal-content h4 {
        font-size: 1.75rem;
        font-family: "Roboto-Bold";
        padding-bottom: 2rem;
        margin-bottom: .75rem;
    }

    .modal-wrapper .modal .modal-content h5 {
        font-size: 1.25rem;
        font-family: "Roboto-Bold";
        margin-bottom: .75rem;
    }

    .modal-wrapper .modal .modal-content ul li {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: .75rem;
    }

    .modal-wrapper .modal .modal-content span {
        font-size: 1.75rem;
        color: #999;
        padding-bottom: .75rem;
    }

    .modal-wrapper .modal .modal-content .tender-register .section-header h4 {
        padding-bottom: 1rem;
    }

    .modal-wrapper .modal .modal-content .tender-register .section-header p {
        font-size: 1rem;
        color: #666666;
        margin-top: 0;
    }

    .modal-wrapper .modal .modal-content .tender-register .warning-info label p {
        font-size: .875rem;
    }

    .modal-wrapper .modal .modal-content .tab h4 {
        font-size: 12px;
    }

    .modal-wrapper .modal .modal-content .content-items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
    }

        .modal-wrapper .modal .modal-content .content-items .inner-items {
            display: flex;
            align-items: center;
        }

            .modal-wrapper .modal .modal-content .content-items .inner-items img {
                margin-right: 12px;
                height: auto;
                margin-bottom: 0rem;
                border-radius: 6px;
                height: 36px;
                width: 36px;
            }

            .modal-wrapper .modal .modal-content .content-items .inner-items label {
                font-size: 14px;
                color: #333;
                line-height: 20px;
            }

        .modal-wrapper .modal .modal-content .content-items .inner-items2 {
            align-items: center;
            color: #222;
            justify-content: left;
            display: flex;
        }

            .modal-wrapper .modal .modal-content .content-items .inner-items2 span {
                font-size: 12px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #0d67ca;
                background-color: #ebf5ff;
                margin-right: 12px;
                border: 1px solid #0d67ca;
                border-radius: 100%;
                height: 36px;
                width: 36px;
                padding-bottom: 0;
            }

            .modal-wrapper .modal .modal-content .content-items .inner-items2 h6 {
                font-size: 1rem;
                color: #333;
                font-weight: 500;
            }

            .modal-wrapper .modal .modal-content .content-items .inner-items2 p {
                font-size: .75rem;
                color: #333;
            }

        .modal-wrapper .modal .modal-content .content-items p {
            font-size: 14px;
            color: #666;
        }

.modal-header {
    font-weight: 700;
}

    .modal-header .i-cross:before {
        font-size: 18px;
        font-weight: bold;
    }

.modal-content a[href]:not([class*="btn"]) {
    color: #333;
    text-decoration: underline;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

.modal-content p {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    color: #666;
    line-height: 16px;
}

    .modal-content p:last-of-type:not(:first-of-type) {
        margin-bottom: 0;
    }

.modal-content ul, .modal-content ol {
    padding-left: 18px;
}

    .modal-content ul li, .modal-content ol li {
        margin-bottom: 1.25rem;
        font-size: .875rem;
        color: #666;
        line-height: 16px;
        list-style-type: disc;
    }

    .modal-content ul ul, .modal-content ul ol, .modal-content ol ul, .modal-content ol ol {
        margin-top: 20px;
    }

    .modal-content ol li {
        list-style-type: decimal;
    }

        .modal-content ol li ul {
            margin-top: .625rem;
        }

            .modal-content ol li ul li {
                list-style-type: disc;
            }

.modal-content .modal-message {
    background-color: #fff9ea;
    border: solid 1px #e7cca6;
    border-radius: 8px;
    padding: 1rem;
}

    .modal-content .modal-message h5 {
        font-family: "Roboto-Bold";
        padding-bottom: .625rem;
        font-size: 1rem;
    }

    .modal-content .modal-message p {
        font-size: .875rem;
    }

.modal-wrapper-alert .modal {
    background: #fcf2f2;
    border: 1px solid #cc0909;
}

    .modal-wrapper-alert .modal .modal-header h4 i {
        background: #cc0909;
    }

.modal.modal-feedback {
    max-width: 600px;
}

    .modal.modal-feedback .modal-header {
        padding: 24px;
        padding-right: 60px;
        border-radius: 12px;
        background-color: #fef6ea;
        display: block;
        height: auto;
        position: relative;
    }

        .modal.modal-feedback .modal-header::before {
            opacity: 0;
        }

        .modal.modal-feedback .modal-header .modal-close {
            position: absolute;
            right: 24px;
            top: 24px;
        }

        .modal.modal-feedback .modal-header h4 {
            font-size: 24px;
            line-height: 1.17;
            color: #222;
            font-family: "Roboto-Bold";
            margin-bottom: 4px;
        }

        .modal.modal-feedback .modal-header p {
            font-size: 16px;
            line-height: 1.75;
            color: #666;
            font-weight: normal;
        }

    .modal.modal-feedback .modal-content {
        padding: 24px;
    }

    .modal.modal-feedback .feedback-q {
        margin-bottom: 32px;
    }

        .modal.modal-feedback .feedback-q p {
            font-size: 16px;
            line-height: 1.75;
            color: #222;
            padding-bottom: 20px;
            margin-bottom: 0;
        }

        .modal.modal-feedback .feedback-q .rating-wrapper {
            margin-bottom: 0px;
        }

        .modal.modal-feedback .feedback-q textarea {
            min-height: 100px;
            vertical-align: middle;
        }

        .modal.modal-feedback .feedback-q .custom.input-field {
            margin-bottom: 0;
        }

    .modal.modal-feedback .feedback-form .btn-group {
        padding-top: 0;
    }

.modal-content-inner {
    padding: 1.25rem;
}

    .modal-content-inner .bill-detail-body ul {
        margin-left: 0;
    }

        .modal-content-inner .bill-detail-body ul li label, .modal-content-inner .bill-detail-body ul li span {
            font-size: 14px;
            color: #333;
        }

        .modal-content-inner .bill-detail-body ul li span {
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

    .modal-content-inner a:not(.btn) {
        text-decoration: underline;
        color: #333;
        font-family: 'Roboto-Medium';
        font-weight: normal;
    }

        .modal-content-inner a:not(.btn):hover {
            text-decoration: none;
        }

    .modal-content-inner .sidenav-close {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
    }

    .modal-content-inner .mob-listing li {
        margin-bottom: 0;
    }

    .modal-content-inner .modal-close i {
        margin-bottom: 1.25rem;
    }

        .modal-content-inner .modal-close i::before {
            font-weight: 600;
        }

    .modal-content-inner header {
        margin-bottom: 1rem;
    }

    .modal-content-inner h2 {
        font-size: 1.375rem;
        font-family: "Roboto-Bold";
        line-height: 2.125rem;
        color: #333;
        margin-bottom: .75rem;
    }

    .modal-content-inner h4 {
        font-size: 1rem;
        font-family: "Roboto-Bold";
        line-height: 1.375rem;
        color: #333;
        margin-bottom: 1rem;
    }

    .modal-content-inner p, .modal-content-inner li {
        font-size: .875rem;
        color: #666666;
        line-height: 1.75rem;
        margin-bottom: 1rem;
    }

    .modal-content-inner ul {
        margin-left: 1.125rem;
    }

        .modal-content-inner ul li {
            list-style-type: disc;
        }

    .modal-content-inner .mob-listing-cards {
        margin-bottom: 1rem;
    }

        .modal-content-inner .mob-listing-cards .mob-listing ul {
            margin-left: 0rem;
        }

            .modal-content-inner .mob-listing-cards .mob-listing ul li label {
                font-size: .875rem;
                line-height: 1.25rem;
            }

            .modal-content-inner .mob-listing-cards .mob-listing ul li span {
                font-size: .8125rem;
                color: #333333;
                line-height: 1.375rem;
                font-family: "Roboto-Bold";
            }

#modal-scam-alert.open ~ #haptik-xdk-wrapper {
    opacity: 0;
    visibility: hidden;
}

.modal.modal-bottom-fix {
    background-color: transparent;
    width: 100%;
    top: auto !important;
    bottom: 32px !important;
}

    .modal.modal-bottom-fix .modal-content {
        border-radius: 12px;
        box-shadow: 0 2px 24px 0 rgba(0,0,0,0.16);
        background-color: #fff;
        padding: 32px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

        .modal.modal-bottom-fix .modal-content::after {
            top: 0;
            left: 0;
            z-index: 1;
            width: 7px;
            content: "";
            height: 100%;
            display: block;
            position: absolute;
            background: linear-gradient(to bottom, #1b86a2 0%, #2073b8 22%, #6b5ca6 41%, #923993 70%, #cd4b59 93%, #f05636 100%) left bottom #fff no-repeat;
        }

        .modal.modal-bottom-fix .modal-content .btn.modal-close {
            color: #333;
            border-color: #333;
            max-width: 180px;
            width: 100%;
            text-transform: uppercase;
            font-family: "Roboto-Bold";
        }

        .modal.modal-bottom-fix .modal-content aside {
            flex: 1;
            padding-right: 16px;
            position: relative;
            padding-left: 66px;
        }

            .modal.modal-bottom-fix .modal-content aside .scam-alert-image {
                position: absolute;
                left: 0;
                top: 0;
                width: 42px;
                height: 42px;
                object-fit: contain;
            }

        .modal.modal-bottom-fix .modal-content h4 {
            font-size: 24px;
            font-family: "Roboto-Bold";
            line-height: 1.17;
            margin-bottom: 12px;
            margin-top: 0;
            color: #333;
        }

        .modal.modal-bottom-fix .modal-content h6 {
            font-size: 16px;
            font-family: "Roboto-Bold";
            line-height: 1.75;
            color: #333;
            margin-bottom: 12px;
        }

        .modal.modal-bottom-fix .modal-content ul {
            padding: 0 0 0 18px;
            margin: 0 0 20px;
        }

            .modal.modal-bottom-fix .modal-content ul li {
                font-size: 16px;
                font-weight: normal;
                line-height: 1.5;
                margin-bottom: 4px;
                margin-top: 0;
                color: #333;
            }

                .modal.modal-bottom-fix .modal-content ul li:last-child {
                    margin-bottom: 0;
                }

        .modal.modal-bottom-fix .modal-content p {
            font-size: 16px;
            line-height: 1.5;
            color: #333;
            padding-left: 4px;
        }

        .modal.modal-bottom-fix .modal-content.substain-popup .scam-alert-image {
            width: 100px;
            height: 50px;
        }

        .modal.modal-bottom-fix .modal-content.substain-popup aside {
            padding-left: 120px;
        }

        .modal.modal-bottom-fix .modal-content.substain-popup .modal-close {
            position: absolute;
            right: 20px;
            top: 20px;
        }

        .modal.modal-bottom-fix .modal-content.substain-popup .waves-effect.btn {
            border-color: #333;
            color: #333;
            font-family: 'Roboto-Bold';
        }

@media (min-width: 992px) {
    .modal-content-inner header {
        margin-bottom: 1.5rem;
    }

    .modal-content-inner h2 {
        font-size: 1.75rem;
        line-height: 1.875rem;
    }

    .modal-content-inner h4 {
        font-size: 1.25rem;
        line-height: 1.375rem;
    }

    .modal-content-inner p, .modal-content-inner li {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 991px) {
    #generalguideline.modal.bottom-sheet .modal-header {
        height: auto;
    }

        #generalguideline.modal.bottom-sheet .modal-header h4 {
            margin-top: 12px;
        }

    #generalguideline.modal.bottom-sheet .modal-content {
        height: calc(100% - 153px);
    }

    .modal.modal-feedback .modal-header {
        padding: 20px;
    }

        .modal.modal-feedback .modal-header .modal-close {
            position: static;
            margin-bottom: 16px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
        }

        .modal.modal-feedback .modal-header h4 {
            font-size: 22px;
            line-height: 1.45;
        }

        .modal.modal-feedback .modal-header p {
            font-size: 14px;
            line-height: 1.43;
        }

    .modal.modal-feedback .modal-content {
        padding: 20px;
    }

    .modal.modal-bottom-fix {
        bottom: 0px !important;
        border-radius: 12px 12px 0 0;
    }

        .modal.modal-bottom-fix .container {
            padding: 0;
        }

        .modal.modal-bottom-fix .modal-content {
            display: block;
            padding: 32px 24px;
            border-radius: 0;
        }

            .modal.modal-bottom-fix .modal-content::after {
                left: 0;
                z-index: 1;
                content: "";
                height: 7px;
                width: 100%;
                display: block;
                position: absolute;
                background: linear-gradient(to right, #1b86a2 0%, #2073b8 22%, #6b5ca6 41%, #923993 70%, #cd4b59 93%, #f05636 100%) left bottom #fff no-repeat;
            }

            .modal.modal-bottom-fix .modal-content aside {
                padding: 0;
            }

                .modal.modal-bottom-fix .modal-content aside .scam-alert-image {
                    position: static;
                    margin-bottom: 16px;
                }

            .modal.modal-bottom-fix .modal-content h4 {
                font-size: 20px;
                line-height: 1.4;
                margin-bottom: 14px;
            }

            .modal.modal-bottom-fix .modal-content ul {
                margin-bottom: 24px;
            }

            .modal.modal-bottom-fix .modal-content .btn.modal-close {
                max-width: 100%;
            }

            .modal.modal-bottom-fix .modal-content p {
                margin-bottom: 28px;
            }

            .modal.modal-bottom-fix .modal-content.substain-popup aside {
                padding-left: 0;
            }

            .modal.modal-bottom-fix .modal-content.substain-popup .waves-effect.btn {
                display: block;
            }
}

#business-bottom-sheet .dd-menu-dd li > a, #business-bottom-sheet .modal-close {
    text-decoration: none;
}

.open-tender-banner {
    margin-bottom: 3.0625rem;
}

    .open-tender-banner .banner-area .banner-content-top {
        width: 100%;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .open-tender-banner .banner-area .banner-content-top .innerbanner {
            text-align: center;
        }

            .open-tender-banner .banner-area .banner-content-top .innerbanner h1 {
                font-size: 42px;
                margin-bottom: 1rem;
            }

            .open-tender-banner .banner-area .banner-content-top .innerbanner p {
                font-size: 1.125rem;
                line-height: 1.75rem;
            }

.corporate-main-banner .inner {
    position: relative;
}

    .corporate-main-banner .inner figure img {
        width: 100%;
    }

    .corporate-main-banner .inner .content {
        width: 100%;
        position: absolute;
        top: 16%;
        left: 50%;
        -ms-transform: translate(-50%, -16%);
        transform: translate(-50%, -16%);
        text-align: center;
        color: #fff;
    }

        .corporate-main-banner .inner .content .inner {
            width: 100%;
        }

            .corporate-main-banner .inner .content .inner h1 {
                font-size: 1.75rem;
                line-height: 2.375rem;
                font-family: 'Roboto-Bold';
                margin-bottom: .75rem;
                color: #fff;
            }

            .corporate-main-banner .inner .content .inner h2 {
                font-size: 1.75rem;
                line-height: 2.375rem;
                font-family: 'Roboto-Bold';
                margin-bottom: .75rem;
                color: #fff;
            }

            .corporate-main-banner .inner .content .inner p {
                font-size: .875rem;
                line-height: 1.5rem;
                margin-bottom: 1.5rem;
            }

            .corporate-main-banner .inner .content .inner .btn {
                background: #fff;
                color: #333333;
            }

@media (min-width: 992px) {
    .open-tender-banner {
        margin-bottom: 5rem;
    }

        .open-tender-banner .banner-area .banner-content-top .innerbanner {
            text-align: left;
        }

            .open-tender-banner .banner-area .banner-content-top .innerbanner h1 {
                font-size: 48px;
                margin-bottom: .75rem;
            }

            .open-tender-banner .banner-area .banner-content-top .innerbanner p {
                font-size: 1.125rem;
            }

    .corporate-main-banner .inner .content {
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: left;
    }

        .corporate-main-banner .inner .content .inner {
            max-width: 40.625rem;
        }

            .corporate-main-banner .inner .content .inner h1 {
                font-size: 3rem;
                line-height: 4.25rem;
                margin-bottom: 1rem;
            }

            .corporate-main-banner .inner .content .inner h2 {
                font-size: 2rem;
                line-height: 2.375rem;
            }

            .corporate-main-banner .inner .content .inner p {
                font-size: 1rem;
                margin-bottom: 2rem;
            }
}

.tenders-detail .tender-header {
    margin-bottom: 1.25rem;
}

    .tenders-detail .tender-header .tender-main-header {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

        .tenders-detail .tender-header .tender-main-header h2 {
            font-size: 1.375rem;
            margin-bottom: 1rem;
        }

        .tenders-detail .tender-header .tender-main-header p {
            color: #666666;
        }

    .tenders-detail .tender-header .tender-name {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }

        .tenders-detail .tender-header .tender-name p {
            margin-bottom: .75rem;
            text-align: right;
        }

        .tenders-detail .tender-header .tender-name h4, .tenders-detail .tender-header .tender-name h5 {
            font-size: .875rem;
            font-family: 'Roboto-Bold';
            margin-bottom: 1.875rem;
        }

        .tenders-detail .tender-header .tender-name h5 {
            margin-bottom: .75rem;
        }

.tenders-detail .header-links a {
    font-size: .9375rem;
    padding: 8px 32px;
    border: 1px solid #333333;
    color: #333333;
    border-radius: 25px;
    text-decoration: none;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

    .tenders-detail .header-links a:nth-child(1) {
        margin-right: 12px;
    }

.tenders-detail .section-header h2 {
    margin-bottom: 10px;
}

.tenders-detail .section-header h4 {
    font-family: 'Roboto-Bold';
}

.tenders-detail .section-header {
    margin-bottom: 1.25rem;
}

    .tenders-detail .section-header h4 {
        font-family: 'Roboto-Bold';
    }

.tenders-detail .card-section {
    margin-bottom: 1.75rem;
}

    .tenders-detail .card-section .header-text {
        background-color: #fff;
        border-radius: 8px 8px 0 0;
        padding: 16px 16px 0px 16px;
    }

        .tenders-detail .card-section .header-text ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .tenders-detail .card-section .header-text ul li {
                color: #333;
                flex: 50%;
                font-size: 16px;
                margin-bottom: 20px;
                font-weight: 700;
            }

                .tenders-detail .card-section .header-text ul li label {
                    display: block;
                    font-size: 12px;
                    color: #666;
                    font-weight: 500;
                }

.tenders-detail .stepper-wrapper h5 {
    font-size: 1.25rem;
    font-family: 'Roboto-bold';
    margin-bottom: 2rem;
}

.tenders-detail .steps-content {
    margin-bottom: 1.75rem;
}

    .tenders-detail .steps-content h5 {
        font-size: 1.125rem;
        color: #222;
        margin-bottom: .1875rem;
    }

    .tenders-detail .steps-content ul li {
        color: #666;
        font-size: 1rem;
    }

        .tenders-detail .steps-content ul li ul li {
            color: #666;
        }

.tenders-detail .download {
    background-color: #F8F8F8;
    margin-bottom: 2rem;
    padding: 1.625rem;
    font-size: .875rem;
    color: #333;
    line-height: 1.5rem;
    border-radius: .5rem;
}

    .tenders-detail .download ul li {
        font-family: 'Roboto-Bold';
    }

        .tenders-detail .download ul li a {
            font-family: "Roboto", sans-serif;
            font-weight: 500;
        }

.register-icon {
    width: 1.5rem;
}

@media (min-width: 992px) {
    .tenders-detail .tender-header {
        margin-bottom: 1.25rem;
    }

        .tenders-detail .tender-header .tender-main-header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 2rem;
        }

            .tenders-detail .tender-header .tender-main-header h2 {
                font-size: 1.75rem;
                margin-bottom: 1rem;
            }

        .tenders-detail .tender-header .tender-name {
            display: block;
            align-items: baseline;
            justify-content: space-between;
        }

            .tenders-detail .tender-header .tender-name p {
                margin-bottom: .75rem;
                text-align: left;
            }

            .tenders-detail .tender-header .tender-name h4 {
                font-size: 1.375rem;
                font-family: 'Roboto-Bold';
                margin-bottom: 1.875rem;
            }

            .tenders-detail .tender-header .tender-name h5 {
                font-size: 1.25rem;
                font-family: 'Roboto-Bold';
            }

    .tenders-detail .card-section .header-text {
        padding: 32px 32px 12px 32px;
    }

        .tenders-detail .card-section .header-text ul li {
            flex: 33%;
        }

    .tenders-detail .download {
        margin-bottom: 5rem;
    }
}

@media (max-width: 600px) {
    .customer_detail_wrapper.table-border-hide-mob {
        border: none;
    }
}

#frmTenderFeeandEMD .card-body .form-field .row {
    display: flex;
    flex-wrap: wrap;
}

    #frmTenderFeeandEMD .card-body .form-field .row .field-validation-error {
        margin-bottom: 10px;
    }

.tenders .tender-content .tender-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .tenders .tender-content .tender-card .card {
        width: 45%;
        margin-bottom: 2.0625rem;
    }

        .tenders .tender-content .tender-card .card figure i {
            margin: 0 0 15px -5px;
        }

            .tenders .tender-content .tender-card .card figure i::before {
                font-size: 2.5rem;
            }

        .tenders .tender-content .tender-card .card h6 {
            font-family: "Roboto-Bold";
            margin-bottom: .375rem;
            color: #333;
            font-size: 1rem;
            line-height: 1.75rem;
        }

        .tenders .tender-content .tender-card .card p {
            font-size: 0.875rem;
            line-height: 20px;
            margin-bottom: 12px;
            color: #666666;
        }

        .tenders .tender-content .tender-card .card a {
            font-size: .875rem;
            line-height: 1.25rem;
            color: #333;
            text-decoration: underline;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

            .tenders .tender-content .tender-card .card a:hover {
                text-decoration: none;
            }

.sitecore-form-field label {
    left: auto;
}

.sitecore-form-field.datefield label {
    transform: translateY(10px);
}

@media screen and (min-width: 992px) {
    .tenders .tender-content {
        width: 100%;
    }

        .tenders .tender-content p span {
            display: block;
        }

        .tenders .tender-content .tender-card .card {
            width: 23%;
            margin-bottom: 0rem;
        }

            .tenders .tender-content .tender-card .card figure i {
                margin: 0 0 15px -5px;
            }

                .tenders .tender-content .tender-card .card figure i::before {
                    font-size: 2.5rem;
                }

            .tenders .tender-content .tender-card .card h6 {
                font-size: 1.25rem;
                line-height: 1.75rem;
                margin-bottom: 1.5rem;
            }

            .tenders .tender-content .tender-card .card a {
                font-size: 1rem;
                line-height: 1.5rem;
            }
}

.city-detail {
    text-align: center;
}

    .city-detail h3 {
        font-size: 22px;
        line-height: 40px;
        font-family: 'Roboto-Bold';
        margin-bottom: 20px;
        color: #333;
    }

    .city-detail p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 3rem;
        color: #666;
        max-width: 55.1875rem;
        margin: auto;
    }

    .city-detail a.btn {
        color: #fff !important;
    }

    .city-detail ul li {
        margin-bottom: 3rem;
    }

        .city-detail ul li sup {
            font-size: 1.875rem;
        }

        .city-detail ul li h5 {
            font-size: 1rem;
            line-height: 24px;
            margin-bottom: 12px;
            color: #666666;
            text-transform: uppercase;
            letter-spacing: .125rem;
        }

        .city-detail ul li h4 {
            font-size: 3rem;
            line-height: 48px;
            margin-bottom: 12px;
            font-family: 'Roboto-Bold';
            color: #444444;
        }

        .city-detail ul li span {
            display: block;
            font-size: 1rem;
            line-height: 20px;
            color: #666666;
        }

    .city-detail .city-detail-cta-box {
        margin-bottom: 2.1875rem;
    }

        .city-detail .city-detail-cta-box a.btn {
            background: none;
            border: 1px solid #fff;
            color: #fff;
        }

@media (min-width: 992px) {
    .city-detail {
        margin-bottom: 2rem;
    }

        .city-detail h3 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 20px;
        }

        .city-detail p {
            font-size: 18px;
            line-height: 28px;
        }

        .city-detail ul {
            display: flex;
            justify-content: space-between;
        }

            .city-detail ul li {
                width: 30%;
                margin-bottom: 3rem;
            }

                .city-detail ul li h5 {
                    font-size: 1rem;
                    line-height: 24px;
                    margin-bottom: 26px;
                    text-transform: uppercase;
                }

                .city-detail ul li h4 {
                    font-size: 3.25rem;
                    line-height: 48px;
                    margin-bottom: 20px;
                }

                .city-detail ul li span {
                    font-size: 1.25rem;
                }

        .city-detail .city-detail-cta-box {
            margin-bottom: 5.625rem;
        }
}

footer.footer_wrapper {
    margin-top: 0;
}

.footer-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    .footer-wrap .footer_link_list {
        display: flex;
        flex-direction: column;
    }

.footer-carousel {
    display: flex;
    border: solid 1px #ebebeb;
    background-color: #fcfcfc;
    justify-content: space-between;
    align-items: center;
    border-radius: .75rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
}

    .footer-carousel span {
        font-size: .75rem;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: .125rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        color: #999;
    }

    .footer-carousel label {
        font-size: 1rem;
        display: block;
        color: #333;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        line-height: 1.75rem;
    }

    .footer-carousel .bg-card {
        background-color: #f1f1f1;
        padding: 15px;
    }

        .footer-carousel .bg-card img {
            width: 100px;
            border-radius: 0;
            object-fit: contain;
        }

.footer_barcode {
    padding: 8px 0 8px 0;
}

    .footer_barcode a:first-child {
        margin-right: 16px;
    }

    .footer_barcode img {
        width: 80px;
        height: auto;
        margin-bottom: 2px;
    }

    .footer_barcode span {
        display: block;
        font-size: 14px;
        line-height: 1.43;
        color: #666;
    }

    .footer_barcode a {
        display: inline-flex;
        flex-direction: column;
        text-align: center;
    }

@media (min-width: 992px) {
    .footer-wrap {
        justify-content: space-between;
        flex-direction: row;
    }

        .footer-wrap .footer_link_list {
            display: flex;
            flex-direction: column;
        }

    .footer-carousel label {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.chips-wrapper:not(.show) ul li:nth-child(13) ~ li:not(:last-of-type) {
    display: none;
}

.chips-wrapper ul {
    display: flex;
    flex-wrap: wrap;
}

    .chips-wrapper ul li {
        margin-bottom: 18px;
        margin-right: 12px;
    }

        .chips-wrapper ul li a {
            display: block;
            border-radius: 32px;
            border: solid 1px #d7d7d7;
            padding: 10px 25px;
            font-size: 18px;
            font-weight: normal;
            line-height: normal;
            color: #333;
            cursor: pointer;
            transition: all 0.3s;
        }

            .chips-wrapper ul li a:hover {
                background-color: #0D67CA;
                color: #fff;
            }

            .chips-wrapper ul li a.chip-loadmore {
                color: #0d67ca;
                background-color: #fff;
            }

                .chips-wrapper ul li a.chip-loadmore:hover {
                    color: #0d67ca;
                    background-color: #fff;
                }

@media (max-width: 991px) {
    .chips-wrapper:not(.show) ul li:nth-child(8) ~ li:not(:last-of-type) {
        display: none;
    }
}

@media (min-width: 992px) {
    .chips-wrapper ul li {
        margin-right: 25px;
    }
}

.main-header.not-floating.header-corporate {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .main-header.not-floating.header-corporate {
        margin-bottom: 0;
    }
}

.investors .section-header p {
    font-size: 1rem;
}

.investors .section-header h2 {
    font-size: 1.375rem;
}

.investors .help-support h2 {
    font-size: 1rem;
}

.investors .video {
    margin-bottom: 3rem;
}

.investors .section-accordion {
    margin-bottom: 3.75rem;
}

.investors .investor-content-section {
    padding: 32px 0 0 0;
}

    .investors .investor-content-section .section-header h2 {
        font-size: 1.375rem;
    }

    .investors .investor-content-section .section-header p {
        font-size: .875rem;
        line-height: 1.5rem;
        color: #666666;
    }

.investors .video iframe {
    height: 60vw;
}

.img100 img {
    width: 100%;
    border-radius: .75rem;
}

@media screen and (min-width: 992px) {
    .investors .section-header p {
        font-size: .875rem;
    }

    .investors .section-header h2 {
        font-size: 2rem;
    }

    .investors .help-support h2 {
        font-size: 1.25rem;
    }

    .investors .investor-content-section {
        padding: 20px 0 0 30px;
    }

        .investors .investor-content-section .section-header h2 {
            font-size: 1.75rem;
            color: #333333;
        }

        .investors .investor-content-section .section-header p {
            font-size: 1rem;
            line-height: 1.75rem;
        }

        .investors .investor-content-section .card-with-form .checkbox-field label span {
            font-size: .875rem;
            color: #666666;
        }

    .investors .video iframe {
        height: 40vw;
    }
}

.section-header.time-table-heading h5 {
    padding-bottom: 0;
}

.time-table {
    overflow: hidden;
}

.time-table-header {
    padding: 12px 20px;
    background-color: #edf5ff;
}

    .time-table-header h2 {
        font-family: Roboto-Bold;
        font-size: 16px;
        color: #333333;
        line-height: 24px;
        margin: 0;
    }

.time-table-body {
    margin-bottom: -12px;
    padding: 20px;
}

    .time-table-body ul li {
        margin-bottom: 4px;
        font-size: 14px;
    }

        .time-table-body ul li strong {
            color: #222222;
            font-family: 'Roboto-Bold';
        }

        .time-table-body ul li i {
            margin-right: 8px;
        }

@media (min-width: 992px) {
    .time-table-body ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .time-table-body ul li {
            width: calc(50% - 10px);
        }
}

#back-to-top {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    position: fixed;
    bottom: 105px;
    right: 22px;
    width: 62px;
    height: 62px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    cursor: pointer;
    flex-direction: column;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    font-size: 10px;
    line-height: 13px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    text-transform: uppercase;
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #back-to-top i {
        transform: rotate(90deg);
        top: 6px;
    }

    #back-to-top span {
        display: inline-block;
        margin-top: 7px;
    }

    #back-to-top:hover {
        background-color: #F6F6F6;
    }

    #back-to-top.show {
        opacity: 1;
        visibility: visible;
    }

@media (max-width: 767px) {
    #back-to-top {
        display: none !important;
    }
}

.electricity-connection .clearance-date .saving {
    padding: 1.75rem;
    background: #f3f7fb;
}

    .electricity-connection .clearance-date .saving h3 {
        color: #333333;
        font-family: "Roboto-Bold";
        font-size: 1.25rem;
    }

    .electricity-connection .clearance-date .saving p {
        font-size: .875rem;
        color: #333333;
        margin-bottom: 0;
    }

.electricity-connection .clearance-date p {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    color: #666666;
}

.electricity-connection .clearance-date h5 {
    font-size: 1.125rem;
    font-family: "Roboto-Bold";
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    line-height: 28px;
}

.electricity-connection .clearance-date ul {
    margin-left: 1.125rem;
}

    .electricity-connection .clearance-date ul li {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: 1rem;
        color: #666666;
        list-style-type: disc;
    }

.electricity-connection .clearance-date .warning-info {
    margin-top: 1.5rem;
    text-align: left;
}

    .electricity-connection .clearance-date .warning-info i {
        padding: 0 12px 0 0;
        margin-top: -5px;
    }

    .electricity-connection .clearance-date .warning-info aside p {
        color: #222222;
        line-height: 1.125rem;
        text-align: left;
        font-size: 1.125rem;
        margin-bottom: .5rem;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        padding-top: .1875rem;
    }

    .electricity-connection .clearance-date .warning-info aside span {
        font-size: 1rem;
        color: #666666;
        font-weight: 400;
    }

.electricity-connection .clearance-date .customer_detail_wrapper table.customer_detail_list-details {
    overflow: hidden;
}

.electricity-connection .bill-statement .items .item-content p {
    color: #666666;
    font-size: .875rem;
}

.electricity-connection .margin-none {
    margin-bottom: 0;
}

.digital-services-details {
    margin-bottom: 2rem;
}

    .digital-services-details h5 {
        font-family: 'Roboto-Bold';
        font-size: 1rem;
        color: #333333;
        margin-bottom: 1rem;
    }

    .digital-services-details ol {
        margin-left: .9375rem;
        margin-bottom: 1.25rem;
    }

        .digital-services-details ol li {
            font-size: .875rem;
            color: #666666;
            margin-bottom: .3125rem;
        }

            .digital-services-details ol li strong {
                color: #333333;
                font-family: 'Roboto-Bold';
            }

    .digital-services-details p {
        font-size: .875rem;
        color: #666666;
        margin-bottom: .875rem;
    }

@media screen and (min-width: 992px) {
    .electricity-connection .clearance-date .saving {
        padding: 2rem;
    }

        .electricity-connection .clearance-date .saving h3 {
            font-size: 1.75rem;
        }

        .electricity-connection .clearance-date .saving p {
            font-size: 1rem;
        }

    .electricity-connection .clearance-date h5 {
        font-size: 1.25rem;
        font-family: "Roboto-Bold";
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        line-height: 24px;
    }

    .electricity-connection .clearance-date .warning-info i {
        padding: 3px 0px 0 0;
        margin-top: -8px;
    }

    .electricity-connection .new-connection-form .card .card-body .office-time-table ul li {
        width: 48%;
        display: inline-block;
    }
}

.port-to-adani-wrapper {
    color: #666;
}

    .port-to-adani-wrapper .section-header p {
        color: #666;
    }

        .port-to-adani-wrapper .section-header p a {
            margin-top: 12px;
            display: table;
        }

    .port-to-adani-wrapper .apply-for-port {
        background-color: #f3f6fb;
        padding: 2rem;
        border-radius: 0.75rem;
        margin-bottom: 60px;
    }

        .port-to-adani-wrapper .apply-for-port h2 {
            font-size: 22px;
            margin-bottom: 12px;
        }

        .port-to-adani-wrapper .apply-for-port p {
            margin-bottom: 1rem;
            color: #666;
            font-size: 14px;
            line-height: 1.71;
        }

.bill-calculator input[readonly]:not(.select-dropdown) {
    background-color: #f9f9f9;
    pointer-events: none;
}

    .bill-calculator input[readonly]:not(.select-dropdown) + label {
        z-index: 2;
        color: #999;
    }

.bill-calculator h2 {
    margin-bottom: 24px;
    line-height: 1.4;
}

.bill-calc-result .saving-negative {
    background-color: #f8f2f2;
}

.bill-calc-result .saving h3 {
    font-family: 'Roboto-bold';
    font-size: 24px;
}

.bill-calc-result p {
    font-size: 16px;
    color: #333;
}

.bill-calc-result .btn {
    margin: 0 12px;
    font-size: 14px;
}

    .bill-calc-result .btn.outlined {
        background-color: transparent;
        color: #0D67CA;
        padding: 0 24px;
    }

        .bill-calc-result .btn.outlined:hover {
            background-color: #0D67CA;
            color: #fff;
        }

.tariff-benefits {
    margin-top: 60px;
}

    .tariff-benefits strong {
        font-family: 'Roboto-medium';
    }

    .tariff-benefits p {
        margin-bottom: 1rem;
    }

    .tariff-benefits video {
        margin: 20px 0 60px;
        height: 404px;
        object-fit: cover;
    }

    .tariff-benefits img {
        width: 100%;
    }

    .tariff-benefits .customer_detail_wrapper {
        margin: 8px 0 16px;
        font-size: 14px;
    }

        .tariff-benefits .customer_detail_wrapper .customer_detail_list-details thead tr {
            border-bottom: 1px solid #eee;
        }

            .tariff-benefits .customer_detail_wrapper .customer_detail_list-details thead tr th {
                font-size: 12px;
            }

                .tariff-benefits .customer_detail_wrapper .customer_detail_list-details thead tr th:not(:first-child) {
                    text-align: center;
                }

        .tariff-benefits .customer_detail_wrapper .customer_detail_list-details tbody tr td:not(:first-child) {
            text-align: center;
        }

        .tariff-benefits .customer_detail_wrapper .customer_detail_list-details td:last-child {
            border-right: 0;
        }

.customer_detail_wrapper thead th + th {
    border-left: solid 1px #ebebeb;
}

#tariff-philosophy {
    width: 700px;
    max-width: 100%;
}

    #tariff-philosophy p {
        color: #333;
    }

.tariff-competitive-banner {
    background-image: url(../../assets/images/tariff/tariff-banner.html);
    background-size: cover;
    margin-bottom: 94px;
    min-height: 290px;
    width: 100%;
    border-radius: 13px;
    overflow: hidden;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
}

    .tariff-competitive-banner .description {
        padding: 34px 32px;
    }

        .tariff-competitive-banner .description img {
            margin-bottom: 20px;
        }

        .tariff-competitive-banner .description h3 {
            font-family: 'Roboto-Bold';
            font-size: 22px;
            line-height: 1.09;
            color: #fff;
            margin-bottom: 12px;
        }

        .tariff-competitive-banner .description p {
            font-size: 14px;
            line-height: 1.43;
            color: #fff;
        }

        .tariff-competitive-banner .description .waves-effect-btn {
            text-align: center;
            text-transform: none;
            letter-spacing: normal;
            text-decoration: none;
            font-size: 14px;
            border-radius: 2.5rem;
            font-weight: 400;
            position: relative;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            vertical-align: middle;
            z-index: 1;
            transition: .3s ease-out;
            background-color: #fff;
            padding: 0 2rem;
            font-family: 'Roboto-Bold';
            color: #333;
            height: 40px;
            line-height: 40px;
            margin-top: 20px;
        }

            .tariff-competitive-banner .description .waves-effect-btn:hover {
                background-color: #F6F6F6;
            }

    .tariff-competitive-banner .link-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .tariff-competitive-banner .mobile-banner {
        display: none;
    }

.footer-sticky-bar {
    position: fixed;
    bottom: -200%;
    transition: 0.3s ease bottom;
    width: 100%;
    z-index: 9;
    background: #fff;
    box-shadow: 0 -2px 6px 0 rgba(0,0,0,0.04);
    padding: 16px 0;
}

    .footer-sticky-bar .inner {
        width: 66.66667%;
        margin-left: auto;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .footer-sticky-bar .inner p {
            font-size: 18px;
            line-height: 1.56;
            color: #333;
        }

            .footer-sticky-bar .inner p strong {
                font-family: 'Roboto-Bold';
            }

        .footer-sticky-bar .inner .btn {
            font-size: 16px;
            line-height: 48px;
            height: 48px;
            white-space: nowrap;
            padding: 0 26px;
        }

    .footer-sticky-bar.form-gone {
        bottom: 0;
    }

@media screen and (max-width: 1390px) {
    .footer-sticky-bar .inner {
        justify-content: space-around;
    }
}

@media screen and (max-width: 1275px) {
    .footer-sticky-bar .inner {
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 1200px) {
    .footer-sticky-bar .inner {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .footer-sticky-bar .inner {
        justify-content: initial;
    }

        .footer-sticky-bar .inner p {
            display: none;
        }

        .footer-sticky-bar .inner .btn {
            font-size: 16px;
            line-height: 52px;
            height: 52px;
            width: 77%;
        }
}

@media screen and (max-width: 991px) {
    #tariff-philosophy {
        width: 100%;
    }

    .footer-sticky-bar .inner {
        width: 100%;
        padding: 0;
    }

        .footer-sticky-bar .inner p {
            font-size: 14px;
            line-height: 1.43;
        }

        .footer-sticky-bar .inner .btn {
            font-size: 14px;
            line-height: 40px;
            height: 40px;
            padding: 0 20px;
        }

    .customer_detail_wrapper .customer_detail_list-details {
        white-space: nowrap;
    }

        .customer_detail_wrapper .customer_detail_list-details tbody tr td .table-cell label {
            font-weight: normal;
            font-family: 'Roboto';
        }

    .bill-calc-result .saving h3 {
        line-height: 1.42;
    }

    .bill-calc-result .btn {
        margin: 0 2px;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
    }
}

@media screen and (max-width: 767px) {
    .bill-calculator .card.outlined {
        border: 0;
        overflow: visible;
    }

        .bill-calculator .card.outlined .card-content {
            padding: 0;
            border-radius: 0;
        }

        .bill-calculator .card.outlined::after {
            content: none;
        }

    .bill-calc-result .saving {
        margin-top: 2rem;
        padding: 2rem 0.75rem;
    }

    .tariff-benefits .col.s12 {
        margin: 10px 0;
    }

    .tariff-benefits video {
        height: 193px;
    }
}

@media screen and (max-width: 450px) {
    .port-to-adani-wrapper .section-header h1 {
        word-wrap: break-word;
    }

    .tariff-competitive-banner {
        background: none !important;
        min-height: 450px;
        display: block;
        margin-bottom: 60px;
    }

        .tariff-competitive-banner .mobile-banner {
            display: block;
            background-size: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: bottom;
        }

        .tariff-competitive-banner .description {
            position: relative;
            padding: 24px;
        }

            .tariff-competitive-banner .description img {
                margin-bottom: 16px;
            }

            .tariff-competitive-banner .description h3 {
                margin-bottom: 10px;
            }

            .tariff-competitive-banner .description .waves-effect-btn {
                margin-top: 12px;
            }
}

.check-details {
    margin-bottom: 2.5rem;
    border-top: 1px solid #eaeaea;
    padding-top: 3.75rem;
}

    .check-details ul {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

        .check-details ul li {
            margin-bottom: 1.25rem;
        }

            .check-details ul li a {
                display: flex;
            }

                .check-details ul li a i {
                    margin-right: 1.25rem;
                    margin-top: -.4375rem;
                }

                    .check-details ul li a i::before {
                        font-size: 2.1875rem;
                    }

                .check-details ul li a aside h5 {
                    font-size: 1rem;
                    color: #333333;
                    font-family: "Roboto-Bold";
                    margin-bottom: .5rem;
                }

                .check-details ul li a aside p {
                    font-size: .875rem;
                    color: #333333;
                    margin-bottom: 4px;
                }

                .check-details ul li a aside .link-btn {
                    font-size: 14px;
                }

@media (max-width: 991px) {
    .check-details {
        margin-bottom: .625rem;
    }

        .check-details ul {
            flex-direction: column;
        }

            .check-details ul li {
                margin-bottom: 3.125rem;
            }
}

.submit-meter-module {
    margin-bottom: 1.5rem;
}

    .submit-meter-module ul li {
        margin-bottom: 1.25rem;
        display: flex;
        border: 1px solid #eaeaea;
        padding: 1.875rem;
        border-radius: .5rem;
    }

        .submit-meter-module ul li i {
            margin-right: 1.0625rem;
            margin-top: -.75rem;
        }

            .submit-meter-module ul li i::before {
                font-size: 2.1875rem;
            }

        .submit-meter-module ul li aside h5 {
            font-size: 1rem;
            color: #333333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            margin-bottom: .5rem;
        }

        .submit-meter-module ul li aside p {
            font-size: .875rem;
            color: #666666;
        }

    .submit-meter-module .warning-info i {
        margin-top: -.5rem;
    }

    .submit-meter-module .warning-info label {
        font-family: "Roboto", sans-serif;
    }

        .submit-meter-module .warning-info label p {
            font-size: .875rem;
        }

            .submit-meter-module .warning-info label p strong {
                font-family: "Roboto-Bold";
            }

.meter-reading-date .form-field h6 {
    color: #333333;
    font-size: 1rem;
    text-transform: none;
    font-family: "Roboto", sans-serif;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

.meter-reading-date .message.warning {
    margin-bottom: 0rem;
    padding: 1rem;
}

    .meter-reading-date .message.warning aside i {
        padding-top: 0rem;
    }

        .meter-reading-date .message.warning aside i::before {
            margin-top: -.125rem;
        }

    .meter-reading-date .message.warning label {
        font-family: "Roboto", sans-serif;
        color: #333333;
        padding-top: .125rem;
        padding-bottom: 0rem;
        font-weight: 400;
    }

        .meter-reading-date .message.warning label span {
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

@media (min-width: 992px) {
    .submit-meter-module {
        margin-bottom: 2rem;
    }

    .meter-reading-date .message.warning aside i {
        padding-top: .1875rem;
    }

        .meter-reading-date .message.warning aside i::before {
            margin-top: 0rem;
        }
}

.mobile-app .section-header p {
    margin-bottom: 2rem;
}

.mobile-app .section-header h3 {
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    line-height: 1.75rem;
    color: #222222;
}

.mobile-app .qr-code {
    margin-bottom: .9375rem;
}

    .mobile-app .qr-code ul {
        display: flex;
    }

        .mobile-app .qr-code ul li {
            width: 8.3125rem;
            margin-right: 1.875rem;
            margin-left: .9375rem;
            display: inline-block;
            text-align: center;
        }

            .mobile-app .qr-code ul li:last-child {
                margin-right: 0rem;
            }

            .mobile-app .qr-code ul li figure {
                margin-bottom: .8125rem;
            }

                .mobile-app .qr-code ul li figure img {
                    width: 100%;
                }

.mobile-app .feature {
    margin-bottom: 3.75rem;
}

    .mobile-app .feature figure img {
        width: 100%;
    }

.mobile-app .custom_accrdion .section-header-main h2 {
    font-size: 1.25rem;
}

@media (min-width: 992px) {
    .mobile-app .section-header p {
        margin-bottom: 2rem;
    }

    .mobile-app .section-header h3 {
        font-size: 1.25rem;
        font-family: 'Roboto-Bold';
        color: #222222;
    }

    .mobile-app .qr-code ul {
        display: flex;
    }

        .mobile-app .qr-code ul li {
            width: 8.3125rem;
            margin-right: 3.75rem;
            margin-left: 0rem;
            display: inline-block;
            text-align: center;
        }

            .mobile-app .qr-code ul li:last-child {
                margin-right: 0rem;
            }

            .mobile-app .qr-code ul li figure {
                margin-bottom: .8125rem;
            }

                .mobile-app .qr-code ul li figure img {
                    width: 100%;
                }

    .mobile-app .feature {
        margin-bottom: 3.75rem;
    }

        .mobile-app .feature figure img {
            width: 100%;
        }

    .mobile-app .custom_accrdion .section-header-main h2 {
        font-size: 1.25rem;
    }
}

.site-map .section-header {
    margin-bottom: 2rem;
}

    .site-map .section-header p {
        font-size: .875rem;
        color: #222222;
    }

.site-map .links, .site-map .endlink {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 0rem;
}

    .site-map .links .links-col, .site-map .endlink .links-col {
        width: 100%;
        margin-bottom: 1.5625rem;
        padding-bottom: 1.5625rem;
        border-bottom: 1px solid #eaeaea;
    }

        .site-map .links .links-col h5, .site-map .endlink .links-col h5 {
            font-size: 1.5rem;
            font-family: 'Roboto-Bold';
            color: #333333;
            margin-bottom: .9375rem;
        }

        .site-map .links .links-col ul li, .site-map .endlink .links-col ul li {
            width: 90%;
            padding: 5px 0;
        }

            .site-map .links .links-col ul li a, .site-map .endlink .links-col ul li a {
                display: block;
                font-size: 1.125rem;
                color: #333333;
            }

                .site-map .links .links-col ul li a:hover, .site-map .endlink .links-col ul li a:hover {
                    color: #333333;
                    text-decoration: underline;
                }

.site-map .endlink {
    justify-content: flex-start;
}

    .site-map .endlink .links-col {
        width: 100%;
        border-bottom: none;
        margin-bottom: 0rem;
        padding-bottom: 0rem;
    }

        .site-map .endlink .links-col .last-head {
            display: none;
        }

        .site-map .endlink .links-col ul li a {
            font-size: 1.25rem;
        }

@media (min-width: 992px) {
    .site-map .section-header {
        margin-bottom: 2.5rem;
    }

        .site-map .section-header p {
            font-size: 1.125rem;
        }

    .site-map .links, .site-map .endlink {
        flex-direction: row;
        margin-bottom: 2rem;
    }

        .site-map .links .links-col, .site-map .endlink .links-col {
            width: 15.625rem;
            margin-bottom: 0rem;
            padding-bottom: 0rem;
            border-bottom: 1px solid #ffffff;
        }

        .site-map .endlink .links-col {
            width: 40%;
        }

            .site-map .endlink .links-col .last-head {
                display: block;
            }

            .site-map .endlink .links-col ul li a {
                font-size: 1.25rem;
            }
}

.benefit-links .section-header h2 {
    font-size: 1.25rem;
    padding-top: 1.875rem;
}

.benefit-links a {
    align-items: center;
    margin-bottom: 28px;
    transition: background-color .4s linear;
}

    .benefit-links a:hover figure {
        border: solid 2px transparent;
    }

        .benefit-links a:hover figure:after {
            opacity: 1;
        }

    .benefit-links a figure {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        border: 1px solid #dddddd;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        background-clip: padding-box;
        z-index: inherit;
        overflow: visible;
        transition: none;
        position: relative;
        margin: auto;
    }

        .benefit-links a figure:after {
            width: calc(100% + 4px);
            height: calc(100% + 4px);
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            border-radius: 60px;
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            margin: -2px;
            border-radius: inherit;
            background: linear-gradient(80deg, #0fb371 -32%, #2073b8 23%, #6b5ca6 45%, #923993 69%, #f05636 109%, #f05636 126%);
            opacity: 0;
            transition: .3s ease-out;
        }

        .benefit-links a figure .waves-effect {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
        }

        .benefit-links a figure i {
            width: auto;
            height: auto;
        }

            .benefit-links a figure i::before {
                color: #222;
                font-size: 2.375rem;
                width: auto;
                height: auto;
                position: static;
            }

    .benefit-links a h3 {
        font-size: .875rem;
        font-weight: 500;
        color: #333;
        text-align: center;
        line-height: 20px;
        padding-top: .9375rem;
        color: #333333;
        margin-bottom: 2rem;
    }

.electricity-connection .benefit-links > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .electricity-connection .benefit-links > .row .col {
        margin-left: 0;
    }

.modal.modal-alert.modal-toast {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.08);
    max-width: 428px;
    width: 95%;
    text-align: left;
    bottom: auto;
}

    .modal.modal-alert.modal-toast.custom-toast-success {
        border: solid 1px #d1e8d3;
        background-color: #e4f5e6;
        padding: 1.5rem 1rem;
    }

        .modal.modal-alert.modal-toast.custom-toast-success .modal-header h4 i {
            background-color: #13a180;
        }

    .modal.modal-alert.modal-toast.custom-toast-warning {
        border: solid 1px #f8ddc2;
        background-color: #fff6ec;
    }

        .modal.modal-alert.modal-toast.custom-toast-warning .modal-header h4 i {
            background-color: #ff962d;
        }

    .modal.modal-alert.modal-toast.custom-toast-error {
        border: solid 1px #ffd7d7;
        background-color: #ffefef;
    }

        .modal.modal-alert.modal-toast.custom-toast-error .modal-header h4 i {
            background-color: #cc0909;
        }

    .modal.modal-alert.modal-toast .modal-header {
        margin-bottom: 4px;
    }

        .modal.modal-alert.modal-toast .modal-header h4 {
            font-size: 1rem;
            font-family: 'Roboto-Bold';
            font-weight: 400;
            flex-direction: row;
            align-items: flex-start;
            line-height: normal;
            margin-bottom: 0;
        }

            .modal.modal-alert.modal-toast .modal-header h4 i {
                width: 28px;
                height: 28px;
                min-width: 28px;
                margin-top: -4px;
                line-height: 1;
                margin-right: 12px;
                margin-bottom: 0;
            }

        .modal.modal-alert.modal-toast .modal-header p {
            font-family: 'Roboto-Bold';
            width: 80%;
            margin-right: auto;
            margin-top: -4px;
        }

    .modal.modal-alert.modal-toast .modal-content {
        padding-top: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
    }

        .modal.modal-alert.modal-toast .modal-content p {
            font-size: 14px;
            line-height: 1.43;
            color: #3a3a3a;
            margin-bottom: 0;
        }

.modal.modal-alert.modal-toast-awards {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.08);
    max-width: 844px;
    width: 95%;
    text-align: left;
    background: none;
    max-height: 90%;
    border: none;
}

    .modal.modal-alert.modal-toast-awards img {
        width: 100%;
    }

    .modal.modal-alert.modal-toast-awards .modal-header {
        background: none;
        margin-bottom: 20px;
        text-align: right;
    }

        .modal.modal-alert.modal-toast-awards .modal-header i {
            width: 28px;
            height: 28px;
            min-width: 28px;
            margin-top: -4px;
            line-height: 1;
            margin-right: 0px;
            margin-bottom: 0;
            color: #fff;
        }

    .modal.modal-alert.modal-toast-awards .modal-content {
        padding-top: 0;
    }

        .modal.modal-alert.modal-toast-awards .modal-content p {
            font-size: 14px;
            line-height: 1.43;
            color: #3a3a3a;
            margin-bottom: 0;
        }

.leaders-message .container .story {
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .leaders-message .container .story img {
        width: 21.5rem;
        margin-right: 0rem;
        margin-bottom: 2rem;
    }

    .leaders-message .container .story aside h2 {
        font-size: 1.375rem;
        font-family: 'Roboto-Bold';
        color: #333333;
        margin-bottom: .625rem;
        line-height: 2.5rem;
    }

    .leaders-message .container .story aside h5 {
        font-size: .875rem;
        color: #333333;
        margin-bottom: 1.625rem;
        line-height: 1.5rem;
    }

    .leaders-message .container .story aside h6 {
        font-size: 1.25rem;
        font-family: 'Roboto-Bold';
        color: #333333;
        margin-bottom: 0rem;
        line-height: 1.625rem;
    }

    .leaders-message .container .story aside p {
        font-size: 1rem;
        color: #333333;
        line-height: 1.75rem;
    }

.message-detail p {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #333333;
    margin-bottom: 1rem;
}

    .message-detail p strong {
        font-family: 'Roboto-Bold';
        color: #333333;
    }

.message-detail .mt0 {
    margin-top: 0;
}

.message-detail blockquote {
    font-size: 1.25rem;
    font-family: 'Roboto-Bold';
    max-width: 343px;
    line-height: 2rem;
    position: relative;
    margin: auto;
    text-align: center;
    color: #333333;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding-left: 16px;
}

    .message-detail blockquote span {
        position: relative;
    }

        .message-detail blockquote span:before, .message-detail blockquote span:after {
            color: #0d67ca;
            font-size: 2.625rem;
            font-family: initial;
            font-weight: bold;
            line-height: 1;
            height: 21px;
            display: inline-block;
            position: absolute;
        }

        .message-detail blockquote span:first-of-type:before {
            content: '“';
            top: -8px;
            left: -28px;
        }

        .message-detail blockquote span:last-of-type:after {
            content: '”';
            right: -24px;
            bottom: 10px;
            transform: rotateX(180deg);
        }

.mb0 {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .leaders-message .container .story {
        flex-direction: row;
    }

        .leaders-message .container .story img {
            margin-right: 5rem;
            margin-bottom: 0rem;
        }

        .leaders-message .container .story aside h2 {
            font-size: 1.75rem;
            margin-bottom: .625rem;
            line-height: 2.5rem;
        }

        .leaders-message .container .story aside h5 {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            line-height: 2rem;
        }

        .leaders-message .container .story aside h6 {
            font-size: 1.5rem;
            margin-bottom: .125rem;
            line-height: 1.75rem;
        }

        .leaders-message .container .story aside p {
            font-size: 1rem;
            line-height: 1.75rem;
        }

    .message-detail p {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
    }

    .message-detail blockquote {
        font-size: 1.875rem;
        max-width: 740px;
        line-height: 2.875rem;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
}

.covid-cards {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.875rem;
    margin-top: 1.25rem;
    flex-direction: column;
}

    .covid-cards .cards {
        margin-bottom: 1.5rem;
        width: 100%;
    }

        .covid-cards .cards figure img {
            width: 100%;
            margin-bottom: 1.25rem;
            border-radius: 15px;
        }

        .covid-cards .cards h3 {
            font-family: 'Roboto-Bold';
            font-size: 1rem;
            line-height: 1.75rem;
            color: #333333;
        }

@media screen and (min-width: 992px) {
    .covid-cards {
        margin-bottom: 5rem;
        flex-direction: row;
    }

        .covid-cards .cards {
            width: 32%;
            margin-bottom: 0rem;
        }

            .covid-cards .cards h3 {
                font-size: 1.25rem;
                line-height: 1.75rem;
            }
}

.awards {
    padding-top: 2rem;
}

    .awards ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

        .awards ul li figure {
            background: #f1f6fc;
            padding: 30px 45px;
            border-radius: .25rem;
            width: 100%;
            margin-bottom: 1.625rem;
        }

            .awards ul li figure img {
                width: 100%;
            }

        .awards ul li aside {
            flex: 1;
            padding-left: 0rem;
        }

            .awards ul li aside h3 {
                font-family: 'Roboto-Bold';
                color: #333;
                font-size: 1.25rem;
                line-height: 2.25rem;
                margin-bottom: .75rem;
            }

            .awards ul li aside p {
                font-size: .875rem;
                line-height: 1.5rem;
                color: #666;
            }

@media (min-width: 992px) {
    .awards {
        padding-top: 2rem;
    }

        .awards ul li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }

            .awards ul li figure {
                padding: 30px 45px;
                border-radius: .25rem;
                width: 20rem;
                margin-bottom: 0rem;
            }

                .awards ul li figure img {
                    width: 100%;
                }

            .awards ul li aside {
                flex: 1;
                padding-left: 2rem;
            }

                .awards ul li aside h3 {
                    font-size: 1.5rem;
                    line-height: 2.25rem;
                    margin-bottom: .75rem;
                }

                .awards ul li aside p {
                    font-size: 1rem;
                    line-height: 1.75rem;
                }
}

a.tooltipped i, a.tooltipped i img {
    vertical-align: middle !important;
}

a.tooltipped i {
    line-height: 1;
}

div.material-tooltip {
    padding: 10px 12px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    border: solid 1px #eaeaea;
    background-color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    color: #222;
    max-width: 180px;
    overflow: visible;
}

    div.material-tooltip:before, div.material-tooltip:after {
        content: "";
        border: solid 10px transparent;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    div.material-tooltip:before {
        border-bottom-color: #fff;
        z-index: 1;
    }

    div.material-tooltip:after {
        border-bottom-color: #eaeaea;
        margin-bottom: 1px;
    }

    div.material-tooltip[style*="translateY(-10px)"]:before, div.material-tooltip[style*="translateY(-10px)"]:after {
        content: "";
        border: solid 10px transparent;
        position: absolute;
        bottom: auto;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    div.material-tooltip[style*="translateY(-10px)"]:before {
        border-bottom-color: transparent;
        border-top-color: #fff;
        z-index: 1;
    }

    div.material-tooltip[style*="translateY(-10px)"]:after {
        border-bottom-color: transparent;
        border-top-color: #eaeaea;
        margin-bottom: 0;
        margin-top: 1px;
    }

    div.material-tooltip .tooltip-content {
        padding: 0;
        box-shadow: none;
        border: none;
        background-color: transparent;
        width: auto;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        border-radius: 0;
        position: static;
        opacity: 1;
        transition: inherit;
        pointer-events: auto;
        z-index: inherit;
    }

        div.material-tooltip .tooltip-content:after, div.material-tooltip .tooltip-content:before {
            display: none;
        }

html body {
    font-family: "Roboto", sans-serif;
}

body [class*="col-"] .btn, body .form-signin .btn {
    padding: 0 2rem;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    letter-spacing: normal;
    text-decoration: none;
    font-size: 1rem;
    border-radius: 5px;
    font-weight: bold;
}

body [class*="col-"] .btn-primary, body [class*="col-"] .btn-primary:active, body [class*="col-"] .btn-primary:not(:disabled):not(.disabled).active, body [class*="col-"] .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, body .form-signin .btn-primary, body .form-signin .btn-primary:active, body .form-signin .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    transition: background-color 0.2s ease-out;
    background-color: #0d67ca;
    border: none;
}

    body [class*="col-"] .btn-primary:hover, body .form-signin .btn-primary:hover {
        color: #fff;
        transition: background-color 0.2s ease-out;
        background-color: #0b5bb2;
        border: none;
    }

    body [class*="col-"] .btn-primary:focus, body .form-signin .btn-primary:focus {
        box-shadow: none;
    }

body [class*="col-"] .btn-secondary.focus, body [class*="col-"] .btn-secondary:focus, body [class*="col-"] .btn-secondary:not(:disabled):not(.disabled).active:focus, body [class*="col-"] .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus, body [class*="col-"] .btn-secondary:not(:disabled):not(.disabled).active, body [class*="col-"] .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, body .form-signin .btn-secondary:focus, body .form-signin .btn-secondary:active {
    box-shadow: none;
    background: #525252;
}

body [class*="col-"] label, body .col-form-label, body .form-signin label {
    color: #333;
}

body [class*="col-"] input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body .txt-orange {
    color: #222222 !important;
}

body [class*="col-"] a.registerLink {
    color: #333;
}

body [class*="col-"] .col-form-label {
    padding-top: 21px;
    padding-bottom: calc(0.15rem + 1px);
}

body [class*="col-"] .form-control {
    padding: 16px !important;
    height: 34px !important;
    box-sizing: border-box !important;
    border: 1px solid #0070C3 !important;
    border-radius: 10px !important;
    -webkit-border-radius: 8px 8px 8px 8px !important;
}

body .lec_portal .ql_block a {
    color: #333;
    cursor: pointer;
}

.chosen-search input {
    width: -webkit-fill-available !important;
}

body .lec_portal .ql_block a:hover {
    text-decoration: none;
}

body .form_namechange h3 {
    color: #333;
    font-family: 'Roboto-Bold';
}

body .goBack {
    color: #333;
}

    body .goBack:hover {
        color: #333;
        font-family: 'Roboto-Bold';
        cursor: pointer;
        text-decoration: none;
    }

body .input-group > .input-group-append > .btn {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
}

body [class*="col-"] .select-wrapper input.select-dropdown {
    height: 3.75rem;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    background-color: #fff;
    padding-right: 50px;
}

body [class*="col-"] select.form-control {
    display: none !important;
}



body [class*="col-"] .select-wrapper .caret {
    z-index: 1;
    pointer-events: none;
}

body [class*="col-"] .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    line-height: 40px;
    height: 40px;
    min-width: 150px;
}

body [class*="col-"] .form-control:not([readonly]) {
    background: #fff;
}

body [class*="col-"] .form-control:disabled, body [class*="col-"] .form-control[readonly] {
    background-color: #e9ecef !important;
}

body [class*="col-"] .btn-primary + .btn-secondary {
    margin-left: 12px;
}

body [class*="col-"] .btn-primary:not(:disabled):not(.disabled).active:focus, body [class*="col-"] .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, body [class*="col-"] .btn-primary:not(:disabled):not(.disabled).active:focus, body [class*="col-"] .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

body .nav-tabs .nav-item.show .nav-link, body .nav-tabs .nav-link.active {
    background: #0D67CA;
}

body [class*="col-"] label {
    margin-bottom: 8px;
}

    /*[class^="icon-"], [class*=" icon-"] {
    display: flex !important;
}*/



    body [class*="col-"] label b {
        font-weight: normal;
    }

body .manageAcBox .btn {
    font-size: 1rem;
}


body .lec_portal .ql_block a p {
    font-family: 'Roboto-Medium';
}

body [class*="col-"] .form-control, body [class*="col-"] .select-wrapper input.select-dropdown {
    margin: 4px;
}

body .lec-filter-by > .row {
    align-items: flex-end;
}

body .lec_portal .fa {
    color: #333333;
}

    body .lec_portal .fa:hover {
        color: #333333;
    }

body .ql_block:hover i {
    color: #333333;
}

.modal-popup.modal {
    background-color: transparent;
    max-height: none;
    width: auto;
}

    .modal-popup.modal.bottom-sheet {
        top: 0;
        bottom: 0;
        max-height: none;
    }

    .modal-popup.modal .modal-content {
        padding: 0;
    }

    .modal-popup.modal h5 {
        color: #333;
        font-family: 'Roboto-Medium';
        margin-bottom: 16px;
    }

    .modal-popup.modal .modal-content a[href] {
        color: #333;
        text-decoration: underline;
    }

        .modal-popup.modal .modal-content a[href]:hover {
            text-decoration: none;
        }

body .changeofname_fieldsblock fieldset legend {
    color: #333;
    font-family: 'Roboto-Medium';
}

body .tender-btn {
    background-color: #0d67ca;
}

    body .tender-btn:hover {
        background-color: #0b5bb2;
    }

    body .tender-btn:active {
        color: #fff;
    }

body .dd-menu .dd-menu-dd li.login button.btn {
    padding: 0 15px;
    transition: background-color .2s ease-out;
    border-radius: 2.5rem;
    font-weight: bold;
}

body .form-check .form-check-input[type="checkbox"]:not(:checked), body .form-check .form-check-input[type="checkbox"]:checked, body .form-check .form-check-input[type="radio"]:not(:checked), body .form-check .form-check-input[type="radio"]:checked {
    position: static;
    opacity: 1;
    pointer-events: auto;
}

body .form-check .form-check-input[type="checkbox"]:not(:checked), body .form-check .form-check-input[type="checkbox"]:checked {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

body .form-check .form-check-input[type="radio"]:not(:checked), body .form-check .form-check-input[type="radio"]:checked {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    width: 20px;
}

body [class*="col-"] input[type="radio"] + label, body [class*="col-"] input[type="checkbox"] + label {
    margin-bottom: 0;
}

.modal-open .BS-modal.modal.show {
    bottom: 0;
    background-color: transparent;
}

.BS-modal.modal .modal-header {
    align-items: center;
    flex-direction: row;
    min-height: auto;
    background-color: transparent;
}

    .BS-modal.modal .modal-header p {
        margin-bottom: 0;
        font-size: 20px;
        font-family: 'Roboto-Medium';
    }

.BS-modal.modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}

@media (max-width: 991px) {
    body [class*="col-"] select.form-control {
        display: none !important;
    }

    body .captcha_box {
        padding: 0;
    }

    body .lec-filter-by {
        padding: 1rem;
    }

        body .lec-filter-by > .row > .text-right {
            display: flex;
            align-items: baseline;
        }
}

@media (min-width: 992px) {
    .lec-filter-by [class*="col-"].text-right {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
    }

    body .form-signin .btn + .btn {
        margin-left: 16px;
    }
}

.consumption-trend-head {
    margin-bottom: 32px;
}

    .consumption-trend-head ul {
        display: flex;
    }

        .consumption-trend-head ul li {
            font-size: 14px;
        }

            .consumption-trend-head ul li:not(:last-child) {
                margin-right: 16px;
            }

            .consumption-trend-head ul li:before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 4px;
                background-color: #e1e0e0;
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px;
            }

            .consumption-trend-head ul li.active:before {
                background-color: #0d67ca;
            }

.pay-trend-head {
    margin-bottom: 16px;
}

    .pay-trend-head ul {
        display: flex;
    }

        .pay-trend-head ul li {
            font-size: 14px;
        }

            .pay-trend-head ul li:not(:last-child) {
                margin-right: 16px;
            }

            .pay-trend-head ul li:before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 4px;
                background-color: #e1e0e0;
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px;
            }

            .pay-trend-head ul li.active:before {
                background-color: #18aa26;
            }

.pay-trend-body {
    display: flex;
}

    .pay-trend-body .pay-trend-value-box {
        max-width: 117px;
        padding-right: 12px;
        align-self: center;
    }

        .pay-trend-body .pay-trend-value-box svg {
            margin-bottom: 16px;
        }

        .pay-trend-body .pay-trend-value-box h4 {
            font-size: 28px;
            color: #18aa26;
            font-family: "Roboto-Bold";
            margin-bottom: 8px;
        }

        .pay-trend-body .pay-trend-value-box p {
            font-size: 14px;
            color: #666;
        }

        .pay-trend-body .pay-trend-value-box.up h4 {
            color: #d30a0a;
        }

    .pay-trend-body .pay-trend-graph-box {
        flex: 1;
        position: relative;
        width: 220px;
        height: 305px;
        padding-top: 55px;
    }

.dashboard .input-field.custom.double-icon-field .autocomplete-content.dropdown-content {
    z-index: 7;
}

@media (max-width: 600px) {
    .dashboard {
        margin: 0 -0.75rem;
    }

        .dashboard .section-wrapper {
            margin-bottom: 0;
        }

            .dashboard .section-wrapper:nth-child(1) {
                margin-bottom: 20px;
            }
}

.dashboard .section-header-main {
    padding-top: 14px;
}

@media (max-width: 600px) {
    .dashboard .section-header-main {
        padding-top: 0;
    }
}

.dashboard .section-header-main h2 {
    font-size: 27px;
    word-break: break-word;
}

.dashboard .bullet {
    width: 8px;
    height: 8px;
    background-color: #ff962d;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

    .dashboard .bullet.blue {
        background-color: #0d67ca;
    }

.dashboard .electricity-charges-details header {
    display: flex;
    align-items: left;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-direction: column;
}

    .dashboard .electricity-charges-details header h4 {
        font-family: "Roboto-Bold";
        font-size: 16px;
        color: #333333;
    }

    .dashboard .electricity-charges-details header aside ul {
        display: flex;
        margin-left: 0px;
        align-items: center;
    }

        .dashboard .electricity-charges-details header aside ul li {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #333333;
            padding-right: 20px;
        }

.dashboard .electricity-charges-details .customer_detail_list {
    margin-bottom: 20px;
}

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details th h5 {
        font-size: 0.75rem;
        color: #666666;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 2px;
    }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details th p {
        font-size: 10px;
        color: #666666;
        line-height: 12px;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .f14 {
        font-size: 13px;
    }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .ver-middle {
        vertical-align: middle;
        border-right: 1px solid rgba(0,0,0,0.12);
    }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .list-flex {
        display: flex;
    }

        .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .list-flex span {
            margin-top: 4px;
            margin-right: 10px;
        }

        .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .list-flex aside {
            flex: 1;
        }

            .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .list-flex aside h5 {
                font-size: 0.9375rem;
                color: #333333;
                font-weight: 500;
                margin-bottom: 5px;
            }

            .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .list-flex aside p {
                font-size: 12px;
                margin: 0px;
                line-height: 14px;
            }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell label {
        display: flex;
        justify-items: center;
        align-items: center;
    }

        .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell label span {
            display: inline-block;
            margin-right: 10px;
        }

    .dashboard .electricity-charges-details .customer_detail_list .customer_detail_list-details .table-cell .strong {
        font-family: "Roboto-Bold";
    }

.dashboard .electricity-charges-details p {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.dashboard .dashboard-card header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

    .dashboard .dashboard-card header h2 {
        font-family: "Roboto-Bold";
        color: #222222;
        font-size: 20px;
        margin-bottom: 0;
        padding-right: 24px;
    }

@media (max-width: 600px) {
    .dashboard .dashboard-card header h2 {
        padding-right: 0.5rem;
    }
}

.dashboard .dashboard-card header aside {
    position: relative;
    align-self: center;
}

    .dashboard .dashboard-card header aside span {
        display: inline-block;
    }

    .dashboard .dashboard-card header aside .dropdown_wrapper .select_button {
        border-radius: 8px;
        padding: 8px 10px;
        background-color: #fff;
        border: 1px solid #eee;
        font-size: 14px;
        line-height: 16px;
        color: #666;
        margin-right: 0px;
    }

    .dashboard .dashboard-card header aside .dropdown-download {
        padding-top: 15px;
        background: none;
        position: absolute;
        top: 100% !important;
    }

        .dashboard .dashboard-card header aside .dropdown-download ul {
            background-color: #fff;
            border: 1px solid #eaeaea;
            border-radius: 12px;
            overflow: hidden;
            max-height: 250px;
            overflow-y: auto;
        }

            .dashboard .dashboard-card header aside .dropdown-download ul li a {
                color: #666;
            }

.dashboard .dashboard-card .card {
    border: 1px solid #eaeaea;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    min-height: 290px;
}

    .dashboard .dashboard-card .card#NotificationComponentLoaderDiv {
        min-height: 380px;
    }

@media (max-width: 600px) {
    .dashboard .dashboard-card .card {
        min-height: auto;
        margin-bottom: 40px;
    }
}

.dashboard .dashboard-card .card .blue-bg {
    background: #edf5ff;
}

.dashboard .dashboard-card .card header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    min-height: 100px;
    margin-bottom: 0px;
}

    .dashboard .dashboard-card .card header h2 {
        font-family: "Roboto-Bold";
        color: #222222;
        font-size: 16px;
        margin-bottom: 0;
        align-self: center;
    }

    .dashboard .dashboard-card .card header aside span {
        font-size: 11px;
        line-height: 16px;
        text-transform: uppercase;
        color: #333333;
        background: #e7f6e9;
        padding: 5px 10px;
        border-radius: 12px;
        display: inline-block;
        font-weight: bold;
    }

    .dashboard .dashboard-card .card header .bill-detail-content h4 {
        font-size: 24px;
        font-family: "Roboto-Bold";
        margin-bottom: 4px;
    }

    .dashboard .dashboard-card .card header .bill-detail-content span {
        font-family: 'Roboto-Medium';
        font-weight: normal;
        color: #333;
        font-size: 14px;
    }

.dashboard .dashboard-card .card .card-detail {
    padding: 20px 24px;
}

    .dashboard .dashboard-card .card .card-detail ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

        .dashboard .dashboard-card .card .card-detail ul li {
            width: 45%;
            margin-bottom: 16px;
        }

            .dashboard .dashboard-card .card .card-detail ul li label {
                font-size: 12px;
                line-height: 16px;
                color: #666666;
            }

            .dashboard .dashboard-card .card .card-detail ul li p {
                font-size: 16px;
                line-height: 22px;
                color: #333;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

            .dashboard .dashboard-card .card .card-detail ul li a {
                font-size: 14px;
                color: #333;
                text-decoration: underline;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

                .dashboard .dashboard-card .card .card-detail ul li a:hover {
                    text-decoration: none;
                }

.dashboard .dashboard-card .card .discover {
    padding-top: 20px;
}

    .dashboard .dashboard-card .card .discover .tab-content {
        padding: 24px;
    }

.dashboard .dashboard-card .card .notification-data {
    max-height: 470px;
    overflow-y: auto;
    padding: 0 25px;
}

    .dashboard .dashboard-card .card .notification-data ul li {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #eaeaea;
        padding: 22px 0;
    }

        .dashboard .dashboard-card .card .notification-data ul li figure {
            background-color: #f9f8fd;
            border-radius: 50%;
            height: 80px;
            line-height: 80px;
            width: 80px;
            text-align: center;
            margin-right: 16px;
        }

            .dashboard .dashboard-card .card .notification-data ul li figure img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                vertical-align: top;
            }

            .dashboard .dashboard-card .card .notification-data ul li figure.small-icons img {
                width: 64%;
            }

@media (max-width: 600px) {
    .dashboard .dashboard-card .card .notification-data ul li figure {
        width: 60px;
        height: 60px;
    }

        .dashboard .dashboard-card .card .notification-data ul li figure.small-icons img {
            width: 60%;
        }
}

.dashboard .dashboard-card .card .notification-data ul li figure .paper-less {
    width: 40% !important;
}

.dashboard .dashboard-card .card .notification-data ul li .list-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: left;
    flex: 1;
}

    .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left {
        flex: 1;
    }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left h3 {
            font-family: "Roboto-Bold";
            font-size: 16px;
            color: #333;
            line-height: 24px;
        }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left h4 {
            font-size: 14px;
            color: #666666;
            line-height: 20px;
            margin-bottom: 8px;
        }

            .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left h4 strong {
                font-family: "Roboto-Bold";
                color: #333333;
            }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left p {
            font-size: 14px;
            color: #333;
            line-height: 20px;
            margin-bottom: 12px;
        }

            .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left p span {
                font-family: "Roboto-Bold";
            }

    .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-right {
        text-align: left;
    }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-right a {
            font-size: 14px;
            color: #333;
            text-decoration: underline;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

            .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-right a:hover {
                text-decoration: none;
            }

.dashboard .dashboard-card .card .notification-data ul li:nth-last-child(1) {
    border-bottom: 0;
}

.dashboard .electricity-charges {
    padding: 20px 24px;
}

    .dashboard .electricity-charges .charges ul {
        display: flex;
        margin-bottom: 30px;
        align-items: center;
    }

        .dashboard .electricity-charges .charges ul li {
            margin-right: 12px;
            font-size: 14px;
            color: #333;
        }

            .dashboard .electricity-charges .charges ul li span {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                display: inline-block;
                content: "";
                margin-right: 4px;
            }

            .dashboard .electricity-charges .charges ul li .orange {
                background-color: #ffb062;
            }

            .dashboard .electricity-charges .charges ul li .blue {
                background-color: #0c78ef;
            }

    .dashboard .electricity-charges .circle-wrap {
        margin: auto;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-bottom: 20px;
        position: relative;
    }

        .dashboard .electricity-charges .circle-wrap .circle .mask, .dashboard .electricity-charges .circle-wrap .circle .fill {
            width: 150px;
            height: 150px;
            position: absolute;
            border-radius: 50%;
        }

        .dashboard .electricity-charges .circle-wrap .circle .mask {
            clip: rect(0px, 150px, 150px, 75px);
        }

            .dashboard .electricity-charges .circle-wrap .circle .mask .fill {
                clip: rect(0px, 75px, 150px, 0px);
                background-color: #0c78ef;
            }

            .dashboard .electricity-charges .circle-wrap .circle .mask.full, .dashboard .electricity-charges .circle-wrap .circle .fill {
                animation: fill ease-in-out 3s;
                transform: rotate(126deg);
            }

@keyframes fill {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(126deg);
    }
}

.dashboard .electricity-charges .circle-wrap .inside-circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .dashboard .electricity-charges .circle-wrap .inside-circle h5 {
        font-family: "Roboto-Bold";
        color: #333333;
        font-size: 24px;
        line-height: 24px;
    }

    .dashboard .electricity-charges .circle-wrap .inside-circle label {
        font-size: 12px;
        color: #666666;
    }

.dashboard .electricity-charges .footer ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .dashboard .electricity-charges .footer ul li {
        font-size: 14px;
        color: #666666;
    }

        .dashboard .electricity-charges .footer ul li a {
            font-size: 14px;
            color: #333;
            text-decoration: underline;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

            .dashboard .electricity-charges .footer ul li a:hover {
                text-decoration: none;
            }

.dashboard .switch label input[type="checkbox"]:checked + .lever:after {
    background-color: #fff;
}

.dashboard .switch label input[type="checkbox"]:checked + .lever {
    background-color: #4cd964;
}

.orange-border {
    border: 4px solid #ff962d;
}

.blk-dot {
    position: relative;
    top: 6px;
}

    .blk-dot .custom-loader-dot {
        background-color: #222;
    }

.download-list-small {
    border: 1px solid #eaeaea;
    padding: 1px 12px;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

    .download-list-small span {
        margin-left: 0px;
        color: #333333;
    }

.no-notification-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    min-height: 470px;
    padding: 16px;
}

    .no-notification-content figure {
        background-color: #f9f8fd;
        border-radius: 50%;
        height: 120px;
        line-height: 120px;
        width: 120px;
        text-align: center;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    .no-notification-content img {
        max-width: 100%;
        width: 60%;
    }

    .no-notification-content h3 {
        font-size: 16px;
        line-height: 1.5;
        color: #333;
        font-family: 'Roboto-Bold';
    }

.section-loader-wrapper {
    position: relative;
}

.section-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9;
}

    .section-loader .loader-box {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: #fff;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    .modal-dashboard .customer_detail_wrapper .customer_detail_list-details thead th:first-of-type {
        min-width: 118px;
    }

    .modal-dashboard .customer_detail_wrapper .customer_detail_list-details thead th + th {
        min-width: 90px;
    }

    .dashboard #UDsettingsDiv .dashboard-card .card .notification-data {
        height: auto;
        overflow: inherit;
    }

    .modal-wrapper.modal-dashboard .sidenav {
        width: 100%;
        top: auto !important;
        bottom: -120%;
        max-height: 85vh;
        overflow-y: auto;
        height: auto;
        padding-bottom: 0;
        transform: none !important;
        transition: all 0.3s !important;
        border-radius: 8px 8px 0 0;
        max-width: 100%;
    }

    .modal-wrapper.modal-dashboard.open .sidenav {
        bottom: 0;
    }

    .dashboard .switch label .lever {
        margin: 0;
    }

    #consumptionTrendsYears .tab-content {
        overflow-x: auto;
    }

    .trend-box {
        width: 700px !important;
        height: 400px !important;
    }

    .dashboard .dashboard-card .card header {
        min-height: auto;
    }
}

@media screen and (min-width: 992px) {
    .trend-box {
        min-height: 380px !important;
    }

    .dashboard .section-header-main h2 {
        font-size: 32px;
    }

    .dashboard .electricity-charges-details header {
        flex-direction: row;
        align-items: center;
    }

    .dashboard .dashboard-card.dashboard-card-height header {
        min-height: 40px;
    }

    .dashboard .dashboard-card.dashboard-card-height .card {
        min-height: 541px;
        display: flex;
        flex-direction: column;
    }

    .dashboard .dashboard-card.dashboard-card-height .electricity-charges {
        margin-top: auto;
    }

    .dashboard .dashboard-card .card header h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .dashboard .dashboard-card .card .notification-data ul li .list-content {
        flex-direction: row;
        align-items: center;
    }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-left h3 {
            font-size: 16px;
        }

        .dashboard .dashboard-card .card .notification-data ul li .list-content .list-content-right {
            text-align: right;
        }
}

.input-field.custom.double-icon-field {
    position: relative;
}

    .input-field.custom.double-icon-field > i {
        position: absolute;
        top: 0;
        margin: 0;
        padding: 12px 16px;
    }

        .input-field.custom.double-icon-field > i:first-of-type {
            left: 0;
        }

        .input-field.custom.double-icon-field > i:last-of-type {
            right: 0;
        }

        .input-field.custom.double-icon-field > i.search-dropdown-trigger {
            cursor: pointer;
        }

            .input-field.custom.double-icon-field > i.search-dropdown-trigger.rotate-arrow {
                transform: rotate(180deg);
            }

    .input-field.custom.double-icon-field label, .input-field.custom.double-icon-field label.active {
        padding-left: 62px !important;
        transform-origin: 0 0 !important;
        transform: translateY(8px) scale(0.8) !important;
    }

    .input-field.custom.double-icon-field .input-icon {
        right: 48px;
    }

    .input-field.custom.double-icon-field input {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .input-field.custom.double-icon-field .autocomplete-content.dropdown-content {
        bottom: auto !important;
        top: calc(100% + 12px) !important;
        width: 100%;
        border: 1px solid #cacaca;
        border-radius: 8px;
        max-height: 280px;
        overflow-y: auto;
    }

        .input-field.custom.double-icon-field .autocomplete-content.dropdown-content.show {
            display: block;
            opacity: 1;
        }

        .input-field.custom.double-icon-field .autocomplete-content.dropdown-content li {
            padding: 12px;
        }

            .input-field.custom.double-icon-field .autocomplete-content.dropdown-content li.active {
                background: #f3f7fc;
            }

.custom-badge {
    display: inline-block;
    padding: 7px 14px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    border-radius: 15px;
}

    .custom-badge.in-process {
        color: #ff962d;
        background-color: rgba(255,150,45,0.1);
    }

    .custom-badge.accepted {
        color: #13a180;
        background-color: rgba(19,161,128,0.1);
    }

    .custom-badge.cancelled {
        color: #666;
        background-color: rgba(0,0,0,0.05);
    }

.cm-alert-bar {
    background: #e4f5e6;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    padding: 24px;
    justify-content: space-between;
    align-items: center;
}

    .cm-alert-bar .right-sec {
        padding-right: 8px;
    }

        .cm-alert-bar .right-sec .btn {
            border: 1px solid #222222;
            background: transparent;
            color: #222222;
            font-size: 14px;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            line-height: 40px;
            height: 40px;
            padding: 0 30px;
        }

    .cm-alert-bar .left-sec {
        display: flex;
    }

        .cm-alert-bar .left-sec h4 {
            font-family: 'Roboto-Bold';
            font-size: 20px;
            line-height: 1.4;
            padding-bottom: 8px;
        }

        .cm-alert-bar .left-sec p strong {
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

        .cm-alert-bar .left-sec i {
            margin-right: 12px;
        }

        .cm-alert-bar .left-sec .i-tick {
            width: 32px;
            height: 32px;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            min-width: 32px;
            background-color: #13A180;
            color: #ffffff;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cm-alert-bar .left-sec img {
            width: 32px;
            height: 32px;
        }

    .cm-alert-bar.in-process {
        background-color: #fff6ec;
    }

@media (max-width: 991px) {
    .cm-alert-bar {
        display: block;
    }

        .cm-alert-bar .right-sec {
            padding-right: 0;
            margin-top: 24px;
            padding-left: 44px;
        }
}

.userInfoBar {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    border-radius: 12px;
    border: solid 1px #eaeaea;
    background-color: #fafafa;
}

    .userInfoBar aside {
        flex: 1;
        display: flex;
        padding-right: 8px;
    }

        .userInfoBar aside i {
            margin-right: 12px;
        }

            .userInfoBar aside i::before {
                line-height: normal;
            }

.userInfoBar-desc {
    flex: 1;
}

.userInfoBar-name {
    font-size: 16px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    color: #333;
    margin-bottom: 4px;
}

.userInfoBar-ca {
    font-size: 14px;
    color: #666;
}

.userInfoBar-badge {
    padding: 4px 10px;
    border-radius: 12px;
    background-color: #e7f6e9;
    font-size: 11px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
}

    .userInfoBar-badge.vacant {
        background-color: #ffedd2;
    }

.loader-bar {
    padding: 32px;
    border-radius: 12px;
    border: solid 1px #eaeaea;
    background-color: #fafafa;
    text-align: center;
}

    .loader-bar .custom-loader-dots-box span {
        width: 8px;
        height: 8px;
        background-color: #333;
    }

    .loader-bar p {
        margin-top: 8px;
    }

.header-ev.main-header .header-nav {
    padding-top: 24px;
    padding-bottom: 24px;
}

.header-ev.main-header ul.header-social-ev {
    margin-right: -10px;
}

.header-ev.main-header:not(.not-floating) ul.header-social-ev li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
}

@media (max-width: 991px) {
    .header-ev.main-header {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 992px) {
    .header-ev.main-header:not(.not-floating) {
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.4) 57%, rgba(0,0,0,0));
    }

        .header-ev.main-header:not(.not-floating) ul.header-social-ev li a i {
            color: #fff;
        }
}

.ev-banner {
    position: relative;
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}

    .ev-banner figure img {
        width: 100%;
    }

    .ev-banner .content {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
    }

        .ev-banner .content h1 {
            font-size: 20px;
            font-family: 'Roboto-Bold';
            line-height: 1.4;
            color: #fff;
        }

        .ev-banner .content .btn {
            background: #fff;
            color: #333333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

.ev-image-col img {
    width: 100%;
}

.ev-content-col {
    padding-bottom: 48px;
}

@media (max-width: 991px) {
    .ev-content-col .field-group .radio-field {
        width: 40%;
    }
}

@media (min-width: 992px) {
    .ev-banner {
        width: 100%;
    }

        .ev-banner .content h1 {
            font-size: 36px;
            line-height: 1.33;
        }

    .ev-content-col {
        padding-top: 32px;
        padding-bottom: 0;
    }

    .ev-image-col {
        padding-right: 32px;
    }
}

.ev-charger-main {
    background: #E7E6E3;
    position: relative;
    min-height: calc(100vh - 105px);
}

    .ev-charger-main .small-font-custom_accrdion {
        font-size: 14px !important;
    }

    .ev-charger-main .ev-btn {
        width: 100%;
    }

    .ev-charger-main .modal {
        background: #E3F4E6;
        border: 1px solid #D0E8D3;
    }

        .ev-charger-main .modal .modal-header h4 {
            font-size: 1rem;
            align-items: center;
            width: 100%;
            padding-top: 20px;
        }

        .ev-charger-main .modal .modal-content {
            padding-left: 0;
        }

            .ev-charger-main .modal .modal-content p {
                color: #393939;
            }

    .ev-charger-main .check {
        display: inline-block;
        transform: rotate(45deg);
        height: var(--height);
        width: var(--width);
        border-bottom: var(--borderWidth) solid var(--borderColor);
        border-right: var(--borderWidth) solid var(--borderColor);
    }

    .ev-charger-main .banner-section {
        position: relative;
        overflow: hidden;
    }

        .ev-charger-main .banner-section::after {
            background: transparent linear-gradient(90deg, #009252 0%, #009154 2%, #008879 31%, #008194 57%, #007DA4 81%, #007CAA 100%) 0% 0% no-repeat padding-box;
            content: '';
            position: absolute;
            left: -50%;
            bottom: -180px;
            width: 300%;
            height: 500px;
            transform: rotate(5deg);
        }

        .ev-charger-main .banner-section .banner-wrapper {
            position: relative;
            z-index: 1;
            padding-top: 2.5rem;
        }

            .ev-charger-main .banner-section .banner-wrapper .pointer ul {
                margin-bottom: 3.125rem;
            }

                .ev-charger-main .banner-section .banner-wrapper .pointer ul li {
                    padding-left: 2.8125rem;
                    margin-bottom: 1.875rem;
                    position: relative;
                }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li::before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 1.5rem;
                        height: 1.5rem;
                        background: #fff;
                        content: '';
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li::after {
                        position: absolute;
                        left: 9px;
                        top: -6px;
                        content: '';
                        height: 25px;
                        width: 10px;
                        border-bottom: 3px solid #009A66;
                        border-right: 3px solid #009A66;
                        transform: rotate(45deg);
                        opacity: 0;
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li:nth-child(1)::after {
                        -moz-animation: cssAnimation1 10s;
                        -moz-animation-iteration-count: 1;
                        -webkit-animation: cssAnimation1 10s;
                        -webkit-animation-iteration-count: 1;
                        -o-animation: cssAnimation1 10s;
                        -o-animation-iteration-count: 1;
                        animation: cssAnimation1 10s;
                        animation-iteration-count: 1;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li:nth-child(2)::after {
                        -moz-animation: cssAnimation2 10s;
                        -moz-animation-iteration-count: 1;
                        -webkit-animation: cssAnimation2 10s;
                        -webkit-animation-iteration-count: 1;
                        -o-animation: cssAnimation2 10s;
                        -o-animation-iteration-count: 1;
                        animation: cssAnimation2 10s;
                        animation-iteration-count: 1;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li:nth-child(3)::after {
                        -moz-animation: cssAnimation3 10s;
                        -moz-animation-iteration-count: 1;
                        -webkit-animation: cssAnimation3 10s;
                        -webkit-animation-iteration-count: 1;
                        -o-animation: cssAnimation3 10s;
                        -o-animation-iteration-count: 1;
                        animation: cssAnimation3 10s;
                        animation-iteration-count: 1;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li:nth-child(4)::after {
                        -moz-animation: cssAnimation4 10s;
                        -moz-animation-iteration-count: 1;
                        -webkit-animation: cssAnimation4 10s;
                        -webkit-animation-iteration-count: 1;
                        -o-animation: cssAnimation4 10s;
                        -o-animation-iteration-count: 1;
                        animation: cssAnimation4 10s;
                        animation-iteration-count: 1;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }

                    .ev-charger-main .banner-section .banner-wrapper .pointer ul li:nth-child(5)::after {
                        -moz-animation: cssAnimation5 10s;
                        -moz-animation-iteration-count: 1;
                        -webkit-animation: cssAnimation5 10s;
                        -webkit-animation-iteration-count: 1;
                        -o-animation: cssAnimation5 10s;
                        -o-animation-iteration-count: 1;
                        animation: cssAnimation5 10s;
                        animation-iteration-count: 1;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }

@keyframes cssAnimation {
    10% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation {
    10% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cssAnimation1 {
    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation1 {
    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cssAnimation2 {
    20% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation2 {
    20% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cssAnimation3 {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation3 {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cssAnimation4 {
    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation4 {
    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cssAnimation5 {
    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssAnimation5 {
    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.ev-charger-main .banner-section .banner-wrapper .pointer ul li h3 {
    color: #333;
    font-size: 1.25rem;
    margin-bottom: .3125rem;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}

.ev-charger-main .banner-section .banner-wrapper .pointer ul li h4 {
    color: #333;
    font-size: .875rem;
}

.ev-charger-main .banner-section .banner-wrapper .banner-picture {
    position: relative;
    right: 0;
    bottom: 0;
}

    .ev-charger-main .banner-section .banner-wrapper .banner-picture img {
        width: 100%;
    }

.ev-charger-main .banner-section .banner-wrapper .share-charge {
    text-align: center;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

    .ev-charger-main .banner-section .banner-wrapper .share-charge img {
        width: 155px;
    }

.ev-charger-main .ev-wrapper {
    position: relative;
    overflow: hidden;
}

    .ev-charger-main .ev-wrapper::after {
        position: absolute;
        height: 500px;
        width: 200%;
        left: -46%;
        bottom: -404px;
        content: "";
        background: #e0dfda;
        background: -webkit-gradient(linear, left top, right top, color-stop(14%, #e0dfda), color-stop(78%, #9a9891));
        background: linear-gradient(90deg, #e0dfda 14%, #9a9891 78%);
        -webkit-transform: rotate(7deg);
        -webkit-transform: rotate(25deg);
        transform: rotate(19deg);
        z-index: 1;
    }

    .ev-charger-main .ev-wrapper .ev-container {
        flex-direction: column;
        padding: 0 15px;
        margin: 0 auto;
        display: flex;
        position: relative;
        z-index: 7;
    }

        .ev-charger-main .ev-wrapper .ev-container .content {
            width: 100%;
            margin-top: 5rem;
        }

            .ev-charger-main .ev-wrapper .ev-container .content h3 {
                font-size: 1.5rem;
                line-height: 2.25rem;
                margin-bottom: 1.25rem;
                font-family: 'Roboto-Medium';
                font-weight: normal;
            }

            .ev-charger-main .ev-wrapper .ev-container .content a em {
                color: #fff;
            }

        .ev-charger-main .ev-wrapper .ev-container .charging-device {
            width: 100%;
            padding-left: 0;
            text-align: center;
        }

            .ev-charger-main .ev-wrapper .ev-container .charging-device img {
                width: 100%;
            }

#evchargingrequest .modal-content-inner h2 {
    line-height: 2rem;
}

#evchargingrequest .btn-group {
    margin-top: 2rem;
}

#evchargingrequest #EVValidateCAForm .input-field.custom > p {
    margin-top: 8px;
}

#evchargingrequest #EVValidateCAForm #CANumber {
    margin-bottom: 0;
}

#evchargingrequest #EVValidateCAForm .otp-wrapper label {
    margin-bottom: 0;
    padding-bottom: 0;
}

#evchargingrequest #EVValidateCAForm #otpsendtext {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .ev-charger-main .ev-btn {
        width: auto;
    }

    .ev-charger-main .modal .modal-content {
        padding-left: 42px;
    }

        .ev-charger-main .modal .modal-content p {
            color: #393939;
        }

    .ev-charger-main .banner-section {
        position: relative;
        overflow: hidden;
    }

        .ev-charger-main .banner-section::after {
            background: transparent linear-gradient(90deg, #009252 0%, #009154 2%, #008879 31%, #008194 57%, #007DA4 81%, #007CAA 100%) 0% 0% no-repeat padding-box;
            content: '';
            position: absolute;
            left: -50%;
            bottom: -300px;
            width: 300%;
            height: 500px;
            transform: rotate(5deg);
        }

        .ev-charger-main .banner-section .banner-wrapper {
            position: relative;
            z-index: 1;
            padding-top: 2.5rem;
        }

            .ev-charger-main .banner-section .banner-wrapper .pointer ul {
                margin-bottom: 9.375rem;
            }

                .ev-charger-main .banner-section .banner-wrapper .pointer ul li {
                    margin-bottom: 2.8125rem;
                }

            .ev-charger-main .banner-section .banner-wrapper .banner-picture {
                position: absolute;
                right: 0;
                bottom: 0;
            }

            .ev-charger-main .banner-section .banner-wrapper .share-charge {
                text-align: left;
                padding-bottom: 6.25rem;
                padding-top: 0rem;
            }

                .ev-charger-main .banner-section .banner-wrapper .share-charge img {
                    width: auto;
                }

    .ev-charger-main .ev-wrapper::after {
        height: 500px;
        width: 200%;
        left: -20%;
        bottom: -340px;
        transform: rotate(7deg);
    }

    .ev-charger-main .ev-wrapper .ev-container {
        flex-direction: row;
        padding: 0 15px;
        margin: 0 auto;
        display: flex;
    }

        .ev-charger-main .ev-wrapper .ev-container .content {
            width: 40%;
            margin-top: 9.375rem;
        }

            .ev-charger-main .ev-wrapper .ev-container .content h3 {
                font-size: 2.25rem;
                line-height: 3rem;
                margin-bottom: 1.25rem;
            }

            .ev-charger-main .ev-wrapper .ev-container .content a em {
                color: #fff;
            }

        .ev-charger-main .ev-wrapper .ev-container .charging-device {
            width: 60%;
            padding-left: 2.5rem;
        }
}

@media (max-width: 1400px) and (min-width: 992px) {
    .ev-charger-main .banner-section .banner-wrapper {
        padding-top: 0;
    }

    .ev-charger-main .banner-section {
        margin-top: 20px;
    }

        .ev-charger-main .banner-section .banner-wrapper .pointer ul {
            margin-bottom: 7rem;
        }

            .ev-charger-main .banner-section .banner-wrapper .pointer ul li {
                margin-bottom: 2rem;
            }
}

.share-chargenew .banner {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 4.375rem;
    z-index: 1;
}

    .share-chargenew .banner figure img {
        width: 100%;
    }

    .share-chargenew .banner .banner-heading {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        width: 100%;
        margin-bottom: 3.125rem;
    }

        .share-chargenew .banner .banner-heading h5 {
            font-size: 1.75rem;
            margin-bottom: 1.5625rem;
        }

        .share-chargenew .banner .banner-heading figure img {
            width: 11.25rem;
        }

.share-chargenew .bg-section {
    background: transparent linear-gradient(167deg, #009252 0%, #00867E 49%, #007CAA 100%) 0% 0% no-repeat padding-box;
    margin-top: -.625rem;
    padding-bottom: 0rem;
}

    .share-chargenew .bg-section .icons-section {
        padding-top: 2.5rem;
    }

        .share-chargenew .bg-section .icons-section ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.25rem;
            flex-wrap: wrap;
        }

            .share-chargenew .bg-section .icons-section ul li {
                width: 45%;
                text-align: center;
                padding: 2.5%;
                margin-top: 0rem;
                position: relative;
            }

                .share-chargenew .bg-section .icons-section ul li::after {
                    border-right: 1px dashed #FFFFFF;
                    content: '';
                    position: absolute;
                    right: -10%;
                    top: 20%;
                    height: 60%;
                }

                .share-chargenew .bg-section .icons-section ul li:nth-child(even)::after {
                    border-right: none;
                }

                .share-chargenew .bg-section .icons-section ul li .borders figure {
                    margin-bottom: .625rem;
                }

                    .share-chargenew .bg-section .icons-section ul li .borders figure img {
                        width: 5.9375rem;
                    }

                .share-chargenew .bg-section .icons-section ul li .borders h5 {
                    font-size: .875rem;
                    color: #E7E6E3;
                    line-height: 1.25rem;
                    border-bottom: 1px dashed #FFFFFF;
                    padding-bottom: 1.25rem;
                }

                .share-chargenew .bg-section .icons-section ul li:nth-last-child(3) .borders h5 {
                    border-bottom: none;
                }

                .share-chargenew .bg-section .icons-section ul li:nth-last-child(2) .borders h5 {
                    border-bottom: none;
                }

                .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) {
                    width: 100%;
                }

                    .share-chargenew .bg-section .icons-section ul li:nth-last-child(1)::after {
                        border-right: none;
                    }

                    .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) .borders {
                        border-top: 1px dashed #FFFFFF;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 1.25rem;
                    }

                        .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) .borders h5 {
                            border-bottom: none;
                            text-align: left;
                            padding-left: 10px;
                        }

    .share-chargenew .bg-section .white-bg {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 1px -3px 7px #0000001A;
        padding: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }

        .share-chargenew .bg-section .white-bg h5 {
            font-size: 1.75rem;
            color: #333333;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

@media (min-width: 992px) {
    .share-chargenew .banner {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: 1.5625rem;
    }

        .share-chargenew .banner figure img {
            width: 100%;
        }

        .share-chargenew .banner .banner-heading {
            position: absolute;
            left: 6.25rem;
            top: 4.375rem;
            text-align: center;
            width: 28.125rem;
            margin-bottom: 0rem;
        }

            .share-chargenew .banner .banner-heading h5 {
                font-size: 2.5rem;
                margin-bottom: 1.5625rem;
            }

            .share-chargenew .banner .banner-heading figure img {
                width: 17.1875rem;
            }

    .share-chargenew .bg-section {
        margin-top: -2.125rem;
        position: relative;
        background: none;
        padding-bottom: 1.875rem;
    }

        .share-chargenew .bg-section::before {
            content: "";
            background: transparent linear-gradient(167deg, #009252 0%, #00867E 49%, #007CAA 100%) 0% 0% no-repeat padding-box;
            position: absolute;
            left: 0;
            right: 0;
            min-height: 450px;
        }

        .share-chargenew .bg-section .icons-section {
            padding-top: 2.5rem;
        }

            .share-chargenew .bg-section .icons-section ul {
                margin-bottom: 2.5rem;
                flex-wrap: wrap;
            }

                .share-chargenew .bg-section .icons-section ul li {
                    width: auto;
                    padding: 0;
                    margin-top: 0rem;
                }

                    .share-chargenew .bg-section .icons-section ul li::after {
                        display: none;
                    }

                    .share-chargenew .bg-section .icons-section ul li:nth-child(even)::after {
                        border-right: none;
                    }

                    .share-chargenew .bg-section .icons-section ul li .borders figure {
                        margin-bottom: auto/16rem;
                    }

                        .share-chargenew .bg-section .icons-section ul li .borders figure img {
                            width: 5.9375rem;
                        }

                    .share-chargenew .bg-section .icons-section ul li .borders h5 {
                        border-bottom: none;
                        padding-bottom: 1.25rem;
                    }

                    .share-chargenew .bg-section .icons-section ul li:nth-last-child(3) .borders h5 {
                        border-bottom: none;
                    }

                    .share-chargenew .bg-section .icons-section ul li:nth-last-child(2) .borders h5 {
                        border-bottom: none;
                    }

                    .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) {
                        width: auto;
                    }

                        .share-chargenew .bg-section .icons-section ul li:nth-last-child(1)::after {
                            border-right: none;
                        }

                        .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) .borders {
                            border-top: none;
                            display: block;
                            align-items: center;
                            justify-content: center;
                            padding-top: auto/16rem;
                        }

                            .share-chargenew .bg-section .icons-section ul li:nth-last-child(1) .borders h5 {
                                border-bottom: none;
                                text-align: center;
                                padding-left: 0;
                            }

        .share-chargenew .bg-section .white-bg {
            padding: 2rem;
            position: relative;
            padding: 2rem;
            margin-left: 0;
            margin-right: 0;
        }

            .share-chargenew .bg-section .white-bg h5 {
                font-size: 2rem;
                color: #333333;
            }
}

.ev-contact {
    position: relative;
    overflow: hidden;
    padding-top: 3.75rem;
}

    .ev-contact::after {
        position: absolute;
        height: 1000px;
        width: 200%;
        left: -46%;
        top: 200px;
        -webkit-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
        content: "";
        background: transparent linear-gradient(90deg, #009252 0%, #009154 2%, #008879 31%, #008194 57%, #007DA4 81%, #007CAA 100%) 0% 0% no-repeat padding-box;
    }

    .ev-contact .contant {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding-bottom: 1.875rem;
    }

        .ev-contact .contant .icon {
            width: 100%;
            text-align: center;
            padding-bottom: .625rem;
        }

            .ev-contact .contant .icon img {
                width: 350px;
            }

        .ev-contact .contant .icon-contant {
            width: 100%;
            color: #fff;
            padding-top: 2.5rem;
        }

            .ev-contact .contant .icon-contant h2 {
                font-size: 1.75rem;
                margin-bottom: 1.25rem;
                color: #fff;
                line-height: 2.375rem;
            }

            .ev-contact .contant .icon-contant h4 {
                font-size: 1.25rem;
                margin-bottom: 1.875rem;
                line-height: 1.875rem;
            }

            .ev-contact .contant .icon-contant .green-btn {
                background: #2BBA58;
                display: block;
                border-radius: 25px;
                display: inline-block;
            }

                .ev-contact .contant .icon-contant .green-btn i {
                    color: #fff;
                    margin-right: 4px;
                }

            .ev-contact .contant .icon-contant ul {
                display: flex;
                align-items: left;
                margin-bottom: 40px;
                flex-wrap: wrap;
                flex-direction: column;
            }

                .ev-contact .contant .icon-contant ul li:nth-last-child(2) {
                    width: 330px;
                }

                    .ev-contact .contant .icon-contant ul li:nth-last-child(2) .btn {
                        border-radius: 10px 10px 0 0;
                    }

                    .ev-contact .contant .icon-contant ul li:nth-last-child(2) .white-btn {
                        border-bottom: none;
                    }

                .ev-contact .contant .icon-contant ul li:nth-last-child(1) {
                    width: 330px;
                }

                    .ev-contact .contant .icon-contant ul li:nth-last-child(1) .btn {
                        border-radius: 0 0 10px 10px;
                    }

                .ev-contact .contant .icon-contant ul li a {
                    padding-left: 36px;
                    padding-right: 36px;
                }

                .ev-contact .contant .icon-contant ul li .white-btn {
                    background: none;
                    border: 1px solid #66B2C6;
                    text-align: left;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                }

                    .ev-contact .contant .icon-contant ul li .white-btn i {
                        margin-right: 10px;
                        text-align: center;
                    }

                        .ev-contact .contant .icon-contant ul li .white-btn i::before {
                            text-align: center;
                            height: 37px;
                            width: 37px;
                            border-radius: 50%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #fff;
                        }

            .ev-contact .contant .icon-contant p {
                font-size: .9375rem;
                line-height: 1.3125rem;
                margin-bottom: 35px;
            }

                .ev-contact .contant .icon-contant p strong {
                    font-family: 'Roboto-Bold';
                }

                .ev-contact .contant .icon-contant p a {
                    color: #fff;
                    font-family: 'Roboto-Bold';
                }

        .ev-contact .contant .tree {
            z-index: 2;
            position: absolute;
            bottom: -20px;
            left: 0;
            display: none;
        }

@media (min-width: 1025px) {
    .ev-contact {
        padding-top: 0rem;
    }

        .ev-contact::after {
            top: 120px;
        }

        .ev-contact .contant {
            flex-direction: row;
            padding-bottom: 9.375rem;
        }

            .ev-contact .contant .icon {
                width: 45%;
                padding-bottom: 3.125rem;
            }

                .ev-contact .contant .icon img {
                    width: 60%;
                }

            .ev-contact .contant .icon-contant {
                width: 45%;
                padding-top: 12rem;
            }

                .ev-contact .contant .icon-contant h2 {
                    font-size: 2.5rem;
                    margin-bottom: 1.25rem;
                }

                .ev-contact .contant .icon-contant h4 {
                    font-size: 1.5rem;
                    margin-bottom: 1.875rem;
                    line-height: 2.25rem;
                }

                .ev-contact .contant .icon-contant p {
                    display: block;
                }

                .ev-contact .contant .icon-contant ul {
                    display: flex;
                    align-items: center;
                    flex-direction: row;
                }

                    .ev-contact .contant .icon-contant ul li {
                        margin: 0;
                        margin-bottom: auto;
                        width: auto;
                    }

                        .ev-contact .contant .icon-contant ul li .btn {
                            border-radius: 10px;
                            padding: 0 2rem 0 1rem;
                        }

                        .ev-contact .contant .icon-contant ul li:nth-last-child(2) {
                            width: auto;
                        }

                            .ev-contact .contant .icon-contant ul li:nth-last-child(2) .btn {
                                border-radius: 10px 0 0 10px;
                            }

                            .ev-contact .contant .icon-contant ul li:nth-last-child(2) .white-btn {
                                border-right: none;
                                border-bottom: 1px solid #66B2C6;
                            }

                        .ev-contact .contant .icon-contant ul li:nth-last-child(1) {
                            width: auto;
                        }

                            .ev-contact .contant .icon-contant ul li:nth-last-child(1) .btn {
                                border-radius: 0 10px 10px 0;
                            }

            .ev-contact .contant .tree {
                display: block;
            }
}

.ev-gallery {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

    .ev-gallery::after {
        position: absolute;
        height: 1000px;
        width: 200%;
        left: -46%;
        top: 200px;
        -webkit-transform: rotate(-11deg);
        -webkit-transform: rotate(-11deg);
        transform: rotate(-11deg);
        content: "";
        background: transparent linear-gradient(224deg, #fff 0%, #FAFAF9 7%, #E3E2DE 43%, #D5D4CE 75%, #D1CFC9 100%) 0% 0% no-repeat padding-box;
        mix-blend-mode: multiply;
        display: none;
    }

    .ev-gallery h2 {
        font-size: 1.75rem;
        text-align: center;
        font-family: "Roboto", sans-serif;
        margin-bottom: 3.125rem;
    }

    .ev-gallery .owl-item > div {
        cursor: pointer;
        margin: 0 2%;
        transition: margin 0.4s ease;
    }

    .ev-gallery .owl-item.center > div {
        cursor: auto;
        margin: 0;
    }

    .ev-gallery .owl-item:not(.center) > div:hover {
        opacity: .75;
    }

    .ev-gallery .owl-item.active.center {
        z-index: 1;
    }

    .ev-gallery .owl-item {
        opacity: 0;
        transition: all 0.4s;
    }

        .ev-gallery .owl-item.active {
            opacity: 1;
        }

        .ev-gallery .owl-item:not(.center) iframe {
            pointer-events: none;
        }

        .ev-gallery .owl-item iframe {
            width: 100%;
            min-height: 200px;
        }

        .ev-gallery .owl-item.active:not(.center) {
            transform: scale(0.8);
            opacity: 0.6;
        }

@media (min-width: 992px) {
    .ev-gallery::after {
        display: block;
    }

    .ev-gallery h2 {
        font-size: 2.5rem;
        margin-bottom: 5rem;
    }

    .ev-gallery .owl-item > div {
        margin: 0 8%;
    }

    .ev-gallery .owl-item iframe {
        width: 100%;
        min-height: 400px;
    }
}

.ev-pedia-outer {
    background: #E7E6E3;
    position: relative;
}

    .ev-pedia-outer .ev-pedia {
        position: relative;
        overflow: hidden;
    }

        .ev-pedia-outer .ev-pedia::after {
            position: absolute;
            height: 1000px;
            width: 200%;
            left: -46%;
            top: 106px;
            -webkit-transform: rotate(-7deg);
            -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
            content: "";
            background: transparent linear-gradient(90deg, #009252 0%, #009154 2%, #008879 31%, #008194 57%, #007DA4 81%, #007CAA 100%) 0% 0% no-repeat padding-box;
        }

        .ev-pedia-outer .ev-pedia .banner-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            position: relative;
            z-index: 1;
            margin-bottom: 1.875rem;
        }

            .ev-pedia-outer .ev-pedia .banner-content figure {
                width: 100%;
                text-align: center;
            }

                .ev-pedia-outer .ev-pedia .banner-content figure img {
                    width: 100%;
                }

            .ev-pedia-outer .ev-pedia .banner-content .content {
                width: 100%;
                color: #fff;
                padding-bottom: 140px;
                padding-top: 50px;
            }

                .ev-pedia-outer .ev-pedia .banner-content .content h5 {
                    font-size: 2.5rem;
                    font-family: "Roboto-Bold";
                    margin-bottom: 1.5625rem;
                }

                .ev-pedia-outer .ev-pedia .banner-content .content p {
                    font-size: 1.25rem;
                    font-weight: 300;
                    line-height: 1.875rem;
                }

    .ev-pedia-outer .faq-outer {
        position: relative;
        z-index: 2;
        padding-bottom: 20px;
    }

    .ev-pedia-outer .faq {
        position: relative;
        z-index: 3;
        background: #fff;
        padding: 1.25rem;
        box-shadow: 1px -3px 7px #0000001A;
        margin-top: -100px;
    }

@media (min-width: 992px) {
    .ev-pedia-outer .ev-pedia .banner-content {
        flex-direction: row;
        margin-bottom: 7.5rem;
    }

        .ev-pedia-outer .ev-pedia .banner-content .content {
            padding-bottom: 0px;
            padding-top: 0;
        }

        .ev-pedia-outer .ev-pedia .banner-content figure {
            width: 35%;
        }

            .ev-pedia-outer .ev-pedia .banner-content figure img {
                width: 100%;
            }

        .ev-pedia-outer .ev-pedia .banner-content .content {
            width: 30%;
        }

    .ev-pedia-outer .faq-outer {
        padding-bottom: 40px;
    }

    .ev-pedia-outer .faq {
        padding: 30px;
    }
}

.ev-card-wrp {
    display: flex;
    flex-wrap: wrap;
}

.ev-card {
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    width: calc(25% - 32px);
}

    .ev-card:not(:last-child) {
        margin-right: 32px;
    }

    .ev-card.blue {
        background-color: #d5e6f1;
    }

    .ev-card.green {
        background-color: #d8f0e6;
    }

@media screen and (max-width: 767px) {
    .ev-card {
        width: 100%;
        margin: 0 0 15px !important;
    }
}

.ev-card .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 100%;
}

    .ev-card .icon.blue {
        background-color: #deebf4;
    }

    .ev-card .icon.green {
        background-color: #e0f3eb;
    }

.ev-card p {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.54;
    color: #333;
}

.ev-card h4 {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.25;
    font-family: 'Roboto-Bold';
    color: #333;
}

.ev-header-new {
    margin-bottom: 0 !important;
}

    .ev-header-new .navigation {
        position: fixed;
        background: rgba(0,0,0,0.9);
        z-index: 99995;
        width: 100%;
        display: none;
        left: 0;
        top: 0;
        overflow-y: auto;
    }

        .ev-header-new .navigation .links {
            height: 100vh;
            display: flex;
            justify-content: left;
            align-items: flex-start;
        }

            .ev-header-new .navigation .links ul {
                display: flex;
                justify-content: center;
                flex-direction: column;
                margin-top: 7.5rem;
            }

                .ev-header-new .navigation .links ul li {
                    padding: 0 0;
                    font-weight: 400;
                    margin-bottom: 1.875rem;
                }

                    .ev-header-new .navigation .links ul li a {
                        font-size: 1.25rem;
                        color: #fff;
                    }

                        .ev-header-new .navigation .links ul li a:hover {
                            text-decoration: underline;
                            font-family: 'Roboto-Medium';
                            font-weight: normal;
                        }

    .ev-header-new .show {
        display: block;
    }

    .ev-header-new .fixed {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 996;
    }

    .ev-header-new .headerev {
        padding: 20px 0;
        display: flex;
        align-items: center;
    }

        .ev-header-new .headerev .hamburger {
            background: none;
            margin-left: -.625rem;
            position: relative;
            z-index: 99996;
        }

            .ev-header-new .headerev .hamburger a {
                text-align: center;
                line-height: 35px;
            }

            .ev-header-new .headerev .hamburger .icon-holder {
                display: none;
            }

                .ev-header-new .headerev .hamburger .icon-holder i {
                    color: #fff;
                    font-family: "Roboto-bold";
                }

                .ev-header-new .headerev .hamburger .icon-holder:hover i {
                    color: #333;
                }

            .ev-header-new .headerev .hamburger .i-cross {
                color: #fff;
            }

                .ev-header-new .headerev .hamburger .i-cross::before {
                    font-weight: bold;
                }

        .ev-header-new .headerev .brand-logo img {
            width: 5.8125rem;
            margin-left: 1.25rem;
        }

        .ev-header-new .headerev .social-icon {
            margin-left: auto;
            position: relative;
            z-index: 99995;
            display: flex;
        }

            .ev-header-new .headerev .social-icon > a.sidenav-trigger {
                padding-left: 30px;
                padding-right: 30px;
            }

            .ev-header-new .headerev .social-icon ul li a {
                background: #bcb7af;
            }

                .ev-header-new .headerev .social-icon ul li a i {
                    color: #ffffff;
                }

            .ev-header-new .headerev .social-icon ul li:nth-child(1) a:hover {
                background: #1c3977;
                background: linear-gradient(90deg, #1c3977 0%, #3a5795 100%);
            }

            .ev-header-new .headerev .social-icon ul li:nth-child(2) a:hover {
                background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
            }

            .ev-header-new .headerev .social-icon ul li:nth-child(3) a:hover {
                background: #0980e2;
                background: linear-gradient(90deg, #0980e2 0%, #27b1e3 100%);
            }

.sticky-header .evheader-menu li a:hover, .sticky-header .evheader-menu li a.active {
    background-color: #eaeaea;
}

.evheader-menu {
    display: flex;
    margin-left: auto;
    flex-grow: 1;
    justify-content: end;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .evheader-menu {
        display: none;
    }
}

.evheader-menu li {
    margin-right: 14px;
}

.evheader-menu a {
    color: #333;
    display: block;
    padding: 11px 16px 10px;
    line-height: 1;
    border-radius: 50px;
}

    .evheader-menu a:hover, .evheader-menu a.active {
        background-color: #d4d4d1;
    }

.evnoscroll {
    overflow: hidden;
}

@media screen and (max-device-width: 991px) and (orientation: landscape) {
    .ev-header-new .navigation {
        overflow-y: revert;
    }

        .ev-header-new .navigation .links ul {
            justify-content: inherit;
            margin-top: 6rem;
            width: 100%;
            overflow-y: auto;
            height: calc(100% - 6rem);
        }
}

@media (min-width: 992px) {
    .ev-header-new .navigation .links {
        justify-content: center;
        align-items: center;
    }

        .ev-header-new .navigation .links ul {
            display: flex;
            justify-content: center;
            flex-direction: row;
            align-items: center;
            margin-top: 0rem;
        }

            .ev-header-new .navigation .links ul li {
                padding: 0 40px;
                font-weight: 400;
                margin-bottom: 0rem;
            }

                .ev-header-new .navigation .links ul li a {
                    font-size: 1.75rem;
                }
}

.coachMark {
    background-color: #216fc9;
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 500px;
    height: 500px;
    display: none;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #fff;
    border-radius: 50%;
}

    .coachMark strong, .coachMark p, .coachMark button {
        display: table;
    }

    .coachMark strong {
        font-size: 28px;
        font-family: 'Roboto-Medium';
        font-weight: 400;
    }

    .coachMark p {
        margin: 12px 0 24px;
    }

    .coachMark .btn {
        background-color: #fff;
        color: #216fc9;
        font-weight: 400;
        font-family: 'Roboto-Medium';
    }

    .coachMark.coachMark-1 {
        transform: translate(-100px, -150px);
        padding: 120px 25px 25px 130px;
        left: 0;
    }

        .coachMark.coachMark-1 .coach-hamburger {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            background-color: #e7e6e3;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 30px 50px;
        }

            .coachMark.coachMark-1 .coach-hamburger i {
                margin-left: -1px;
            }

    .coachMark.coachMark-2 {
        transform: translate(80px, -150px);
        right: 0;
        padding: 120px 130px 25px 100px;
        align-items: flex-end;
        text-align: right;
    }

        .coachMark.coachMark-2 .coach-intrested {
            border: 7px solid #e7e6e3;
            border-radius: 100px;
            padding: 15px 30px;
            margin: 0 20px 30px 0;
        }

    .coachMark.show {
        display: flex !important;
    }

.o-hidden {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .coachMark {
        width: 400px;
        height: 400px;
    }

        .coachMark.coachMark-1 {
            transform: translate(-100px, -50px);
            padding: 50px 25px 25px 130px;
        }

            .coachMark.coachMark-1 .coach-hamburger {
                margin-left: 0;
            }

        .coachMark.coachMark-2 {
            transform: translate(80px, -50px);
            padding: 50px 100px 25px 50px;
        }

            .coachMark.coachMark-2 .coach-hamburger {
                margin-left: 0;
            }
}

.ev-dashboard-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .ev-dashboard-head h2 {
        margin: 0 15px 15px 0;
    }

ul.ev-dashboard-filter {
    display: flex;
    position: relative;
    z-index: 1;
}

    ul.ev-dashboard-filter > li + li {
        margin-left: 24px;
    }

    ul.ev-dashboard-filter > li > a {
        padding: 11px 10px;
        border-radius: 8px;
        border: solid 1px #eaeaea;
        background-color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #222;
        cursor: pointer;
        display: flex;
        align-items: center;
        min-width: 94px;
    }

        ul.ev-dashboard-filter > li > a.show i {
            transform: rotate(180deg);
        }

        ul.ev-dashboard-filter > li > a .i-arrow-d {
            margin-left: 8px;
        }

            ul.ev-dashboard-filter > li > a .i-arrow-d:before {
                font-size: 16px;
            }

        ul.ev-dashboard-filter > li > a img {
            margin-right: 10px;
        }

#ev-dash-filter-content {
    position: absolute;
    top: calc(100% + 16px);
    width: 385px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12);
    background-color: #fff;
    padding: 0 24px 24px;
    border-radius: 8px;
    left: auto;
    transform: none;
    right: -60px;
}

    #ev-dash-filter-content .tabs {
        display: flex;
        height: 50px;
        margin-bottom: 24px;
    }

        #ev-dash-filter-content .tabs .tab, #ev-dash-filter-content .tabs .indicator {
            min-height: auto;
        }

        #ev-dash-filter-content .tabs .tab {
            line-height: 50px;
            height: 50px;
            flex: 1;
        }

            #ev-dash-filter-content .tabs .tab a {
                text-decoration: none;
                font-family: "Roboto", sans-serif;
                color: #737373;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                #ev-dash-filter-content .tabs .tab a.active {
                    color: #262626;
                }

    #ev-dash-filter-content .btn-row {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

        #ev-dash-filter-content .btn-row .btn {
            width: 48%;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            font-size: 14px;
        }

        #ev-dash-filter-content .btn-row .clearFilter {
            background-color: #fff;
            color: #0d67ca;
            border: 1px solid #0d67ca;
        }

            #ev-dash-filter-content .btn-row .clearFilter:hover {
                background-color: #0d67ca;
                color: #fff;
            }

.custom-dropdown-content {
    display: none;
}

.custom-dropdown-trigger.show + .custom-dropdown-content {
    display: block;
}

.container.ev-dashboard {
    max-width: 1200px;
}

@media (min-width: 992px) and (max-width: 1310px) {
    #ev-dash-filter-content {
        right: 0;
    }
}

@media (min-width: 1401px) {
    #ev-dash-filter-content {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
}

#dateTab {
    position: relative;
}

    #dateTab input#date-range-field {
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    #dateTab .daterangepicker .drp-buttons {
        display: none;
        text-align: left;
        padding: 0;
        margin-top: 20px;
        border: none;
        justify-content: space-between;
    }

        #dateTab .daterangepicker .drp-buttons button {
            font-family: 'Roboto-Medium';
            font-size: 14px;
            font-weight: 400;
            margin: 0;
            width: 48%;
        }

            #dateTab .daterangepicker .drp-buttons button.cancelBtn {
                background-color: #fff;
                color: #0d67ca;
                border: 1px solid #0d67ca;
            }

                #dateTab .daterangepicker .drp-buttons button.cancelBtn:hover {
                    border-color: #0d67ca;
                    background-color: #0d67ca;
                    color: #fff;
                }

        #dateTab .daterangepicker .drp-buttons .drp-selected {
            display: none;
        }

body .daterangepicker {
    font-family: 'Roboto';
    border: none;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: auto;
    display: block !important;
    margin-top: 0;
}

    body .daterangepicker::before, body .daterangepicker::after {
        display: none;
    }

    body .daterangepicker th, body .daterangepicker td {
        padding: 0;
    }

    body .daterangepicker .calendar-table thead th.month {
        font-size: 16px;
        position: relative;
        top: -8px;
    }

    body .daterangepicker .calendar-table thead th.prev, body .daterangepicker .calendar-table thead th.next {
        width: 24px;
        height: 24px;
        border: solid 1px #efefef;
        background-color: #fff;
        line-height: 1;
        min-width: auto;
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        body .daterangepicker .calendar-table thead th.prev span, body .daterangepicker .calendar-table thead th.next span {
            border: solid #333333;
            border-width: 0 1px 1px 0;
        }

    body .daterangepicker .calendar-table thead th.prev {
        padding-left: 3px;
    }

    body .daterangepicker .calendar-table thead th.next {
        padding-right: 3px;
    }

    body .daterangepicker .calendar-table tr {
        border-bottom: none;
    }

    body .daterangepicker .calendar-table td.active, body .daterangepicker .calendar-table td.active:hover {
        background-color: #0d67ca;
        border-radius: 50%;
    }

    body .daterangepicker .drp-calendar.right {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        padding: 0;
    }

        body .daterangepicker .drp-calendar.right tbody {
            display: none !important;
        }

        body .daterangepicker .drp-calendar.right thead > tr:nth-child(2) {
            display: none !important;
        }

        body .daterangepicker .drp-calendar.right th.month {
            display: none !important;
        }

        body .daterangepicker .drp-calendar.right .calendar-table {
            background: transparent !important;
        }

    body .daterangepicker .daterangepicker.ltr .ranges, body .daterangepicker.ltr .drp-calendar {
        float: none !important;
    }

    body .daterangepicker .drp-calendar.right .daterangepicker_input {
        position: absolute !important;
    }

    body .daterangepicker .drp-calendar {
        max-width: 100%;
    }

        body .daterangepicker .drp-calendar.left {
            padding: 0;
        }

    body .daterangepicker .calendar-table th, body .daterangepicker .calendar-table td {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }

    body .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0;
    }

.search-dropdown-list .input-field {
    margin-bottom: 0;
}

.search-dropdown-list i.vi-search-2 {
    position: absolute;
    left: 12px;
    top: 12px;
    line-height: 1;
}

    .search-dropdown-list i.vi-search-2::before {
        font-size: 18px;
    }

.search-dropdown-list input.autocomplete {
    padding: 4px 4px 4px 40px;
    height: 40px;
}

    .search-dropdown-list input.autocomplete::-webkit-input-placeholder {
        color: #666;
        font-weight: normal;
    }

    .search-dropdown-list input.autocomplete::-moz-placeholder {
        color: #666;
        font-weight: normal;
    }

    .search-dropdown-list input.autocomplete:-ms-input-placeholder {
        color: #666;
        font-weight: normal;
    }

    .search-dropdown-list input.autocomplete:-moz-placeholder {
        color: #666;
        font-weight: normal;
    }

.search-dropdown-list .dropdown-content {
    width: 100%;
    position: static;
    margin-top: 20px;
    display: block;
    opacity: 1;
}

    .search-dropdown-list .dropdown-content.show {
        display: block;
        opacity: 1;
    }

    .search-dropdown-list .dropdown-content li {
        font-size: 14px;
        line-height: 1.43;
        color: #333;
        cursor: pointer;
        display: flex;
        align-items: center;
        min-height: auto;
        padding: 10px 8px;
        background-color: transparent;
    }

        .search-dropdown-list .dropdown-content li.active {
            color: #0d67ca;
            font-family: 'Roboto-Medium';
            font-weight: normal;
        }

            .search-dropdown-list .dropdown-content li.active::before {
                background-color: #0d67ca;
                color: #fff;
                border-color: #0d67ca;
            }

        .search-dropdown-list .dropdown-content li::before {
            content: "\A036";
            color: transparent;
            display: inline-block;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-family: "fontello";
            font-weight: bold;
            font-size: 16px;
            margin-right: 12px;
            line-height: 18px;
            width: 20px;
            height: 20px;
            border: 1px solid #d4d4d4;
            border-radius: 4px;
            text-align: center;
        }

@media (min-width: 992px) {
    .search-dropdown-list input.autocomplete {
        font-size: 14px;
    }
}

.ev-new-footer {
    background: #E7E6E3;
    border-top: solid 1px #fff;
}

    .ev-new-footer .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0;
        flex-direction: column;
    }

        .ev-new-footer .content .copy {
            font-size: .875rem;
            margin-bottom: .75rem;
        }

        .ev-new-footer .content .social-icon {
            position: relative;
            display: flex;
        }

            .ev-new-footer .content .social-icon > a.sidenav-trigger {
                margin-right: 20px;
                padding-left: 30px;
                padding-right: 30px;
            }

            .ev-new-footer .content .social-icon ul li a {
                background: #bcb7af;
            }

                .ev-new-footer .content .social-icon ul li a i {
                    color: #ffffff;
                }

            .ev-new-footer .content .social-icon ul li:nth-child(1) a:hover {
                background: #1c3977;
                background: linear-gradient(90deg, #1c3977 0%, #3a5795 100%);
            }

            .ev-new-footer .content .social-icon ul li:nth-child(2) a:hover {
                background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
            }

            .ev-new-footer .content .social-icon ul li:nth-child(3) a:hover {
                background: #0980e2;
                background: linear-gradient(90deg, #0980e2 0%, #27b1e3 100%);
            }

@media (min-width: 992px) {
    .ev-new-footer .content {
        flex-direction: row;
        justify-content: space-between;
    }

        .ev-new-footer .content .copy {
            margin-bottom: 0rem;
        }
}

.main-header.ev-dashboard-header .header-nav {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: solid 1px #eaeaea;
}

    .main-header.ev-dashboard-header .header-nav li.login-link .user-initial {
        font-size: 12px;
    }

    .main-header.ev-dashboard-header .header-nav li.login-link .i-arrow-d {
        display: inline-block;
    }

        .main-header.ev-dashboard-header .header-nav li.login-link .i-arrow-d::before {
            font-size: 16px;
        }

    .main-header.ev-dashboard-header .header-nav li.login-link ul.dd-menu-dd {
        padding: 10px 0;
        border: none;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
    }

        .main-header.ev-dashboard-header .header-nav li.login-link ul.dd-menu-dd svg {
            margin-right: 16px;
        }

.pagination-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 1.375rem;
}

    .pagination-wrapper .total-count {
        font-size: 14px;
        font-family: 'Roboto-Medium';
        font-weight: normal;
        color: #525252;
    }

    .pagination-wrapper .pagination {
        padding-top: 0rem;
    }

.dsm-banner-wrap {
    position: relative;
}

    .dsm-banner-wrap .dsm-banner-img {
        width: 100%;
    }

    .dsm-banner-wrap .container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .dsm-banner-wrap .dsm-banner-overlay {
        width: 465px;
        max-width: 100%;
        color: #000;
    }

        .dsm-banner-wrap .dsm-banner-overlay img {
            margin-bottom: 28px;
        }

        .dsm-banner-wrap .dsm-banner-overlay h2 {
            font-size: 2rem;
            margin-bottom: 12px;
        }

        .dsm-banner-wrap .dsm-banner-overlay p {
            line-height: 28px;
        }

.dsm-product-listing h3 {
    font-size: 1.75rem;
    color: #333;
    font-family: 'Roboto-Bold';
    margin-bottom: 2rem;
}

.dsm-prod-tag {
    position: absolute;
    left: 16px;
    top: 16px;
    background-color: #0d67ca;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 12px;
    border-radius: 15px;
    max-width: 80%;
}

.dsm-products figure {
    background-color: #f7faff;
    text-align: center;
    position: relative;
    margin-bottom: 22px;
}

    .dsm-products figure a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 85px 20px;
    }

    .dsm-products figure img {
        max-width: 100%;
        width: 250px !important;
        height: 170px;
        object-fit: scale-down;
        display: inline !important;
        transition: all linear 0.2s 0s;
    }

    .dsm-products figure:hover img {
        transform: scale(1.1);
    }

.dsm-products h4 {
    font-size: 1.25rem;
    line-height: 2rem;
    font-family: 'Roboto-Bold';
    margin-bottom: 0.75rem;
}

    .dsm-products h4 a {
        color: #000;
    }

.dsm-products .prod-price span {
    color: #666;
    text-decoration: line-through;
}

.dsm-products .prod-price strong {
    font-family: 'Roboto-Bold';
    color: #333;
    margin: 0 7px;
}

.dsm-products .prod-price small {
    font-size: 13px;
    color: #118f72;
    font-family: 'Roboto-Bold';
}

.dsm-features {
    padding: 80px 0 100px;
    background-color: #fff9f2;
}

    .dsm-features h3 {
        font-size: 2rem;
        line-height: 3rem;
        font-family: 'Roboto-Bold';
        margin-bottom: 20px;
    }

    .dsm-features ul li {
        list-style: disc !important;
        margin-left: 20px;
        font-family: 'Roboto-Medium';
        margin-bottom: 12px;
    }

    .dsm-features img {
        max-width: 100%;
        margin-top: 50px;
    }

.dsm-product-detail .product-detail-left {
    position: relative;
    height: 480px;
    background-color: #f7faff;
}

    .dsm-product-detail .product-detail-left .featured-img {
        width: 380px;
        height: 250px;
        max-width: 90%;
        object-fit: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .dsm-product-detail .product-detail-left .bs-rating {
        position: absolute;
        bottom: 24px;
        right: 26px;
    }

.dsm-product-detail .product-detail-right {
    padding-top: 2rem;
}

    .dsm-product-detail .product-detail-right h1 {
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
    }

    .dsm-product-detail .product-detail-right p {
        margin-bottom: 1rem;
    }

    .dsm-product-detail .product-detail-right .prod-qty {
        max-width: 160px;
    }

        .dsm-product-detail .product-detail-right .prod-qty span {
            color: #666;
            margin-right: 1rem;
        }

    .dsm-product-detail .product-detail-right .price-info {
        margin: 0.5rem 0 1.75rem;
    }

        .dsm-product-detail .product-detail-right .price-info strong {
            font-family: 'Roboto-Bold';
            color: #333;
            font-size: 24px;
        }

        .dsm-product-detail .product-detail-right .price-info span {
            color: #666;
            text-decoration: line-through;
            margin: 0 5px;
        }

        .dsm-product-detail .product-detail-right .price-info small {
            font-size: 13px;
            color: #118f72;
            font-family: 'Roboto-Bold';
        }

#dsm-scheme-register {
    max-width: 375px;
}

    #dsm-scheme-register h2 {
        font-size: 22px;
        margin-top: 0;
    }

    #dsm-scheme-register .input-field input {
        margin-bottom: 0;
    }

    #dsm-scheme-register .input-field .field-validation-error {
        line-height: 18px;
    }

@media screen and (max-width: 991px) {
    #dsm-scheme-register {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .dsm-banner-wrap .container {
        top: auto;
        left: 0;
        bottom: 32px;
        transform: none;
    }

        .dsm-banner-wrap .container .dsm-banner-overlay img {
            height: 50px;
            margin-bottom: 10px;
        }

        .dsm-banner-wrap .container .dsm-banner-overlay h2 {
            font-size: 24px;
        }

        .dsm-banner-wrap .container .dsm-banner-overlay p {
            font-size: 14px;
            line-height: 22px;
        }
}

@media screen and (max-width: 600px) {
    .dsm-products h4 {
        font-size: 16px;
        line-height: 1.5;
    }

    .dsm-products figure a {
        padding: 30px 20px;
    }

    .dsm-features {
        padding: 60px 0;
    }

        .dsm-features h3 {
            font-size: 24px;
            line-height: 32px;
        }

        .dsm-features li {
            font-size: 14px;
        }

    .dsm-product-detail .product-detail-left {
        height: 310px;
    }

        .dsm-product-detail .product-detail-left .featured-img {
            width: 270px;
        }

        .dsm-product-detail .product-detail-left .bs-rating {
            height: 64px;
        }

    .dsm-product-detail .product-detail-right {
        display: flex;
        flex-wrap: wrap;
    }

        .dsm-product-detail .product-detail-right > * {
            width: 100%;
        }

        .dsm-product-detail .product-detail-right h1 {
            font-size: 1.5rem;
            line-height: 40px;
            order: 1;
        }

        .dsm-product-detail .product-detail-right .prod-qty {
            order: 2;
        }

        .dsm-product-detail .product-detail-right .price-info {
            order: 3;
        }

        .dsm-product-detail .product-detail-right .product-info {
            order: 5;
        }

        .dsm-product-detail .product-detail-right button {
            order: 4;
            margin-bottom: 3rem;
        }
}

#dsm-success-modal .modal-header .modal-close {
    right: 10px;
}

.onoffswitch {
    position: relative;
    width: 39px;
    display: inline-block;
    font-size: 80%;
    pointer-events: none;
}

    .onoffswitch .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #e6e6e6;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin: 0;
        border-color: transparent;
    }

    .onoffswitch .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        -webkit-transition: margin 0.15s ease-in-out;
        -o-transition: margin 0.15s ease-in-out;
        -moz-transition: margin 0.15s ease-in-out;
        transition: margin 0.15s ease-in-out;
    }

        .onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
            float: left;
            width: 50%;
            height: 24px;
            padding: 0;
            line-height: 24px;
            font-size: 80%;
            color: #fff;
            font-weight: normal;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch .onoffswitch-inner:before {
            content: "";
            padding-left: 10px;
            background-color: #1eb03e;
            color: #fff;
        }

        .onoffswitch .onoffswitch-inner:after {
            content: "";
            padding-right: 10px;
            background-color: #e9ebed;
            color: #3d3d3d;
            text-align: right;
        }

    .onoffswitch .onoffswitch-switch {
        width: 18px;
        height: 18px;
        margin: 0;
        background: #fff;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position: absolute;
        top: 4px;
        bottom: 0;
        box-shadow: 0 0 4px 0 rgba(0,0,0,0.12);
        right: 16px;
        -webkit-transition: right 0.15s ease-in-out;
        -o-transition: right 0.15s ease-in-out;
        -moz-transition: right 0.15s ease-in-out;
        transition: right 0.15s ease-in-out;
    }

.toggle-group {
    position: relative;
    height: 27px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .toggle-group input[type=checkbox] {
        position: absolute;
        left: 0;
        pointer-events: initial;
        opacity: 1;
        width: 55px;
        height: 26px;
        cursor: pointer;
    }

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
        }

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
            right: 1px;
            box-shadow: 0 0 3px rgba(0,0,0,0.5);
        }

        .toggle-group input[type=checkbox]:focus ~ .onoffswitch {
            outline: thin dotted #333;
            outline: 0;
        }

    .toggle-group label {
        position: absolute;
        cursor: pointer;
        padding-left: 65px;
        display: inline-block;
        text-align: left;
        line-height: 24px;
        width: 100%;
        z-index: 1;
        height: 24px;
        font-weight: 200;
    }

.smart-page header {
    margin: 0 !important;
}

    .smart-page header .user-initial {
        background-color: #333;
        border: 0;
        color: #fff;
    }

    .smart-page header .desc {
        margin-right: 12px;
    }

        .smart-page header .desc strong {
            font-family: 'Roboto-Medium';
            font-weight: normal;
            line-height: normal;
            display: block;
        }

        .smart-page header .desc p {
            padding: 0;
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: normal;
            padding-top: 6px;
            text-align: left;
        }

.smart-meter-dashboard {
    background-color: #f3f6fa;
    padding-bottom: 76px;
}

    .smart-meter-dashboard img {
        max-width: 100%;
    }

    .smart-meter-dashboard .smart-top-area {
        padding: 32px 0 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .smart-meter-dashboard .smart-top-area h2 {
            font-family: 'Roboto-Bold';
            font-size: 32px;
            line-height: 1.5;
            margin: 0;
        }

        .smart-meter-dashboard .smart-top-area .select-wrapper input.select-dropdown {
            margin: 0;
            background-color: #fff;
            border-color: #eaeaea;
            padding: 28px 50px 10px 12px;
            height: 48px;
        }

        .smart-meter-dashboard .smart-top-area .select-wrapper .caret {
            z-index: 1;
            background-image: url(../assets/images/smart-meter/arrow-down.html);
            width: 16px;
            height: 16px;
            background-size: contain;
            right: 12px;
        }

            .smart-meter-dashboard .smart-top-area .select-wrapper .caret path {
                display: none;
            }

        .smart-meter-dashboard .smart-top-area .input-field.custom {
            margin: 0;
        }

            .smart-meter-dashboard .smart-top-area .input-field.custom > label {
                color: #666666;
                z-index: 1;
                top: -14px;
                padding-left: 12px;
            }

        .smart-meter-dashboard .smart-top-area .select-dropdown.dropdown-content {
            top: 55px !important;
            border-radius: 12px;
            box-shadow: 0 2px 20px 0 rgba(0,0,0,0.08);
            border: solid 1px #eaeaea;
            font-family: Roboto-Medium;
        }

    .smart-meter-dashboard .alert-setting {
        padding: 24px;
        border-radius: 12px;
        border: solid 1px #eaeaea;
        background-color: #fff;
    }

        .smart-meter-dashboard .alert-setting h3 {
            font-size: 18px;
            font-family: 'Roboto-Bold';
            line-height: 1.33;
            margin-bottom: 16px;
        }

        .smart-meter-dashboard .alert-setting .cm-alert-box {
            padding: 18px 16px;
            border-radius: 8px;
            background-color: #f3f6fa;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .smart-meter-dashboard .daily-trend-section .item {
        border-radius: 12px;
        border: solid 1px #eaeaea;
        background-color: #fff;
        padding: 24px;
        height: 100%;
    }

    .smart-meter-dashboard .daily-trend-section > .row {
        margin: 0 -0.75rem;
        display: flex;
        margin-top: 20px;
    }

    .smart-meter-dashboard .daily-trend-section .trend-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

        .smart-meter-dashboard .daily-trend-section .trend-top h3 {
            font-size: 18px;
            line-height: 2;
            font-family: 'Roboto-Bold';
        }

        .smart-meter-dashboard .daily-trend-section .trend-top .input-field.custom input {
            padding: 10px 9px;
            height: 36px;
            border-radius: 6px;
            font-size: 13px;
        }

            .smart-meter-dashboard .daily-trend-section .trend-top .input-field.custom input::-webkit-calendar-picker-indicator {
                right: -9px;
                background-image: url(../assets/images/smart-meter/calendar.html);
                width: 16px;
                height: 16px;
                background-size: contain;
                background-position: right;
                background-repeat: no-repeat;
                position: absolute;
                margin-top: 7px;
                margin-left: auto;
                margin-right: 15px;
            }

        .smart-meter-dashboard .daily-trend-section .trend-top .input-field.input-has-icon {
            margin: 0;
            max-width: 128px;
            font-size: 14px;
            width: 128px;
        }

        .smart-meter-dashboard .daily-trend-section .trend-top .download-icon {
            padding: 10px;
            border-radius: 18px;
            background-color: #333;
            width: 36px;
            height: 36px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
        }

            .smart-meter-dashboard .daily-trend-section .trend-top .download-icon i {
                color: #fff;
            }

        .smart-meter-dashboard .daily-trend-section .trend-top .right-area {
            display: flex;
            align-items: center;
        }

    .smart-meter-dashboard .limit-section {
        position: relative;
        padding: 1px 16px;
        border-radius: 8px;
        border: solid 1px #e4e4e4;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

        .smart-meter-dashboard .limit-section .input-field.custom {
            margin: 0;
            width: 70%;
        }

            .smart-meter-dashboard .limit-section .input-field.custom input {
                margin: 0;
                border: 0 !important;
                background: transparent;
                height: auto !important;
                padding-left: 0;
                padding-right: 0;
                width: 100%;
                display: block;
            }

            .smart-meter-dashboard .limit-section .input-field.custom > label {
                padding: 0 !important;
            }

        .smart-meter-dashboard .limit-section button {
            border-radius: 30px;
            background-color: #333;
            font-family: Roboto-Medium;
            font-size: 16px;
            line-height: normal;
            padding: 9.3px 30px;
            height: auto;
            font-weight: normal;
        }

        .smart-meter-dashboard .limit-section.edit-area {
            border: solid 1px #e4e4e4;
            background-color: #fbfbfb;
        }

            .smart-meter-dashboard .limit-section.edit-area button {
                border: solid 1px #333;
                background: transparent;
                color: #333;
                font-size: 0;
            }

                .smart-meter-dashboard .limit-section.edit-area button::after {
                    content: 'Edit';
                    font-size: 16px;
                }

            .smart-meter-dashboard .limit-section.edit-area .input-field.custom {
                pointer-events: none;
            }

    .smart-meter-dashboard .alert-sec {
        display: none;
    }

    .smart-meter-dashboard .account-info {
        padding: 24px;
        border-radius: 12px;
        border: solid 1px #eaeaea;
        background-color: #fff;
        margin-bottom: 20px;
    }

        .smart-meter-dashboard .account-info h3 {
            font-size: 18px;
            font-family: 'Roboto-Bold';
            line-height: 1.33;
            margin-bottom: 16px;
        }

        .smart-meter-dashboard .account-info .wrap {
            display: flex;
        }

        .smart-meter-dashboard .account-info label {
            display: block;
            color: #999;
            font-size: 12px;
            line-height: normal;
        }

        .smart-meter-dashboard .account-info strong {
            font-family: 'Roboto-medium';
            font-size: 16px;
            line-height: normal;
            display: block;
        }

        .smart-meter-dashboard .account-info .item {
            width: 20%;
        }

            .smart-meter-dashboard .account-info .item:last-child {
                width: 40%;
            }

    .smart-meter-dashboard .meter-details {
        padding: 24px;
        border-radius: 12px;
        border: solid 1px #eaeaea;
        background-color: #fff;
        margin-bottom: 20px;
    }

        .smart-meter-dashboard .meter-details h3 {
            font-size: 18px;
            font-family: 'Roboto-Bold';
            line-height: 1.33;
            margin-bottom: 16px;
        }

        .smart-meter-dashboard .meter-details .top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }

            .smart-meter-dashboard .meter-details .top h3 {
                margin: 0;
            }

        .smart-meter-dashboard .meter-details .btm {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 -10px;
        }

            .smart-meter-dashboard .meter-details .btm .input-field.custom {
                margin: 0;
            }

                .smart-meter-dashboard .meter-details .btm .input-field.custom input {
                    margin: 0;
                }

        .smart-meter-dashboard .meter-details .sec {
            width: 50%;
            padding: 0 10px;
            display: flex;
            align-items: center;
        }

            .smart-meter-dashboard .meter-details .sec .left-area label {
                display: block;
                color: #999;
                font-size: 12px;
                line-height: normal;
            }

            .smart-meter-dashboard .meter-details .sec .left-area strong {
                font-family: 'Roboto-medium';
                font-size: 16px;
                line-height: normal;
                display: block;
            }

            .smart-meter-dashboard .meter-details .sec > div {
                width: 50%;
            }

        .smart-meter-dashboard .meter-details .save-btn {
            color: #333;
            opacity: 0.5;
            line-height: 1.33;
            font-size: 15px;
            text-decoration: underline;
        }

    .smart-meter-dashboard .smart-account-wrapper {
        padding: 60px 0;
    }

        .smart-meter-dashboard .smart-account-wrapper .sec-wrap {
            border-radius: 12px;
            border: solid 1px #eaeaea;
            background-color: #fff;
        }

            .smart-meter-dashboard .smart-account-wrapper .sec-wrap .top {
                margin: 20px 20px 0;
                border-bottom: 1px solid #eaeaea;
                padding-bottom: 20px;
                display: flex;
            }

                .smart-meter-dashboard .smart-account-wrapper .sec-wrap .top .user-initial {
                    background-color: #333;
                    width: 60px;
                    height: 60px;
                    border: 0;
                    border-radius: 50%;
                    font-size: 20px;
                    color: #fff;
                    margin-right: 12px;
                }

                .smart-meter-dashboard .smart-account-wrapper .sec-wrap .top strong {
                    font-family: 'Roboto-Medium';
                    font-weight: normal;
                    line-height: normal;
                    display: block;
                }

                .smart-meter-dashboard .smart-account-wrapper .sec-wrap .top p {
                    color: #666;
                    font-size: 14px;
                    line-height: normal;
                    padding-top: 6px;
                }

            .smart-meter-dashboard .smart-account-wrapper .sec-wrap ul {
                margin: 12px 0;
            }

                .smart-meter-dashboard .smart-account-wrapper .sec-wrap ul a {
                    padding: 14px 16px;
                    display: block;
                    font-size: 16px;
                    line-height: 1.25;
                    color: #333;
                    border-left: 2px solid transparent;
                }

                    .smart-meter-dashboard .smart-account-wrapper .sec-wrap ul a.active {
                        background-color: #f6f6f6;
                        border-color: #333;
                    }

        .smart-meter-dashboard .smart-account-wrapper .right-account .account-info .wrap {
            flex-wrap: wrap;
        }

            .smart-meter-dashboard .smart-account-wrapper .right-account .account-info .wrap .item {
                width: 33.333%;
            }

                .smart-meter-dashboard .smart-account-wrapper .right-account .account-info .wrap .item:last-child {
                    width: 100%;
                    margin-top: 24px;
                }

        .smart-meter-dashboard .smart-account-wrapper .metres-info {
            padding: 32px;
            border-radius: 12px;
            border: solid 1px #eaeaea;
            background-color: #fff;
        }

            .smart-meter-dashboard .smart-account-wrapper .metres-info input[type*="number"] {
                border: solid 1px #e4e4e4;
                background-color: #fbfbfb;
                pointer-events: none;
                color: #999;
                font-family: 'Roboto-Medium';
                font-size: 16px;
                line-height: normal;
            }

                .smart-meter-dashboard .smart-account-wrapper .metres-info input[type*="number"] + label {
                    color: #999999;
                    z-index: 2;
                }

            .smart-meter-dashboard .smart-account-wrapper .metres-info h3 {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                line-height: 1.33;
                margin-bottom: 16px;
            }

        .smart-meter-dashboard .smart-account-wrapper h2.acc-head {
            font-family: 'Roboto-Bold';
            font-size: 32px;
            line-height: 1.5;
            margin-bottom: 24px;
        }

        .smart-meter-dashboard .smart-account-wrapper .button-section {
            text-align: right;
        }

.login-page {
    text-align: center;
    padding: 80px 0;
}

    .login-page .login-logo {
        margin-bottom: 40px;
    }

        .login-page .login-logo img {
            max-width: 252px;
        }

    .login-page .login-box {
        padding: 60px;
        border-radius: 12px;
        border: solid 1px #e4e4e4;
        background-color: #fff;
        max-width: 636px;
        margin: 0 auto;
        text-align: left;
    }

        .login-page .login-box h3 {
            font-family: Roboto-Bold;
            font-size: 32px;
            line-height: normal;
            margin-bottom: 32px;
        }

        .login-page .login-box .input-field.custom {
            margin-bottom: 12px;
        }

            .login-page .login-box .input-field.custom input {
                margin: 0;
            }

        .login-page .login-box > p {
            font-size: 14px;
            line-height: normal;
            margin-bottom: 40px;
        }

            .login-page .login-box > p a {
                color: inherit;
                cursor: pointer;
            }

        .login-page .login-box button {
            width: 100%;
            height: 52px;
            font-weight: normal;
            font-family: 'Roboto-Bold';
        }

            .login-page .login-box button:disabled {
                color: #fff !important;
                opacity: 1;
                background-color: #ccc !important;
            }

    .login-page .modal.show {
        display: block;
        top: 0;
        max-width: 526px;
        z-index: 99;
        background: #fff;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .login-page .otpInput p {
        color: #666;
        line-height: 1.7rem;
    }

    .login-page .otpInput .otpContainer {
        display: flex;
        flex-wrap: wrap;
        margin: 24px 0 32px;
    }

        .login-page .otpInput .otpContainer span.field-validation-error {
            width: 100%;
            margin-top: 0.5rem;
        }

        .login-page .otpInput .otpContainer input {
            width: calc( (100%/6) - 75px/5);
            height: 50px;
            margin-right: 15px;
            margin-bottom: 0;
            border: 1px solid #eaeaea;
            border-radius: 0.4rem;
            text-align: center;
            font-family: 'Roboto';
            font-size: 1.5rem;
        }

            .login-page .otpInput .otpContainer input:last-of-type {
                margin-right: 0;
            }

    .login-page .modal-overlay {
        background-color: rgba(0,0,0,0.6);
        height: 100vh;
        top: 0;
        z-index: 1;
    }

        .login-page .modal-overlay.active {
            display: block;
        }

    .login-page .modal h3 {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        line-height: normal;
        margin-bottom: 12px;
    }

    .login-page .modal p {
        color: #666666;
        font-size: 14px;
        line-height: normal;
        margin: 0;
    }

        .login-page .modal p strong {
            font-family: 'Roboto-Bold';
            color: #333;
            margin-right: 1px;
        }

    .login-page .modal .edit {
        color: #333333;
        font-family: 'roboto-medium';
        text-decoration: underline;
        cursor: pointer;
    }

    .login-page .modal .modal-content {
        padding: 60px 70px;
    }

        .login-page .modal .modal-content .close-btn {
            cursor: pointer;
            position: absolute;
            left: 25px;
            top: 25px;
            font-weight: bold;
        }

            .login-page .modal .modal-content .close-btn i::before {
                font-weight: bold;
                font-size: 16px;
            }

    .login-page .modal .modal-close {
        width: 100%;
        height: 52px;
        margin-bottom: 40px;
    }

    .login-page .modal.verify-modal h3 {
        margin-bottom: 24px;
    }

    .login-page .modal.verify-modal .field-group {
        display: block;
    }

    .login-page .modal.verify-modal .radio-field {
        margin: 0 0 24px;
    }

    .login-page .modal.verify-modal .btn {
        width: 100%;
    }

.fix {
    overflow: hidden !important;
}

.green-revolution-page .rev-btn {
    background: #13A180;
    padding: 12.5px 28px;
    height: auto;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
}

    .green-revolution-page .rev-btn:hover {
        background-color: #13A180;
        opacity: 0.9;
    }

.green-revolution-page .rev-banner-section {
    min-height: 100vh;
    position: relative;
}

    .green-revolution-page .rev-banner-section .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .green-revolution-page .rev-banner-section .light-img {
        display: none;
    }

    .green-revolution-page .rev-banner-section::before {
        content: '';
        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0001) 100%);
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 217px;
        z-index: 1;
    }

    .green-revolution-page .rev-banner-section .container {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 0;
        text-align: center;
        height: 100%;
    }

    .green-revolution-page .rev-banner-section h2 {
        font-size: 48px;
        line-height: 1.25;
        color: #333;
        margin-bottom: 12px;
    }

    .green-revolution-page .rev-banner-section p {
        color: #333;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 32px;
    }

    .green-revolution-page .rev-banner-section .rev-btn {
        position: relative;
        max-width: 202px;
        width: 100%;
        padding: 14px 64px 14px 24px;
    }

        .green-revolution-page .rev-banner-section .rev-btn .rev-btn-icon {
            position: absolute;
            top: 4px;
            right: 4px;
        }

    .green-revolution-page .rev-banner-section .description {
        padding-top: 180px;
    }

    .green-revolution-page .rev-banner-section .light-desc {
        visibility: hidden;
        opacity: 0;
    }

    .green-revolution-page .rev-banner-section.scrolled .light-desc {
        visibility: visible;
        opacity: 1;
    }

.green-revolution-page .banner-bottom-section {
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 32px;
    color: #fff;
}

    .green-revolution-page .banner-bottom-section .item {
        padding: 0 38px;
        color: #333;
    }

        .green-revolution-page .banner-bottom-section .item strong {
            display: block;
            font-family: 'Roboto-Bold';
            font-weight: normal;
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 12px;
        }

        .green-revolution-page .banner-bottom-section .item span {
            display: block;
            font-size: 16px;
            line-height: 1.5;
        }

.green-revolution-page .top {
    margin-bottom: 32px;
}

    .green-revolution-page .top h2 {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 0;
    }

.green-revolution-page .rev-featured-section {
    background: #F3FBF1;
    padding: 80px 0;
    text-align: center;
}

    .green-revolution-page .rev-featured-section .featured-wrap {
        background: #fff;
        box-shadow: 0px 4px 20px 0px #E9F3E6;
        border-radius: 20px;
        display: flex;
        padding: 48px 55px;
    }

        .green-revolution-page .rev-featured-section .featured-wrap .item {
            width: 33.333%;
        }

            .green-revolution-page .rev-featured-section .featured-wrap .item + .item {
                border-left: 1px solid #DADADA;
            }

        .green-revolution-page .rev-featured-section .featured-wrap strong {
            font-size: 32px;
            font-family: 'Roboto-Medium';
            font-weight: normal;
            line-height: 46px;
            margin-bottom: 10px;
            display: block;
        }

            .green-revolution-page .rev-featured-section .featured-wrap strong span {
                font-size: 24px;
            }

        .green-revolution-page .rev-featured-section .featured-wrap p {
            color: #666;
            max-width: 272px;
            margin: 0 auto;
        }

        .green-revolution-page .rev-featured-section .featured-wrap.accolades-section strong {
            font-size: 48px;
            margin-bottom: 16px;
        }

.green-revolution-page .rev-discover-section {
    padding: 100px 0;
}

    .green-revolution-page .rev-discover-section .item {
        position: relative;
        display: flex;
        align-items: center;
    }

        .green-revolution-page .rev-discover-section .item + .item {
            margin-top: 100px;
        }

        .green-revolution-page .rev-discover-section .item .image {
            max-width: 496px;
            border-radius: 20px;
            overflow: hidden;
            min-width: 496px;
            margin-left: 80px;
        }

            .green-revolution-page .rev-discover-section .item .image img {
                width: 100%;
            }

        .green-revolution-page .rev-discover-section .item .content {
            color: #666;
            font-size: 16px;
            line-height: 28px;
        }

            .green-revolution-page .rev-discover-section .item .content h3 {
                font-size: 32px;
                font-family: 'Roboto-Bold';
                line-height: 37.5px;
                margin-bottom: 16px;
                color: #333;
            }

        .green-revolution-page .rev-discover-section .item .key-item {
            display: flex;
        }

            .green-revolution-page .rev-discover-section .item .key-item figure {
                width: 56px;
                height: 56px;
                min-width: 56px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #F0F0F0;
                border-radius: 50%;
                margin-right: 16px;
            }

            .green-revolution-page .rev-discover-section .item .key-item h4 {
                font-size: 20px;
                font-family: 'Roboto-Medium';
                color: #333;
                line-height: 28px;
                margin-bottom: 8px;
            }

            .green-revolution-page .rev-discover-section .item .key-item + .key-item {
                margin-top: 32px;
            }

        .green-revolution-page .rev-discover-section .item .key-feature {
            margin-top: 32px;
        }

            .green-revolution-page .rev-discover-section .item .key-feature h5 {
                color: #666;
                font-size: 16px;
                line-height: 1.5;
                text-transform: uppercase;
                font-family: 'Roboto-Medium';
                letter-spacing: 2px;
                margin-bottom: 24px;
            }

        .green-revolution-page .rev-discover-section .item.img-left {
            flex-direction: row-reverse;
        }

            .green-revolution-page .rev-discover-section .item.img-left .image {
                margin-left: 0;
                margin-right: 90px;
            }

.green-revolution-page .rev-testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

    .green-revolution-page .rev-testimonial-section .testimonail-item {
        background: #F9F9F9;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
    }

        .green-revolution-page .rev-testimonial-section .testimonail-item figure {
            max-width: 281px;
            min-width: 281px;
        }

            .green-revolution-page .rev-testimonial-section .testimonail-item figure img {
                width: 100%;
                height: 100%;
                object-fit: fill;
            }

        .green-revolution-page .rev-testimonial-section .testimonail-item .byline {
            margin-top: 46px;
        }

            .green-revolution-page .rev-testimonial-section .testimonail-item .byline strong {
                display: block;
                font-family: 'Roboto-Medium';
                color: #333;
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 2px;
            }

                .green-revolution-page .rev-testimonial-section .testimonail-item .byline strong span {
                    font-size: 14px;
                    line-height: 24px;
                }

        .green-revolution-page .rev-testimonial-section .testimonail-item aside {
            position: relative;
            padding: 32px 24px;
        }

            .green-revolution-page .rev-testimonial-section .testimonail-item aside::before {
                content: '';
                display: block;
                width: 40px;
                height: 40px;
                background-image: url(../images/green-revolution/quote.svg);
                background-color: #0D6B55;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 50%;
                margin-bottom: 20px;
            }

    .green-revolution-page .rev-testimonial-section .gtReadMoreButton {
        text-decoration: underline;
        line-height: 24px;
    }

.green-revolution-page .rev-energy-section {
    background-color: #a0d5f1;
    border-radius: 12px;
    overflow: hidden;
    padding: 60px 0 100px;
    text-align: center;
    background-size: cover;
    min-height: 372px;
    margin-top: 100px;
    position: relative;
    margin-bottom: 100px !important;
}

    .green-revolution-page .rev-energy-section .description {
        max-width: 455px;
        margin: 0 auto;
        position: relative;
    }

        .green-revolution-page .rev-energy-section .description h3 {
            font-size: 32px;
            line-height: 42px;
            font-family: 'Roboto-Bold';
            margin-bottom: 12px;
        }

        .green-revolution-page .rev-energy-section .description p {
            font-size: 18px;
            line-height: 32px;
        }

        .green-revolution-page .rev-energy-section .description .rev-btn {
            margin-top: 32px;
            transition: max-width 1s ease-in-out;
            position: relative;
            max-width: 202px;
            width: 100%;
            padding: 14px 64px 14px 24px;
        }

            .green-revolution-page .rev-energy-section .description .rev-btn .rev-btn-icon {
                position: absolute;
                top: 4px;
                right: 4px;
            }

.green-revolution-page .rev-reliable-section {
    padding: 100px 0;
}

    .green-revolution-page .rev-reliable-section .circle-box {
        border: 7px solid #13A180;
        border-radius: 50%;
        width: 486px;
        margin: 0 auto;
        height: 508px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transition: .15s ease-in-out;
    }

    .green-revolution-page .rev-reliable-section .circle-item {
        position: absolute;
        background: #fff;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: transform .15s ease-in-out,opacity .15s linear;
    }

        .green-revolution-page .rev-reliable-section .circle-item.one {
            top: -48px;
        }

        .green-revolution-page .rev-reliable-section .circle-item.two {
            right: -20px;
            bottom: 50px;
        }

        .green-revolution-page .rev-reliable-section .circle-item.three {
            bottom: 40px;
            left: 0px;
        }

        .green-revolution-page .rev-reliable-section .circle-item:hover img {
            transform: scale(1.05);
            transition: transform .15s ease-in-out,opacity .15s linear;
        }

    .green-revolution-page .rev-reliable-section .circle-content {
        max-width: 302px;
        margin: 0 auto;
        text-align: center;
        font-family: 'Roboto-Medium';
        font-size: 28px;
        color: #333;
        line-height: 40px;
    }

        .green-revolution-page .rev-reliable-section .circle-content .desc {
            display: none;
        }

            .green-revolution-page .rev-reliable-section .circle-content .desc.default {
                display: block;
            }

.green-revolution-page .carousel_wrapper .card-content p.content-h {
    min-height: initial;
}

.green-revolution-page .mobile-section {
    display: none;
}

.green-revolution-page .modal {
    top: 38% !important;
    width: 100%;
    max-width: 528px;
}

    .green-revolution-page .modal .modal-content {
        padding: 62px 40px 40px;
        text-align: center;
    }

        .green-revolution-page .modal .modal-content h4 {
            font-size: 24px;
            line-height: 32px;
            font-family: 'Roboto-Bold';
            margin-bottom: 24px;
        }

        .green-revolution-page .modal .modal-content .button-section .btn {
            display: block;
            padding: 14px 14px;
            height: auto;
            font-size: 16px;
            line-height: 24px;
        }

            .green-revolution-page .modal .modal-content .button-section .btn.btn-outline {
                margin-top: 20px;
                border: 1px solid #0D67CA;
                background: #FFF;
                color: #0D67CA;
            }

    .green-revolution-page .modal .modal-close {
        display: inline-block;
        cursor: pointer;
        position: absolute;
        top: 24px;
        left: 24px;
    }

.green-revolution-page .seep-detail-popup {
    padding: 20px;
}

    .green-revolution-page .seep-detail-popup .grnTarifPopUpImg img {
        height: 160px;
        width: 160px;
        object-fit: fill;
        border-radius: 10px;
    }

    .green-revolution-page .seep-detail-popup .grnTarifPopUpImg .greentariffName {
        margin-top: 20px;
        font-weight: bold;
        font-size: 18px;
    }

    .green-revolution-page .seep-detail-popup .grnTarifContentWrapper {
        margin-top: 12px;
        max-height: calc(100% - 100px);
        overflow-y: scroll;
    }

        .green-revolution-page .seep-detail-popup .grnTarifContentWrapper .greenTarifDescription {
            margin-top: 40px;
        }

            .green-revolution-page .seep-detail-popup .grnTarifContentWrapper .greenTarifDescription .grnTraifPara {
                margin: 10px 0px;
            }

        .green-revolution-page .seep-detail-popup .grnTarifContentWrapper::-webkit-scrollbar {
            display: none;
        }

@media (max-width: 1100px) {
    .green-revolution-page .rev-testimonial-section .testimonail-item figure {
        min-width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .green-revolution-page {
        overflow: hidden;
    }

        .green-revolution-page .rev-banner-section {
            min-height: 532px;
        }

            .green-revolution-page .rev-banner-section .description {
                padding-top: 40px;
            }

            .green-revolution-page .rev-banner-section::after {
                content: none;
            }

            .green-revolution-page .rev-banner-section::before {
                content: none;
            }

            .green-revolution-page .rev-banner-section h2 {
                font-size: 24px;
                line-height: 32px;
                color: #333;
            }

            .green-revolution-page .rev-banner-section .item span {
                color: #bbb;
                font-size: 14px;
                line-height: 18px;
            }

            .green-revolution-page .rev-banner-section p {
                max-width: 295px;
                margin-left: auto;
                margin-right: auto;
            }

            .green-revolution-page .rev-banner-section .mobile-section img {
                width: 100%;
                height: 420px;
                object-fit: cover;
                object-position: center;
            }

        .green-revolution-page .banner-bottom-section {
            background: #333;
            bottom: 4px;
            padding: 20px 0;
            position: static;
        }

            .green-revolution-page .banner-bottom-section .item {
                padding: 0 24px;
                text-align: center;
                color: #fff;
            }

                .green-revolution-page .banner-bottom-section .item strong {
                    margin-bottom: 4px;
                }

                .green-revolution-page .banner-bottom-section .item span {
                    font-size: 14px;
                    line-height: 18px;
                }

        .green-revolution-page .mobile-section {
            display: block;
        }

        .green-revolution-page .desktop-section {
            display: none;
        }

        .green-revolution-page .top h2 {
            line-height: 32px;
            font-size: 24px;
        }

        .green-revolution-page .rev-reliable-section {
            padding: 60px 0;
        }

            .green-revolution-page .rev-reliable-section .circle-box {
                width: 100%;
                height: 347px;
                max-width: 343px;
            }

            .green-revolution-page .rev-reliable-section .circle-item {
                width: 90px;
                height: 90px;
            }

                .green-revolution-page .rev-reliable-section .circle-item img {
                    object-fit: contain;
                    height: 80px;
                    width: 80px;
                }

                .green-revolution-page .rev-reliable-section .circle-item.three {
                    bottom: 30px;
                    left: -10px;
                }

                .green-revolution-page .rev-reliable-section .circle-item.two {
                    bottom: 20px;
                }

            .green-revolution-page .rev-reliable-section .circle-content {
                font-size: 24px;
                line-height: 32px;
                padding: 0 10px;
            }

        .green-revolution-page .rev-featured-section {
            padding: 60px 0;
        }

            .green-revolution-page .rev-featured-section .featured-wrap {
                display: block;
            }

                .green-revolution-page .rev-featured-section .featured-wrap .item {
                    width: 100%;
                }

                    .green-revolution-page .rev-featured-section .featured-wrap .item + .item {
                        border-left: 0;
                        border-top: 1px solid #DADADA;
                        margin-top: 34px;
                        padding-top: 32px;
                    }

                .green-revolution-page .rev-featured-section .featured-wrap p {
                    max-width: 100%;
                }

                .green-revolution-page .rev-featured-section .featured-wrap strong {
                    font-size: 40px;
                    line-height: 48px;
                    margin-bottom: 12px;
                }

                .green-revolution-page .rev-featured-section .featured-wrap.accolades-section strong {
                    font-size: 40px;
                    line-height: 48px;
                    margin-bottom: 12px;
                }

        .green-revolution-page .rev-discover-section {
            padding: 60px 0;
        }

            .green-revolution-page .rev-discover-section .item {
                flex-wrap: wrap;
            }

                .green-revolution-page .rev-discover-section .item .content h3 {
                    font-size: 24px;
                    line-height: 32px;
                    margin-bottom: 15px;
                }

                .green-revolution-page .rev-discover-section .item .image {
                    max-width: 100%;
                    margin-left: 0;
                    min-width: 100%;
                    margin-top: 48px;
                }

                .green-revolution-page .rev-discover-section .item + .item {
                    margin-top: 60px;
                }

                .green-revolution-page .rev-discover-section .item.img-left .image {
                    margin-right: 0;
                }

        .green-revolution-page .rev-testimonial-section {
            padding-top: 60px;
            padding-bottom: 60px;
            margin-bottom: 60px;
        }

            .green-revolution-page .rev-testimonial-section .testimonail-item {
                display: block;
                background: transparent;
            }

                .green-revolution-page .rev-testimonial-section .testimonail-item figure {
                    position: relative;
                    width: 168px;
                    max-width: 168px;
                    min-width: initial;
                    margin: 0 auto;
                }

                    .green-revolution-page .rev-testimonial-section .testimonail-item figure::after {
                        content: '';
                        display: block;
                        width: 40px;
                        height: 40px;
                        background-image: url(../images/green-revolution/quote.svg);
                        background-color: #0D6B55;
                        background-repeat: no-repeat;
                        background-position: center;
                        border-radius: 50%;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        position: absolute;
                        bottom: -14px;
                    }

                    .green-revolution-page .rev-testimonial-section .testimonail-item figure img {
                        max-width: 168px;
                        margin: 0 auto;
                        border-radius: 12px;
                        overflow: hidden;
                    }

                .green-revolution-page .rev-testimonial-section .testimonail-item .byline {
                    margin-top: 16px;
                }

                .green-revolution-page .rev-testimonial-section .testimonail-item aside {
                    text-align: center;
                    padding: 0;
                    margin-top: 35px;
                }

                    .green-revolution-page .rev-testimonial-section .testimonail-item aside::before {
                        content: none;
                    }

            .green-revolution-page .rev-testimonial-section.carousel_wrapper .owl-stage {
                margin-left: 0;
            }

            .green-revolution-page .rev-testimonial-section.carousel_wrapper .owl-stage-outer {
                margin-right: 0;
            }

            .green-revolution-page .rev-testimonial-section.carousel_wrapper .owl-carousel {
                margin-left: 0;
            }

            .green-revolution-page .rev-testimonial-section .section-header-main {
                justify-content: center;
            }

            .green-revolution-page .rev-testimonial-section .carousel-nav {
                margin: 0;
                position: absolute;
                bottom: 0px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 98;
                margin-left: 0;
            }

        .green-revolution-page .rev-energy-section {
            padding: 32px 24px 0;
            margin-top: 60px;
            margin-bottom: 60px !important;
        }

            .green-revolution-page .rev-energy-section .description h3 {
                font-size: 22px;
                line-height: 32px;
            }

        .green-revolution-page .rev-container {
            margin-top: 60px;
        }

        .green-revolution-page .modal {
            width: 90%;
            margin: 0 auto;
            bottom: auto !important;
            top: 18% !important;
            border-radius: 20px;
            overflow: hidden;
        }

        .green-revolution-page .seep-detail-popup {
            transform: none !important;
            max-width: 100%;
            width: 100%;
            height: 98%;
            bottom: -200%;
            top: auto;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            opacity: 0;
            visibility: hidden;
            transition: 0.3s ease;
            padding: 32px 16px 52px;
        }

            .green-revolution-page .seep-detail-popup.open {
                bottom: 0;
                opacity: 1;
                visibility: visible;
            }
}

.bill-sample-img .imageContainer {
    max-width: 800px;
    margin: auto;
    position: relative;
}

    .bill-sample-img .imageContainer .popup {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 1;
    }

        .bill-sample-img .imageContainer .popup .popup-content {
            background-color: #fefefe;
            margin: 10% auto;
            border: 1px solid #888;
            border-radius: 15px;
            width: 80%;
            max-width: 20rem;
            position: relative;
            top: 32px;
        }

            .bill-sample-img .imageContainer .popup .popup-content .popUpHeader {
                min-height: 44px;
                display: flex;
                padding: 10px;
                background-color: #F3F7FC;
                justify-content: space-between;
                position: relative;
                line-height: 1.5;
                font-weight: 600;
                border-radius: 12px 12px 0 0;
            }

                .bill-sample-img .imageContainer .popup .popup-content .popUpHeader .close {
                    font-size: 28px;
                    height: 14px;
                    width: 14px;
                    font-weight: bold;
                    position: absolute;
                    right: 12px;
                    top: -4px;
                    cursor: pointer;
                }

                .bill-sample-img .imageContainer .popup .popup-content .popUpHeader .headerText {
                    font-size: 14px;
                }

            .bill-sample-img .imageContainer .popup .popup-content .popUpImgWrapper {
                position: absolute;
                top: 0;
                left: -50%;
            }

                .bill-sample-img .imageContainer .popup .popup-content .popUpImgWrapper img {
                    border-radius: 10px;
                }

            .bill-sample-img .imageContainer .popup .popup-content .popUpText {
                padding: 12px;
                font-size: 14px;
                line-height: 24px;
            }

            .bill-sample-img .imageContainer .popup .popup-content .arrowText {
                position: relative;
            }

            .bill-sample-img .imageContainer .popup .popup-content .triangle {
                display: block;
                height: 0px;
                width: 0px;
                border: 10px solid transparent;
                border-top-color: #F3F7FC;
                position: absolute;
                top: 20px;
                transform: rotate(90deg);
                left: -19px;
            }

        .bill-sample-img .imageContainer .popup .firstPopUp {
            top: -0.2%;
            left: 0%;
        }

            .bill-sample-img .imageContainer .popup .firstPopUp .popUpImgWrapper {
                left: -72%;
            }

                .bill-sample-img .imageContainer .popup .firstPopUp .popUpImgWrapper img {
                    width: 215px;
                }

        .bill-sample-img .imageContainer .popup .secondPopUp {
            top: 5.5%;
            left: 2%;
        }

            .bill-sample-img .imageContainer .popup .secondPopUp .popUpImgWrapper {
                left: -48%;
                top: 9%;
            }

                .bill-sample-img .imageContainer .popup .secondPopUp .popUpImgWrapper img {
                    max-width: 150px;
                    width: 140px;
                    object-fit: contain;
                }

        .bill-sample-img .imageContainer .popup .thirdPopUp {
            top: 8.2%;
            left: 4%;
        }

            .bill-sample-img .imageContainer .popup .thirdPopUp .popUpImgWrapper {
                left: -49%;
            }

                .bill-sample-img .imageContainer .popup .thirdPopUp .popUpImgWrapper img {
                    max-width: 150px;
                    width: 140px;
                    object-fit: contain;
                }

        .bill-sample-img .imageContainer .popup .fourthPopUp {
            top: 6.5%;
            left: -14%;
        }

            .bill-sample-img .imageContainer .popup .fourthPopUp .popUpImgWrapper {
                left: -32%;
            }

                .bill-sample-img .imageContainer .popup .fourthPopUp .popUpImgWrapper img {
                    max-width: 100px;
                    width: 86px;
                    object-fit: contain;
                }

        .bill-sample-img .imageContainer .popup .fifthPopUp {
            top: -3%;
            left: 8%;
        }

            .bill-sample-img .imageContainer .popup .fifthPopUp .popUpImgWrapper {
                left: unset;
                right: -53%;
            }

            .bill-sample-img .imageContainer .popup .fifthPopUp .triangle {
                top: 14px;
                left: unset;
                transform: rotate(-90deg);
                right: -18px;
            }

        .bill-sample-img .imageContainer .popup .sixthPopUp {
            top: 10%;
            left: 2%;
        }

            .bill-sample-img .imageContainer .popup .sixthPopUp .popUpImgWrapper {
                left: 0;
                top: -74%;
            }

                .bill-sample-img .imageContainer .popup .sixthPopUp .popUpImgWrapper img {
                    max-width: 540px;
                    width: 500px;
                    object-fit: contain;
                }

            .bill-sample-img .imageContainer .popup .sixthPopUp .triangle {
                top: -20px;
                transform: rotate(-180deg);
                right: 50%;
                left: unset;
            }

        .bill-sample-img .imageContainer .popup .seventhPopUp {
            top: 15%;
            left: 29%;
        }

            .bill-sample-img .imageContainer .popup .seventhPopUp .popUpImgWrapper {
                left: -142%;
            }

                .bill-sample-img .imageContainer .popup .seventhPopUp .popUpImgWrapper img {
                    max-width: 440px;
                    width: 440px;
                    object-fit: contain;
                }

        .bill-sample-img .imageContainer .popup .eighthPopUp {
            top: 15%;
            left: -12%;
        }

            .bill-sample-img .imageContainer .popup .eighthPopUp .popUpImgWrapper {
                left: unset;
                right: -98%;
            }

                .bill-sample-img .imageContainer .popup .eighthPopUp .popUpImgWrapper img {
                    max-width: 310px;
                    width: 300px;
                    object-fit: contain;
                }

            .bill-sample-img .imageContainer .popup .eighthPopUp .triangle {
                right: -18px;
                left: unset;
                transform: rotate(-90deg);
            }

        .bill-sample-img .imageContainer .popup .ninthPopUp {
            top: 25%;
            left: -13%;
        }

            .bill-sample-img .imageContainer .popup .ninthPopUp .popUpImgWrapper {
                left: -35%;
            }

                .bill-sample-img .imageContainer .popup .ninthPopUp .popUpImgWrapper img {
                    max-width: 100px;
                    width: 100px;
                    object-fit: contain;
                }

        .bill-sample-img .imageContainer .popup .tenthPopUp {
            top: 27%;
            left: -27%;
        }

            .bill-sample-img .imageContainer .popup .tenthPopUp .popUpImgWrapper {
                left: 0%;
                top: 100%;
            }

                .bill-sample-img .imageContainer .popup .tenthPopUp .popUpImgWrapper img {
                    max-width: 440px;
                    height: 70px;
                    width: 430px;
                    object-fit: contain;
                }

            .bill-sample-img .imageContainer .popup .tenthPopUp .triangle {
                top: 99%;
                left: 30%;
                transform: rotate(0deg);
            }

        .bill-sample-img .imageContainer .popup .eleventhPopUp {
            top: 25%;
            left: -13%;
        }

            .bill-sample-img .imageContainer .popup .eleventhPopUp .popUpImgWrapper {
                left: unset;
                right: -100%;
                top: -10%;
            }

                .bill-sample-img .imageContainer .popup .eleventhPopUp .popUpImgWrapper img {
                    max-width: 310px;
                    width: 300px;
                    object-fit: contain;
                }

            .bill-sample-img .imageContainer .popup .eleventhPopUp .triangle {
                right: -18px;
                left: unset;
                transform: rotate(-90deg);
            }

        .bill-sample-img .imageContainer .popup .twelvethPopUp {
            top: 47.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twelvethPopUp .popUpImgWrapper {
                left: -143%;
                top: 0%;
            }

                .bill-sample-img .imageContainer .popup .twelvethPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    height: 470px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .thirteenPopUp {
            top: 49%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .thirteenPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .thirteenPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .fourteenthPopUp {
            top: 50%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .fourteenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .fourteenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .fifteenthPopUp {
            top: 51%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .fifteenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .fifteenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .sixteenthPopUp {
            top: 51%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .sixteenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .sixteenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .seventeenthPopUp {
            top: 52%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .seventeenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 5%;
            }

                .bill-sample-img .imageContainer .popup .seventeenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .eighteenthPopUp {
            top: 52.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .eighteenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 5%;
            }

                .bill-sample-img .imageContainer .popup .eighteenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .nineteenthPopUp {
            top: 52.8%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .nineteenthPopUp .popUpImgWrapper {
                left: -143%;
                top: 13%;
            }

                .bill-sample-img .imageContainer .popup .nineteenthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twentiethPopUp {
            top: 55%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twentiethPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twentiethPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoFirstPopUp {
            top: 55.8%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoFirstPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoFirstPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoSecondPopUp {
            top: 56.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoSecondPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoSecondPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoThirdPopUp {
            top: 57%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoThirdPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoThirdPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoFourthPopUp {
            top: 57.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoFourthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoFourthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoFifthPopUp {
            top: 60.3%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoFifthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoFifthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoSixthPopUp {
            top: 61%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoSixthPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoSixthPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoSeventhPopUp {
            top: 61.3%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoSeventhPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoSeventhPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoEightPopUp {
            top: 67.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoEightPopUp .popUpImgWrapper {
                left: -143%;
                top: 8%;
            }

                .bill-sample-img .imageContainer .popup .twoEightPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .twoNinePopUp {
            top: 68%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .twoNinePopUp .popUpImgWrapper {
                left: -143%;
                top: 6%;
            }

                .bill-sample-img .imageContainer .popup .twoNinePopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .thirtyPopUp {
            top: 72.5%;
            left: 30%;
        }

            .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper {
                left: -143%;
                top: 0%;
            }

                .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper img {
                    max-width: 450px;
                    width: 435px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .thirtyonePopUp {
            top: 83.5%;
            left: 0%;
        }

            .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper {
                left: -70%;
                top: 0%;
            }

                .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper img {
                    max-width: 220px;
                    width: 210px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .thirtytwoPopUp {
            top: 87%;
            left: 1%;
        }

            .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper {
                left: -70%;
                top: 0%;
            }

                .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper img {
                    max-width: 220px;
                    width: 210px;
                    object-fit: scale-down;
                }

        .bill-sample-img .imageContainer .popup .thirtythreePopUp {
            top: 83%;
            left: -27%;
        }

            .bill-sample-img .imageContainer .popup .thirtythreePopUp .popUpImgWrapper {
                left: 0%;
                top: 115%;
            }

                .bill-sample-img .imageContainer .popup .thirtythreePopUp .popUpImgWrapper img {
                    max-width: 800px;
                    width: 770px;
                    object-fit: scale-down;
                }

            .bill-sample-img .imageContainer .popup .thirtythreePopUp .triangle {
                top: 99%;
                left: 30%;
                transform: rotate(0deg);
            }

        .bill-sample-img .imageContainer .popup .thirtyfourPopUp {
            top: 86%;
            left: -12%;
        }

            .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper {
                top: 0%;
                right: -105%;
                left: unset;
            }

                .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper img {
                    max-width: 350px;
                    width: 326px;
                    object-fit: scale-down;
                }

            .bill-sample-img .imageContainer .popup .thirtyfourPopUp .triangle {
                right: -18px;
                left: unset;
                transform: rotate(-90deg);
            }

        .bill-sample-img .imageContainer .popup .thirtyfivePopUp {
            top: 48%;
            left: -12%;
        }

            .bill-sample-img .imageContainer .popup .thirtyfivePopUp .popUpImgWrapper {
                top: 0%;
                right: -105%;
                left: unset;
            }

                .bill-sample-img .imageContainer .popup .thirtyfivePopUp .popUpImgWrapper img {
                    max-width: 350px;
                    width: 326px;
                    object-fit: scale-down;
                }

            .bill-sample-img .imageContainer .popup .thirtyfivePopUp .triangle {
                right: -18px;
                left: unset;
                transform: rotate(-90deg);
            }

        .bill-sample-img .imageContainer .popup .customPopUp {
            left: 0% !important;
        }

        .bill-sample-img .imageContainer .popup .customMobilePopUp {
            position: absolute;
            top: 6%;
            left: 1%;
        }

        .bill-sample-img .imageContainer .popup .buttonSections {
            display: block;
            height: 100px;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            position: absolute;
            width: 100%;
            position: fixed;
            bottom: 0;
            max-width: 800px;
        }

        .bill-sample-img .imageContainer .popup .sectionButton {
            width: 110px;
            cursor: pointer;
            background-color: #fff;
            height: 40px;
            vertical-align: middle;
            border-radius: 28px;
            border: solid 1px #333;
            font-weight: 600;
            line-height: 20px;
        }

        .bill-sample-img .imageContainer .popup .skipButton {
            border: none;
        }

.bill-sample-img .mapArea {
    position: absolute;
    display: block;
    cursor: pointer;
}

.bill-sample-img .area1 {
    top: 0;
    left: 0;
    width: 33%;
    height: 9%;
}

    .bill-sample-img .area1:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area2 {
    top: 0;
    right: 12px;
    width: 18.5%;
    height: 2.9%;
}

    .bill-sample-img .area2:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area3 {
    top: 9.8%;
    left: 15%;
    width: 16.5%;
    height: 0.9%;
}

    .bill-sample-img .area3:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area4 {
    top: 9.5%;
    right: 3%;
    width: 64%;
    height: 5%;
}

    .bill-sample-img .area4:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area5 {
    top: 19%;
    left: 3%;
    width: 54%;
    height: 8.5%;
}

    .bill-sample-img .area5:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area6 {
    top: 18.5%;
    right: 2%;
    width: 39%;
    height: 9%;
}

    .bill-sample-img .area6:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area7 {
    top: 29%;
    left: 3%;
    width: 54.3%;
    height: 5%;
}

    .bill-sample-img .area7:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area8 {
    top: 29%;
    right: 2%;
    width: 40%;
    height: 10%;
}

    .bill-sample-img .area8:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area9 {
    top: 36%;
    left: 2%;
    width: 56%;
    height: 2%;
}

    .bill-sample-img .area9:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area10 {
    top: 51.5%;
    left: 2.6%;
    width: 55.5%;
    height: 19.5%;
}

    .bill-sample-img .area10:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area19 {
    top: 53.7%;
    left: 3%;
    width: 55%;
    height: 0.7%;
}

    .bill-sample-img .area19:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area20 {
    top: 54.3%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area20:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area21 {
    top: 54.8%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area21:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area22 {
    top: 55.5%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area22:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area23 {
    top: 56.2%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area23:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area24 {
    top: 56.8%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area24:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area25 {
    top: 57.3%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area25:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area26 {
    top: 59.7%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area26:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area27 {
    top: 60.3%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area27:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area28 {
    top: 60.9%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area28:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area29 {
    top: 61.5%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area29:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area30 {
    top: 62%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area30:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area31 {
    top: 64.5%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area31:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area32 {
    top: 65%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area32:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area33 {
    top: 65.7%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area33:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area34 {
    top: 72%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area34:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area35 {
    top: 72.7%;
    left: 2%;
    width: 56%;
    height: 0.7%;
}

    .bill-sample-img .area35:hover {
        border: 2px solid #e9e4e4;
    }

.bill-sample-img .area11 {
    top: 50.5%;
    right: 3%;
    width: 38%;
    height: 7%;
}

    .bill-sample-img .area11:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area12 {
    top: 76%;
    left: 2%;
    width: 56%;
    height: 7.5%;
}

    .bill-sample-img .area12:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area13 {
    top: 87%;
    left: 2%;
    width: 28%;
    height: 3%;
}

    .bill-sample-img .area13:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area14 {
    top: 90.5%;
    left: 2%;
    width: 28%;
    height: 3%;
}

    .bill-sample-img .area14:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area15 {
    top: 89.5%;
    right: 2%;
    width: 40%;
    height: 4%;
}

    .bill-sample-img .area15:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area16 {
    top: 93%;
    right: 2%;
    width: 94%;
    height: 3%;
}

    .bill-sample-img .area16:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area17 {
    top: 12.3%;
    left: 14.5%;
    width: 18%;
    height: 1%;
}

    .bill-sample-img .area17:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .area18 {
    top: 9.8%;
    left: 4%;
    width: 10.5%;
    height: 3.9%;
}

    .bill-sample-img .area18:hover {
        border: 2px solid #8c7f7f;
    }

.bill-sample-img .imageContainer .popup .popup-content .imgWrap img {
    max-width: 350px;
    height: 130px;
    object-fit: scale-down;
    margin: auto;
}

.bill-sample-img .imageContainer .popup .popup-content .imgWrap .popUpImg1 {
    height: 80px;
    margin: 10px 0px 5px 15px;
}

@media screen and (max-width: 990px) {
    .bill-sample-img .imageContainer .popup .buttonSections {
        position: fixed;
        bottom: 0;
        top: unset !important;
        width: 100%;
        left: 0;
        gap: 10px;
        justify-content: flex-start;
    }

    .bill-sample-img .imageContainer .popup .customPopUp {
        height: 46%;
        right: 0% !important;
        position: fixed;
        top: unset !important;
        bottom: 0px;
        margin-bottom: 0;
        max-width: unset !important;
        border-radius: 10px 10px 0 0;
        border: none;
    }

        .bill-sample-img .imageContainer .popup .customPopUp .popUpHeader {
            padding: 15px;
        }

            .bill-sample-img .imageContainer .popup .customPopUp .popUpHeader .close {
                top: 3px;
                right: 22px;
            }

            .bill-sample-img .imageContainer .popup .customPopUp .popUpHeader .headerText {
                font-weight: bold;
            }

        .bill-sample-img .imageContainer .popup .customPopUp .imgWrap {
            padding: 10px;
        }

    .bill-sample-img .imageContainer .popup .sectionButton {
        padding: 8px;
        width: 90px;
    }

    .bill-sample-img .imageContainer .popup .skipButton {
        width: 75px;
    }

    .bill-sample-img .imageContainer .popup .popup-content {
        max-width: 18.5rem;
        width: 100%;
    }

        .bill-sample-img .imageContainer .popup .popup-content .popUpImgWrapper {
            top: -83%;
            left: 0;
        }

            .bill-sample-img .imageContainer .popup .popup-content .popUpImgWrapper img {
                width: 120px;
            }

        .bill-sample-img .imageContainer .popup .popup-content .popUpHeader, .bill-sample-img .imageContainer .popup .popup-content .popUpText {
            font-size: 12px;
            font-weight: 400;
            line-height: unset;
        }

    .bill-sample-img .imageContainer .popup .firstPopUp .popUpImgWrapper {
        top: -60%;
    }

        .bill-sample-img .imageContainer .popup .firstPopUp .popUpImgWrapper img {
            width: 100px;
        }

    .bill-sample-img .imageContainer .popup .firstPopUp .triangle {
        top: -20px;
        transform: rotate(-180deg);
        left: 20%;
    }

    .bill-sample-img .imageContainer .popup .secondPopUp {
        top: 10%;
        left: 12%;
    }

        .bill-sample-img .imageContainer .popup .secondPopUp .popUpImgWrapper {
            top: -43%;
        }

            .bill-sample-img .imageContainer .popup .secondPopUp .popUpImgWrapper img {
                width: 100px;
            }

        .bill-sample-img .imageContainer .popup .secondPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            left: 20%;
        }

    .bill-sample-img .imageContainer .popup .thirdPopUp {
        top: 13%;
        left: 12%;
    }

        .bill-sample-img .imageContainer .popup .thirdPopUp .popUpImgWrapper {
            top: -43%;
        }

        .bill-sample-img .imageContainer .popup .thirdPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            left: 20%;
        }

    .bill-sample-img .imageContainer .popup .fourthPopUp {
        top: 13%;
    }

        .bill-sample-img .imageContainer .popup .fourthPopUp .popUpImgWrapper {
            top: -68%;
        }

            .bill-sample-img .imageContainer .popup .fourthPopUp .popUpImgWrapper img {
                width: 50px;
            }

        .bill-sample-img .imageContainer .popup .fourthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            left: 10%;
        }

    .bill-sample-img .imageContainer .popup .fifthPopUp {
        top: 4%;
        left: 13%;
    }

        .bill-sample-img .imageContainer .popup .fifthPopUp .popUpImgWrapper {
            top: -60%;
            left: 59%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .fifthPopUp .popUpImgWrapper img {
                width: 120px;
            }

        .bill-sample-img .imageContainer .popup .fifthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 20%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .sixthPopUp {
        top: 10%;
        left: 13%;
    }

        .bill-sample-img .imageContainer .popup .sixthPopUp .popUpImgWrapper {
            top: -38%;
            left: 25%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .sixthPopUp .popUpImgWrapper img {
                width: 225px;
            }

        .bill-sample-img .imageContainer .popup .sixthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .seventhPopUp {
        top: 24%;
    }

        .bill-sample-img .imageContainer .popup .seventhPopUp .popUpImgWrapper {
            top: -90%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .seventhPopUp .popUpImgWrapper img {
                width: 165px;
            }

        .bill-sample-img .imageContainer .popup .seventhPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .eighthPopUp {
        top: 25%;
        left: 14%;
    }

        .bill-sample-img .imageContainer .popup .eighthPopUp .popUpImgWrapper {
            top: -100%;
            left: 50%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .eighthPopUp .popUpImgWrapper img {
                width: 135px;
            }

        .bill-sample-img .imageContainer .popup .eighthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 30%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .ninthPopUp {
        top: 30%;
        left: 2%;
    }

        .bill-sample-img .imageContainer .popup .ninthPopUp .popUpImgWrapper {
            top: -65%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .ninthPopUp .popUpImgWrapper img {
                width: 60px;
            }

        .bill-sample-img .imageContainer .popup .ninthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            left: 10%;
        }

    .bill-sample-img .imageContainer .popup .tenthPopUp {
        top: 36%;
    }

        .bill-sample-img .imageContainer .popup .tenthPopUp .popUpImgWrapper {
            top: -59%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .tenthPopUp .popUpImgWrapper img {
                width: 100%;
            }

        .bill-sample-img .imageContainer .popup .tenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .eleventhPopUp {
        top: 40%;
        left: 14%;
    }

        .bill-sample-img .imageContainer .popup .eleventhPopUp .popUpImgWrapper {
            top: -140%;
            left: 42%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .eleventhPopUp .popUpImgWrapper img {
                width: 160px;
            }

        .bill-sample-img .imageContainer .popup .eleventhPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 40%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .twelvethPopUp {
        top: 71%;
    }

        .bill-sample-img .imageContainer .popup .twelvethPopUp .popUpImgWrapper {
            top: -245%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .twelvethPopUp .popUpImgWrapper img {
                height: unset;
                width: 220px;
            }

        .bill-sample-img .imageContainer .popup .twelvethPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .thirteenPopUp .triangle {
        top: -20px;
        transform: rotate(-180deg);
        right: 50%;
        left: unset;
    }

    .bill-sample-img .imageContainer .popup .thirteenPopUp, .bill-sample-img .imageContainer .popup .fourteenthPopUp, .bill-sample-img .imageContainer .popup .fifteenthPopUp, .bill-sample-img .imageContainer .popup .sixteenthPopUp, .bill-sample-img .imageContainer .popup .seventeenthPopUp, .bill-sample-img .imageContainer .popup .eighteenthPopUp {
        top: 59%;
    }

        .bill-sample-img .imageContainer .popup .thirteenPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .fourteenthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .fifteenthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .sixteenthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .seventeenthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .eighteenthPopUp .popUpImgWrapper {
            top: -67%;
            left: 8px;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .thirteenPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .fourteenthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .fifteenthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .sixteenthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .seventeenthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .eighteenthPopUp .popUpImgWrapper img {
                height: unset;
                width: 70%;
            }

        .bill-sample-img .imageContainer .popup .fourteenthPopUp .popUpImgWrapper {
            top: -52%;
        }

        .bill-sample-img .imageContainer .popup .fourteenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .fifteenthPopUp .popUpImgWrapper {
            top: -78%;
        }

        .bill-sample-img .imageContainer .popup .fifteenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .sixteenthPopUp .popUpImgWrapper {
            top: -63%;
        }

        .bill-sample-img .imageContainer .popup .sixteenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .seventeenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .eighteenthPopUp .popUpImgWrapper {
            top: -44%;
        }

        .bill-sample-img .imageContainer .popup .eighteenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .nineteenthPopUp, .bill-sample-img .imageContainer .popup .twentiethPopUp, .bill-sample-img .imageContainer .popup .twoFirstPopUp, .bill-sample-img .imageContainer .popup .twoSecondPopUp, .bill-sample-img .imageContainer .popup .twoThirdPopUp, .bill-sample-img .imageContainer .popup .twoFourthPopUp, .bill-sample-img .imageContainer .popup .twoFifthPopUp, .bill-sample-img .imageContainer .popup .twoSixthPopUp, .bill-sample-img .imageContainer .popup .twoSeventhPopUp {
        top: 65%;
    }

        .bill-sample-img .imageContainer .popup .nineteenthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twentiethPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoFirstPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoSecondPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoThirdPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoFourthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoFifthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoSixthPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .twoSeventhPopUp .popUpImgWrapper {
            top: -28%;
            left: 8px;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .nineteenthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twentiethPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoFirstPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoSecondPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoThirdPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoFourthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoFifthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoSixthPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .twoSeventhPopUp .popUpImgWrapper img {
                height: unset;
                width: 70%;
            }

        .bill-sample-img .imageContainer .popup .nineteenthPopUp .popUpImgWrapper {
            top: -113%;
        }

        .bill-sample-img .imageContainer .popup .nineteenthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twentiethPopUp .popUpImgWrapper {
            top: -65%;
        }

        .bill-sample-img .imageContainer .popup .twentiethPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoFirstPopUp .popUpImgWrapper {
            top: -52%;
        }

        .bill-sample-img .imageContainer .popup .twoFirstPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoSecondPopUp .popUpImgWrapper {
            top: -60%;
        }

        .bill-sample-img .imageContainer .popup .twoSecondPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoThirdPopUp .popUpImgWrapper {
            top: -41%;
        }

        .bill-sample-img .imageContainer .popup .twoThirdPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoFourthPopUp .popUpImgWrapper {
            top: -37%;
        }

        .bill-sample-img .imageContainer .popup .twoFourthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoFifthPopUp .popUpImgWrapper {
            top: -37%;
        }

        .bill-sample-img .imageContainer .popup .twoFifthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .twoSixthPopUp .popUpImgWrapper {
            top: -30%;
        }

        .bill-sample-img .imageContainer .popup .twoSixthPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .twoSeventhPopUp {
        top: 66%;
    }

        .bill-sample-img .imageContainer .popup .twoSeventhPopUp .popUpImgWrapper {
            top: -24%;
        }

        .bill-sample-img .imageContainer .popup .twoSeventhPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .twoEightPopUp {
        top: 70%;
    }

        .bill-sample-img .imageContainer .popup .twoEightPopUp .popUpImgWrapper {
            top: -69%;
            left: 8px;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .twoEightPopUp .popUpImgWrapper img {
                height: unset;
                width: 70%;
            }

        .bill-sample-img .imageContainer .popup .twoEightPopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

    .bill-sample-img .imageContainer .popup .twoNinePopUp {
        top: 45%;
    }

        .bill-sample-img .imageContainer .popup .twoNinePopUp .popUpImgWrapper {
            top: 100%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .twoNinePopUp .popUpImgWrapper img {
                height: unset;
                width: 70%;
            }

        .bill-sample-img .imageContainer .popup .twoNinePopUp .triangle {
            top: 99%;
            left: 30%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtyPopUp, .bill-sample-img .imageContainer .popup .thirtyonePopUp, .bill-sample-img .imageContainer .popup .thirtytwoPopUp, .bill-sample-img .imageContainer .popup .thirtyfourPopUp {
        top: 63%;
    }

        .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper, .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper {
            top: 100%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper img, .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper img {
                height: unset;
                width: 120px;
            }

    .bill-sample-img .imageContainer .popup .thirtyPopUp {
        top: 63%;
    }

        .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper {
            top: 115%;
        }

            .bill-sample-img .imageContainer .popup .thirtyPopUp .popUpImgWrapper img {
                height: unset;
                width: 210px;
            }

        .bill-sample-img .imageContainer .popup .thirtyPopUp .triangle {
            top: 99%;
            left: 30%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtyonePopUp {
        top: 67%;
    }

        .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper {
            top: 155%;
        }

            .bill-sample-img .imageContainer .popup .thirtyonePopUp .popUpImgWrapper img {
                height: unset;
                width: 120px;
            }

        .bill-sample-img .imageContainer .popup .thirtyonePopUp .triangle {
            top: 99%;
            left: 30%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtytwoPopUp {
        top: 68%;
    }

        .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper {
            top: 225%;
        }

            .bill-sample-img .imageContainer .popup .thirtytwoPopUp .popUpImgWrapper img {
                height: unset;
                width: 120px;
            }

        .bill-sample-img .imageContainer .popup .thirtytwoPopUp .triangle {
            top: 99%;
            left: 30%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtythreePopUp {
        top: 72%;
    }

        .bill-sample-img .imageContainer .popup .thirtythreePopUp .popUpImgWrapper {
            top: 165%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .thirtythreePopUp .popUpImgWrapper img {
                height: unset;
                width: 100%;
            }

        .bill-sample-img .imageContainer .popup .thirtythreePopUp .triangle {
            top: 99%;
            left: 30%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtyfourPopUp {
        top: 72%;
    }

        .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper {
            top: 135%;
            left: 65%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .thirtyfourPopUp .popUpImgWrapper img {
                height: unset;
                width: 135px;
            }

        .bill-sample-img .imageContainer .popup .thirtyfourPopUp .triangle {
            top: 99%;
            right: 20%;
            transform: rotate(0deg);
        }

    .bill-sample-img .imageContainer .popup .thirtyfivePopUp {
        top: 57%;
        left: 17%;
    }

        .bill-sample-img .imageContainer .popup .thirtyfivePopUp .popUpImgWrapper {
            top: -90%;
            left: 47%;
            right: unset;
        }

            .bill-sample-img .imageContainer .popup .thirtyfivePopUp .popUpImgWrapper img {
                height: unset;
                width: 150px;
            }

        .bill-sample-img .imageContainer .popup .thirtyfivePopUp .triangle {
            top: -20px;
            transform: rotate(-180deg);
            right: 50%;
            left: unset;
        }

        .bill-sample-img .imageContainer .popup .thirtyfivePopUp + .buttonSections {
            left: unset;
        }
}


.nav-list li a {
    color: #222222 !important;
    border-radius: 30px;
    background: transparent;
    display: flex;
    align-items: center;
}

.main-header .header-nav {
    background: linear-gradient(90deg, rgba(234, 246, 255, 0.71) 0%, rgba(255, 255, 255, 0.71) 49.5%, rgba(240, 248, 255, 0.71) 100%) !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.main-header .hover-icon .i-hamburger {
    color: #222222 !important;
}

.main-header {
    z-index: 2;
    position: relative;
}

.chosen-single {
    padding: 5px 0 0 14px !important;
    height: 35px !important;
}

label {
    font-weight: 500 !important;
    font-family: inherit !important;
    color: #212529 !important;
}



.chosen-single {
    padding: 5px 0 0 14px !important;
    height: 35px !important;
}

label {
    font-weight: 400 !important;
    font-family: inherit !important;
    color: #212529 !important;
}



.card-title {
    color: #0070C3 !important;
    font-weight: 500 !important;
    font-size: 25px !important;
    line-height: 30.26px !important;
}

.card-header {
    background: #F8FAFF;
}

.sub-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26.63px;
    color: #0070C3;
    margin-bottom: -10px;
}

ul.nav li {
    min-width: 180px !important;
    text-align: center !important;
    border-radius: 10px !important;
    border: 1px solid #0070C3 !important;
    margin: 3px !important;
}

.sub-header-title {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    line-height: 24.2px;
    padding: 20px;
}

.sub-header {
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(90deg, #0070C3 0%, #FFFFFF 100%);
}

.text-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
}

    .text-content span {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
        text-align: left;
        color: #0070C3;
    }


.form-control {
    border: 1px solid #0070C3;
    border-radius: 10px !important;
    background: #F0F0F0 !important;
}


.form-label {
    text-align: right !important;
    padding-top: 5px;
    font-size: 15px !important;
    padding-right: 8px;
}


.input-field > label {
    color: #999999;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px !important;
    cursor: text;
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(12px);
}

table {
    vertical-align: middle;
}

    table tr td {
        padding: 5px;
        vertical-align: middle !important;
    }

.span-text {
    font-weight: 600;
    color: #0070C3;
}

.chosen-container-single .chosen-single {
    border: 1px solid #0070C3 !important;
    border-radius: 10px !important;
}

.table-headinfo {
    background-color: #299cdb !important;
    color: #FFF !important;
}


@media (max-width: 768px) {
    .sub-header-title {
        font-size: 10px !important
    }
}

table.dataTable tr td {
    text-align: center !important
}

table.customtable tr:nth-child(odd) {
    background: #F6F9FF;
}

table.customtable tr td:first-child {
    text-align-last: right;
    padding-top: 0px !important;
}

.chosen-container-single .chosen-single div b {
    background: none !important;
    margin-top: 7px !important;
    margin-left: -10px !important;
    position: relative;
}

    .chosen-container-single .chosen-single div b::after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url('../../assets/images/select-arrow.png') no-repeat center center;
        background-size: contain;
        position: absolute;
        top: 2px;
        left: 0;
    }

.chosen-container-single.chosen-with-drop .chosen-single div b::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../../assets/images/polygon16.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 2px;
    left: 0;
}