﻿
@font-face {
    font-family: 'Pinergy-Rational';
    src: url('fonts/PinergyRational-Light.eot');
    src: url('fonts/PinergyRational-Light.woff2') format('woff2'), url('fonts/PinergyRational-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pinergy-Rational';
    src: url('fonts/PinergyRational-Regular.eot');
    src: url('fonts/PinergyRational-Regular.woff2') format('woff2'), url('fonts/PinergyRational-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pinergy-Rational';
    src: url('fonts/PinergyRational-Medium.eot');
    src: url('fonts/PinergyRational-Medium.woff2') format('woff2'), url('fonts/PinergyRational-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pinergy-Rational';
    src: url('fonts/PinergyRational-SemiBold.eot');
    src: url('fonts/PinergyRational-SemiBold.woff2') format('woff2'), url('fonts/PinergyRational-SemiBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Pinergy-Rational';
    src: url('fonts/PinergyRational-LightItalic.eot');
    src: url('fonts/PinergyRational-LightItalic.woff2') format('woff2'), url('fonts/PinergyRational-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

:root {
    --pinergy-red: #D81C1C;
    --dark-red: #C0000C;
    --error-red: #DC3545;
    --blue-black: #000238;
    --light-gray: #EEEEEE;
    --medium-gray: #E6E6E6;
    --black: #000000;
    --white: #FFFFFF;
}

body {
    font-family: 'Pinergy-Rational', Arial, Helvetica, sans-serif !important;
    color: var(--blue-black);
    font-size: 16px;
}

#inner-wrap {
    padding-bottom: 140px;
    min-height: 700px;
}

#payzone-main label,
#payzone-main input,
#payzone-main button,
#payzone-main select,
#payzone-main textarea {
    font-size: 16px;
    color: var(--blue-black);
}

a,
a:link,
a:visited,
a:active,
a:focus {
    font-family: 'Pinergy-Rational';
    color: var(--pinergy-red);
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.btn-payzone {
    float: left;
    border-radius: 30px !important;
    margin-left: 6px !important;
    background-image: url(../img/right_arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 88% center !important;
    background-size: 9px 16px;
    background-color: var(--pinergy-red) !important;
    text-align: center;
    padding: 5px 40px 5px 30px !important;
    position: relative;
    top: -2px;
    height: 38px;
    font-family: 'Pinergy-Rational' !important;
    font-size: 17px !important;
    color: #FFF !important;
}

    .btn-payzone:hover {
        background-color: var(--dark-red) !important;
    }

a.btn-payzone {
    padding-top: 6px !important;
}

/* --------- Header ------------- */
#head {
    padding: 24px 10px 0 10px;
}

@media (max-width: 980px) {
    #head {
        padding: 0;
    }
}

#head #contact-div {
    padding: 10px 0;
    text-align: right;
}

#head #logo-div {
    text-align: center;
}

    #head #logo-div img {
        width: 100%;
        max-width: 186px;
        height: auto;
    }

#btnContact {
    border-radius: 40px;
    color: var(--pinergy-red);
    background-color: var(--white);
    border: solid 1px var(--pinergy-red);
    text-align: center;
    height: 40px;
    padding: 0 24px;
    font-family: 'Pinergy-Rational';
    font-size: 16px;
}

    #btnContact:hover {
        color: var(--white);
        background-color: var(--pinergy-red);
        border: solid 1px var(--pinergy-red);
    }

#head span {
    font-family: 'Pinergy-Rational';
}

#head-mobile {
    padding-top: 20px;
}

.menu-toggle {
    display: block;
    margin-top: 12px;
}

.number-display {
    margin-top: 12px;
}

@media (max-width: 980px) {
    #head-mobile .logo {
        padding: 0;
        line-height: 100%;
    }
}

/* --------- top bar coloured heading ------------- */
h1, h2 {
    font-size: 34px;
    color: var(--blue-black);
    font-family: 'Pinergy-Rational' !important;
    font-weight: normal;
}

#payzone-main h1 {
    font-size: 22px;
    color: var(--white) !important;
    font-weight: normal;
    margin: 34px 0 -38px 20px;
}

.panel-payzone {
    background: var(--light-gray);
}

div.reset-password .panel-heading {
    background: none;
    border-color: transparent !important;
    font-weight: 300;
    font-size: 16px;
    padding: 0px 0 0 200px;
}

#payzone-main .reset-password .panel-heading {
    color: var(--blue-black);
}

#transaction-search-criteria {
    border: none;
    border-top: solid 50px var(--blue-black);
    margin-top: 0px;
    border-radius: 0;
}

.panel-payzone .panel-heading {
    background: var(--blue-black);
    font-size: 17px;
    border-color: var(--blue-black) !important;
    margin: 0px;
    color: var(--white);
}

.panel-heading h3 {
    font-weight: normal !important;
}

/* tabs and nested panels */
#tabs-1 .panel-heading,
#tabs-2 .panel-heading,
#tabs-3 .panel-heading,
#tabs-4 .panel-heading {
    margin-top: -88px;
    border: 0;
    background: transparent;
}

#fieldsetLogOn, #fieldsetMakeUnRegPay, #fieldsetMakePayment {
    border-top: 0;
    padding: 0;
}

#payzone-main div.panel.panel-payzone {
    border-top: solid 50px var(--blue-black);
    padding: 40px 15px;
    color: var(--blue-black);
    background: var(--light-gray);
}

.server-message-error {
    color: var(--error-red);
}

#transaction_length label select {
    color: var(--blue-black);
}

#payment-account_length label select {
    color: var(--blue-black);
}

.field-validation-error {
    color: var(--error-red);
}

.panel-payzone .panel-footer {
    background: var(--blue-black) !important;
}

    .panel-payzone .panel-footer .panel-footer-content {
        background-color: var(--blue-black) !important;
        background-image: none !important;
        background-image: url('../../../images/payzone_logo.svg') !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-size: contain !important;
        height: 28px;
    }

.fg-button.ui-button.ui-state-default:hover {
    color: var(--blue-black) !important;
    background: #AAAAAA;
}

#review-details h4.summary {
    color: var(--blue-black);
}

.general-message {
    font-family: 'Pinergy-Rational';
    color: var(--blue-black);
}

#registration-val-summary {
    color: var(--blue-black);
    background: var(--light-gray);
}

fieldset#fieldsetRegister {
    background: var(--light-gray);
}

.proceed-buttons {
    background: var(--light-gray);
}

section header h1 {
    background: var(--blue-black);
    border-color: var(--blue-black) !important;
}

.validation-summary-errors {
    color: var(--blue-black);
}

#divUserIndex {
    margin-top: 26px;
}

    #divUserIndex .meter-header h3 {
        background: var(--blue-black);
        border-color: var(--blue-black) !important;
        font-size: 22px;
        padding-left: 36px;
    }

    #divUserIndex .balance-message {
        color: var(--blue-black);
    }

#payzone-main .coloured-heading {
    color: var(--blue-black);
}

#review-details p {
    color: var(--blue-black);
}

#mainNav li a:hover {
    color: var(--blue-black);
    border-color: var(--blue-black);
}

#mainNav li.ui-tabs-active a, #mainNav li.ui-tabs-active a:hover {
    background: var(--blue-black) url(../img/active-nav.png) bottom left repeat-x;
}

#save-my-details .info {
    color: var(--blue-black);
}

#change-password-val-summary {
    color: var(--blue-black);
}

#pinergy-menu-block li a {
    color: var(--blue-black);
}

.plan-holder {
    background: var(--light-gray);
}

    .plan-holder.corners h2 {
        background: none;
        font-size: 22px;
        color: var(--white) !important;
        font-weight: normal;
        margin: 0px 0 -48px 20px;
    }

#btnDeleteSmartMeter {
    float: right;
}

#btnEditSaveSmartMeter {
    margin-top: 0;
}

.top-rounded.dark-blue h3 {
    color: var(--blue-black);
}

#pinergy-menu-block li a:hover, #pinergy-menu-block li a:active {
    color: var(--blue-black);
}

.step-contain h3 {
    color: var(--blue-black);
}

    .step-contain h3.inprogress {
        background: var(--blue-black);
    }

    .step-contain h3.completed {
        color: var(--blue-black);
    }

.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button {
    color: var(--white);
    border: solid 1px var(--pinergy-red) !important;
    background: var(--pinergy-red);
}

    .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button:hover {
        background: var(--dark-red);
    }

#login-partial p.pull-left {
    float: none !important;
}

h4.Logon-h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    margin: 0;
    padding: 20px 0 0 0;
}

.register-subtitle {
    color: var(--blue-black);
    font-weight: 300;
}


/*___________________ bootstrap.min.css overwrites __________________________*/
textarea {
    font-family: 'Pinergy-Rational';
}

.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-family: 'Pinergy-Rational';
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

/*___________________ pinergy.css overwrites __________________________*/
#areaCode {
    font-family: 'Pinergy-Rational';
}

#pinergy-menu-block li a {
    font-family: 'Pinergy-Rational';
}
/* Side Menu */
.sidebar-menu {
    margin-right: 24px;
    margin-top: 18px;
    float: left;
}

@media (max-width: 980px) {
    .sidebar-menu,
    .Logon-h4 {
        padding: 0;
        margin: 0;
    }

    #payzone-main h1 {
        margin-top: 20px;
    }
}

.sidebar-menu h3 {
    font-family: 'Pinergy-Rational';
    color: var(--blue-black);
    background: none;
    background-image: url(../img/right_arrow_red.svg) !important; /* must maybe change path back to /Content/themes/Pinergy/img/ before committing*/
    background-repeat: no-repeat !important;
    background-position: 92% 59% !important;
    background-size: 11px 20px;
    text-align: right;
    background-color: none;
    padding: 12px 44px 8px 0;
    width: 230px;
    font-size: 15px;
    font-weight: 500;
}

.menu-item-simple h3 a {
    color: var(--blue-black);
    text-decoration: none;
    font-weight: 500;
}

.menu-simple ul li h3 a {
    color: var(--blue-black);
    text-decoration: none;
    font-weight: 500;
}

.sidebar-menu h3:hover {
    text-decoration: underline;
    background: none;
    color: var(--blue-black);
}

.sidebar-menu ul ul li a {
    font-family: 'Pinergy-Rational';
    color: var(--blue-black);
    background: none;
    background-image: none;
    text-align: right;
    background-color: none;
    padding: 12px 44px 8px 0;
    width: 230px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    line-height: 80%;
}

    .sidebar-menu ul ul li a:hover {
        text-decoration: underline;
        background: none;
        color: var(--blue-black);
    }

.sidebar-menu #sidebar li.active h3,
.sidebar-menu #sidebar li.active h3 a,
.sidebar-menu .menu-item-simple.active h3 a {
    font-weight: bold;
}

#fieldsetMakeUnRegPay div.checkbox {
    margin-left: 0;
    margin-top: 0;
    line-height: 100%;
    margin-bottom: 10px;
}

input[type=checkbox] {
    width: 16px;
    height: 16px !important;
    margin-right: 10px !important;
    position: relative;
    top: -3px;
}

#fieldsetMakeUnRegPay .checkbox label {
    font-size: 15px;
    font-weight: 300;
}

#fieldsetMakeUnRegPay em.req-message {
    margin-left: 41%;
    margin-left: 366px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
}

#fieldsetMakeUnRegPay div.unreg-checks {
    float: left;
    margin-left: 366px;
    margin-bottom: 30px;
}

#login-reg-links {
    font-size: 15px;
    font-weight: 300;
}

#payzone-main h1.standalone {
    color: var(--blue-black) !important;
    font-size: 28px;
    margin: 24px 0 10px 0;
}

#payzone-main div.panel-payzone.panel-center.under-h1 h1,
#payzone-main div.panel-payzone.under-h1 h1 {
    color: var(--blue-black) !important;
}

#payzone-main div.panel-payzone.panel-center.under-h1 .panel-heading,
#payzone-main div.panel-payzone.under-h1 .panel-heading {
    border: 0;
    background: var(--light-gray);
}

.step-frame {
    background-color: var(--light-gray);
}

#fieldsetMakePaymentConfirm .payment-selection-block {
    padding-left: 34px;
}

    #fieldsetMakePaymentConfirm .payment-selection-block img {
        height: 30px;
        width: auto;
    }

.payment-details-block,
#transaction-details,
.payment-selection-block,
.payment-selection-block-bottom {
    border: 1px solid #bbbbbb;
    background-color: var(--medium-gray);
    margin-bottom: 18px;
}

#meter-summary ul#meter-list {
    margin: 0 20px 20px 20px;
}

#meter-summary #meter-list li {
    border-bottom: 1px solid #C7C7C7;
    padding: 12px 0;
}

#meter-summary #meter-list span:first-of-type {
    font-weight: 500;
}

#meter-summary #meter-list span:last-of-type {
    float: right;
}

#credit-card-fields {
    margin-bottom: 30px;
}

    #credit-card-fields li {
        padding: 10px 0;
    }

#divDeleteTargetUserInputs {
    margin-top: 30px;
}

#sectionDeleteTargetUserInitialPrompt p {
    padding: 0 0 10px 0;
}

legend {
    font-family: 'Pinergy-Rational';
    color: var(--blue-black);
    border: 0;
}

#fieldsetUserPaymentCardDisplay legend,
#fieldsetMakePayment legend,
#fieldsetChangePassword legend {
    border: 0;
}

#transaction-summary li {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C7C7C7;
}

#fieldsetEditMeterAccount {
    padding-top: 0;
}

section#auto .general-message,
section.ScheduledUsageSMSSection .general-message,
section.ScheduledTopUpSection .general-message {
    margin: 50px 0 20px -40px;
    padding: 0 20px 0 0;
    font-size: 17px;
    font-weight: 300;
}

section#auto .form-group,
section.ScheduledUsageSMSSection .form-group,
section.ScheduledTopUpSection .form-group {
    padding-left: 90px;
}

    section#auto .form-group.bold,
    section.ScheduledUsageSMSSection .form-group.bold,
    section.ScheduledTopUpSection .form-group.bold {
        margin-left: -32px;
    }

        section#auto .form-group.bold label,
        section.ScheduledUsageSMSSection .form-group.bold label,
        section.ScheduledTopUpSection .form-group.bold label {
            font-weight: 500;
            padding-bottom: 0;
            margin-bottom: 0;
        }

section#auto select,
section.ScheduledUsageSMSSection select,
section.ScheduledTopUpSection select {
    margin-top: 6px;
}

section#auto input[type="radio"],
section#auto input[type="checkbox"],
section.ScheduledUsageSMSSection input[type="radio"],
section.ScheduledUsageSMSSection input[type="checkbox"],
section.ScheduledTopUpSection input[type="radio"],
section.ScheduledTopUpSection input[type="checkbox"] {
    display: inline;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 -32px;
}

section#auto label,
section.ScheduledUsageSMSSection label,
section.ScheduledTopUpSection label {
    text-align: left;
    width: 30%;
}

@media (max-width:767px) {
    #fieldsetMakeUnRegPay div.unreg-checks {
        margin-left: 0px;
    }

    #fieldsetMakeUnRegPay em.req-message {
        width: 100%;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1249px) {
    #payzone-main {
        width: 70%;
    }
}

@media only screen and (max-width: 980px) {
    #payzone-main {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    #meter-summary #meter-list span:last-of-type {
        float: none;
        width: 100%;
    }
}



/*_____________________ Pinergy_Host.css overwrites ___________________________*/

/* Top Nav menu */
#menu {
    box-shadow: none;
}

@media (max-width: 980px) {
    #menu {
        padding-top: 20px;
    }
}

.navmenu li a {
    font-family: 'Pinergy-Rational' !important;
    font-weight: 500;
    text-transform: none;
    color: var(--blue-black);
    font-size: 17px;
    border: none;
    padding: 10px 0 !important;
}

    .navmenu li a:hover {
        color: var(--blue-black);
        text-decoration: underline;
    }
/*_______________________________________________*/

#slider .slide_btn {
    font-family: 'Pinergy-Rational';
}

#slider .box h5 {
    font-family: 'Pinergy-Rational';
}

#slider .box p {
    font-family: 'Pinergy-Rational';
}

#slider form .submit input[type="submit"] {
    font-family: 'Pinergy-Rational' !important;
}

#slider form button {
    font-family: 'Pinergy-Rational';
}

#slider .box .item span {
    font-family: 'Pinergy-Rational';
}

    #slider .box .item span strong {
        font-family: 'Pinergy-Rational';
    }

.footermenu ul li a {
    font-family: 'Pinergy-Rational';
}

#footer .right p {
    font-family: 'Pinergy-Rational';
}

#footer-mobile p {
    font-family: 'Pinergy-Rational';
}

#nav {
    font-family: 'Pinergy-Rational';
}

/*___________________Pinergy_bootstrap.css overwrites __________________________*/

html {
    font-family: 'Pinergy-Rational';
}

input, button, select, textarea {
    font-family: 'Pinergy-Rational';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Pinergy-Rational';
}

b, strong {
    font-weight: 500;
}


/*___________________ jquery-ui.css overwrites __________________________*/
.ui-dialog .ui-dialog-buttonpane button {
    font-size: 1em;
    font-family: 'Pinergy-Rational';
}


/*___________________ jquery-ui-1.9.2.custom.css overwrites __________________________*/
.ui-datepicker-header.ui-widget-header {
    border: 1px solid var(--blue-black);
    background: var(--blue-black);
}

.ui-draggable .ui-dialog-titlebar {
    background: var(--blue-black);
    border: solid 1px var(--blue-black);
}

.ui-widget-content {
    color: var(--blue-black);
}

#ChangeEmailFieldset label,
#ChangeEmailFieldset input {
    font-size: 16px;
    color: var(--blue-black) !important;
}

#maintable .ui-widget-header,
#transaction_wrapper .ui-widget-header {
    border: 1px solid var(--blue-black);
    background-color: var(--blue-black);
    background-image: none;
    color: #ffffff;
    font-weight: normal;
    padding: 10px;
}

#transaction tr th {
    font-size: 14px;
    word-break: normal;
    text-align: left;
}


/*_____________________ Original File Styles ___________________________*/
#first-time-phone-message, #first-time-meter-message, #first-time-payment-message {
    background: var(--light-gray);
    margin-top: 3px;
    border: solid 1px var(--medium-gray);
    margin: 15px 0;
    font-size: 15px;
}

.top-message {
    color: var(--blue-black);
    padding: 10px 10px 10px 40px;
    background: url('/content/images/info.png') no-repeat 8px 8px;
}

.top-message-hide {
    float: right;
    cursor: pointer;
}

.editor-label {
    padding-top: 15px;
}

.summary-row p a {
    color: #29363b
}

    .summary-row p a:hover {
        color: #eb5347;
        text-decoration: none !important;
    }

.message-block {
    background-color: #E0E0E0;
    padding: 10px;
    width: 100%;
    float: left;
}

.panel-result-message {
    padding: 10px;
    margin: -15px -15px 15px;
}

.server-message-success {
    color: Green;
}

.custom-validation-summary-errors a {
    text-decoration: underline;
}

nav.cookie {
    float: right;
    margin: 0px 80px 0 0;
    background-color: #000;
    padding: 30px 10px 10px;
    -webkit-border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 12px;
    border-radius: 0px 0px 12px 12px;
}

.powercode-label {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center
}

.txn-result-block .col1 {
    width: 200px;
}

.txn-result-block .col2 {
    width: 400px;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}
/* Payzone. */
.logo-login {
    vertical-align: bottom;
    width: 80px;
}
/* Edit username panel*/
#ChangeEmailDialog {
    background-color: #E0E0E0;
    padding: 0px;
}
/* cookie message */
#cookie-content {
    width: 100%;
    padding: 5px 10px;
    background-color: black;
    color: white;
    margin: auto;
    z-index: 999;
    text-align: center;
    position: relative;
    display: none
}

#cookie-message-block {
    margin: auto;
}

    #cookie-message-block:after {
        clear: both;
    }

    #cookie-message-block p {
        display: inline;
        font-size: 12px;
        line-height: 15px;
        margin: auto;
        padding: 0;
        width: 70%;
        color: white;
        font-family: 'Pinergy-Rational';
    }

#cookie-agree {
    position: relative;
    display: block;
    margin: auto;
    font-weight: bold;
}

/*_____________________ footer Styles ___________________________*/
footer, footer * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    footer.custom_footer .container.big {
        width: 100%;
        max-width: 1544px !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

@media (min-width: 992px) and (max-width:1200px ) {
    footer.custom_footer .container.big {
        max-width: 960px !important;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px;
    }

        .container.small_container {
            max-width: 720px;
        }
}

@media (min-width:1200px) {
    .container {
        max-width: 1150px;
    }

        .container.big {
            max-width: 1150px;
        }
}

@media (min-width:1361px) {
    .container.big {
        max-width: 1320px;
    }
}

@media (min-width:1441px) {
    .container {
        max-width: 1290px;
    }

        .container.big {
            max-width: 1544px;
        }
}

.custom_footer {
    background-color: #000238;
    color: #ffffff;
    padding: 46px 0;
}

@media (max-width:991px) {
    .custom_footer {
        padding: 40px 0 44px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner {
        justify-content: flex-start;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .footer_logo_section {
    width: 280px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .footer_logo_section {
        width: 50%;
        padding: 0 42px 0 0;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .footer_logo_section {
        width: inherit;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .footer_logo_section .footer_logo a {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .footer_logo_section .footer_logo a img {
        width: 48px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section {
    padding: 0 30px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section {
        width: 50%;
        padding: 0 0 0 15px;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section {
        padding: 0;
    }
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section {
        padding: 0;
        width: calc(100% - 90px);
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section .top_center_heading_text {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Pinergy-Rational';
    font-weight: 500;
}

@media (max-width:375px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .top_center_text_section .top_center_heading_text {
        font-size: 14px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section {
    width: 280px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section {
        display: none;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list {
    display: flex;
    flex-wrap: wrap;
}

    .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item {
        margin-right: 23px;
        padding-right: 23px;
        border-right: 1px solid #ffffff;
    }

        .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

        .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item a {
            display: flex;
            flex-wrap: wrap;
        }

            .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item a img {
                max-width: 100%;
                transition: all ease 0.5s;
            }

            .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item a:focus-visible img,
            .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item a:focus img,
            .custom_footer .footer_inner .footer_wrapper .footer_top .footer_top_inner .external_logo_section .logo_list .logo_item a:hover img {
                filter: brightness(70%);
            }

.custom_footer .footer_inner .footer_wrapper .footer_middle {
    display: flex;
    flex-wrap: wrap;
    margin: 53px 0;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle {
        margin: 40px 0;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle {
        margin: 20px 0;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left {
    width: 33.33%;
    padding-right: 15px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left {
        order: 2;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner {
        flex-direction: column-reverse;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column {
    width: calc(100% / 2);
    padding: 0 15px;
    margin: 24px 0;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column {
        margin: 0 0 24px;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column {
        margin: 47px 0 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column {
        width: 100%;
        margin: 47px 0 0;
    }
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner {
        max-width: 150px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_heading {
    max-width: 162px;
}

    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_heading .column_heading_text {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0em;
        font-family: 'Pinergy-Rational';
    }

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_heading .column_heading_text {
        text-align: center;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content {
    margin-top: 40px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content {
        margin-top: 26px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content .column_content_inner .image_section .image_section_inner {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content .column_content_inner .image_section .image_section_inner {
        justify-content: center;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content .column_content_inner .trustpilot_code_section .trustpilot_code_text a {
    display: inline-flex;
    flex-wrap: wrap;
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_left .footer_middle_left_inner .footer_column .footer_column_inner .footer_left_column_column_content .column_content_inner .trustpilot_code_section .trustpilot_code_text img {
    max-width: 100%;
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right {
    width: 66.67%;
    padding-left: 15px;
}

@media (max-width:1199px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right {
        order: 1;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner {
        margin: 0;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column {
    padding: 0 15px;
    width: calc(100% / 4);
    margin: 24px 0;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column {
        width: 100%;
        padding: 24px 0;
        margin: 0;
        border-bottom: 1px solid #ededf0;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .footer_column_heading .column_heading_text {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Pinergy-Rational';
    font-weight: 500;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .footer_column_heading .column_heading_text {
        padding-right: 50px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .footer_column_heading .column_heading_text .icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -3.5px;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .footer_column_heading .column_heading_text .icon {
        display: flex;
        flex-wrap: wrap;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content {
    margin-top: 24px;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content {
        display: none;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu {
    list-style-type: none;
}

    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item {
        line-height: 1;
        margin-bottom: 16px;
    }

        .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item:last-child {
            margin-bottom: 0;
        }

        .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item a {
            font-family: 'Pinergy-Rational';
            font-size: 14px;
            line-height: 17px;
            letter-spacing: 0em;
            color: #ccccd7;
            position: relative;
        }

            .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item a:after {
                content: "";
                background-color: #ccccd7;
                width: 0;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: -7px;
                display: block;
                transition: all ease 0.3s;
            }

            .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item a:focus-visible::after,
            .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item a:focus::after,
            .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item a:hover::after {
                width: 100%;
            }

        .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item.current-menu-item a {
            text-decoration: underline;
            text-underline-offset: 10px;
        }

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column.active .footer_column_heading .column_heading_text .icon svg {
        transform: rotate(180deg);
    }

    .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner {
        background-color: #2b2c59;
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 8px;
    }

        .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item {
            margin-bottom: 30px;
        }

            .custom_footer .footer_inner .footer_wrapper .footer_middle .footer_middle_right .menu_section .menu_section_inner .footer_column .column_content .column_content_inner .menu .menu-item:last-child {
                margin-bottom: 0;
            }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom {
        border-top: 1px solid #ededf0;
        padding-top: 24px;
    }
}

@media (max-width:767px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom {
        margin-top: 64px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left {
        display: flex;
        flex-wrap: wrap;
        align-items: end;
        width: calc(100% - 355px);
    }

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left {
        order: 2;
        width: 100%;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left .bottom_left_inner {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0em;
    color: #ccccd7;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left .bottom_left_inner {
        justify-content: center;
        text-align: center;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left .bottom_left_inner .copyright_section {
    margin-right: 3px;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_left .bottom_left_inner .copyright_section {
        margin: 0 0 16px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right {
    padding-left: 50px;
    width: 355px;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right {
        width: 100%;
        padding-left: 0;
        order: 1;
    }
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_heading_text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    color: #ffffff;
}

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_heading_text {
        display: none;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list {
    display: flex;
    flex-wrap: wrap;
}

    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item {
        margin-right: 24px;
        margin-top: 22px;
    }

@media (max-width:991px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item {
        margin-right: 32px;
        margin-top: 0;
        margin-bottom: 24px;
    }
}

@media (max-width:375px) {
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item {
        margin-right: 24px;
    }
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item:last-child {
    margin-right: 0;
}

.custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item .item_inner a {
    display: flex;
    flex-wrap: wrap;
}

    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item .item_inner a:focus-visible svg path,
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item .item_inner a:focus svg path,
    .custom_footer .footer_inner .footer_wrapper .footer_bottom .footer_bottom_inner .footer_bottom_right .bottom_right_inner .social_links_section .social_links_list .item .item_inner a:hover svg path {
        fill: #88fcfc;
    }


/*___________________ system error pages 404, 500 __________________________*/
#systemErrorSection {
    width: 100%;
    padding: 24px 60px;
}

    #systemErrorSection h1 {
        color: var(--blue-black) !important;
        margin: 0;
        font-weight: 500;
        font-size: 28px;
    }

    #systemErrorSection h2 {
        color: var(--blue-black);
        font-weight: normal;
        font-size: 24px;
    }

    #systemErrorSection h3:nth-of-type(1) {
        font-weight: normal;
        color: var(--blue-black);
        font-weight: 300;
        font-size: 22px;
    }

    #systemErrorSection h3 {
        font-weight: 500;
        color: var(--blue-black);
        font-size: 18px;
    }
