:root {
    --light-blue: #4C99CC;
    --secondry-blue: #2780BB;
    --white: #fff;
    --black: #000;
}

/* customization Code Start */

.main-header .elementor-widget-image img {
    height: 45px;
    object-fit: contain;
}

.display-none {
    display: none;
}

.hidden-input {
    display: none;
}

.acf-form .acf-field-button-group[data-name="payment_type"] .acf-button-group {
    flex-wrap: wrap;
}

.same_supplier {
    display: none;
}

.fuel-mix-chart br {
    display: none;
}

/* .fuel-mix-chart a {
    color: #0170B9 !important;
} */

.fuel-mix-chart h5 {
    margin-bottom: 10px;
}

.acf-field p.description {
    margin-top: 0px;
    margin-bottom: 10px;
}

.dual-fuel-form .same_supplier {
    display: block;
}

.gas-only {
    padding-top: 32px;
}

.elementor-image-box-wrapper:hover {
    opacity: .8;
}

.ui-datepicker {
    width: 18em;
    min-width: 252px;
}

.unit-rate,
.standing-charge {
    max-width: 50% !important;
}

.best-deal div#tariff_container {
    border: 2px solid #CAA2DD !important;
    background: #fcfcfc !important;
}

.best-deal .tariff-cost {
    background: #CAA2DD !important;
}

#compare-elec .acf-button-group label {
    color: #4b4f58;
}

#compare-elec .acf-button-group label.selected {
    color: #000;
}

.tooltips .tooltip-trigger {
    content: "?";
    border-radius: 200px;
    background: #CAA2DD;
    width: 21px;
    height: 21px;
    font-size: 13px;
    color: black;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    overflow: visible;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
}

.tooltips .acf-label label {
    padding-right: 18px;
}

.tooltips p.description {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;
    margin-left: 12px;
    font-size: 13px;
    line-height: 21px;
}

.blog-banner form select {
    width: 100%;
    max-width: 200px;
    background-color: #ffffff;
    color: #3a3a3a;
    border-color: #3a3a3a;
    outline: none;
    padding: 16px;
    border-radius: 8px;
}

.blog-banner form {
    margin-top: 10px;
}

a.business-customer {
    font-weight: 700;
    color: #30333D;
    clear: both;
}

a.business-customer:hover span {
    text-decoration: underline;
}

.business-customer--holder {
    text-align: right;
    margin-bottom: 5px;

}


.span9.krown-column-container.clearfix.column_container.save-start-box {
    padding: 20px 10px 10px 10px;
    border: 2px solid #CAA2DD;
    border-radius: 4px;
    background: white;
    box-shadow: 0 0 5px 1px #F7F8FB;
}

.radio-buttons.activeRadio {
    background: #CAA2DD !important;
}

.radio-buttons.activeRadio label {
    color: #000 !important;
}

.compare-form .radio-buttons {
    border: 3px solid #DDDDDD !important;
}

.five-col-radio .radio-buttons {
    opacity: 0.8;
    background: #fdfdfd;
}

.five-col-radio .radio-buttons.activeRadio {
    border: 3px solid #D85C2B !important;
    opacity: 1;
}

.radio-buttons.activeRadio {
    background: #CAA2DD !important;
    border-color: #CAA2DD !important;
}

.form-compare-header .five-col-radio .radio-buttons.activeRadio {
    border: 3px solid black !important;
    opacity: 1;
}

.further-information p {
    margin-bottom: 10px;
}

a.tariff-tc-link {
    font-size: 12px !important;
    text-decoration: underline;
    font-weight: 400 !important;
    margin-left: 10px;
    color: inherit;
}

.close-further-info:hover,
.open-further-info:hover,
.open-further-info-calc:hover {
    cursor: pointer;
}

.fuel-mix-graph {
    max-height: 250px;
    margin: auto;
}

.further-information {
    display: none;
}

.elementor-field-group-display_results {
    width: 23% !important;
}

.elementor-field-group-green_energy,
.elementor-field-group-years {
    width: 17% !important;
}

.cant_switch_message {
    display: none;
}

/* Filter Styling */
form.filter-form {
    display: flex;
    gap: 10px;
}

.filter-form select {
    border-radius: 4px;
    background: white;
    color: #656565;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    border: unset;
}

.form-select {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.filter-form label {
    font-size: 14px;
    font-weight: 500;
    color: var(--e-global-color-text);
}

.form-select.filter-years,
.form-select.filter-type {
    width: 17% !important;
}

.form-select.filter-display {
    width: 23%;
}

.plans-to-switch {
    display: none;
}

.filter-form .tooltips .tooltip-trigger {
    color: #000000;
    background: #ffffff;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}


.filter-form label {
    display: flex;
    margin-bottom: 5px;
}

.filter-form .form-select.tooltips {
    position: relative;
}

.filter-form .tooltips p.description {
    left: 0;
    margin: 0;
}

.main-nav nav ul {
    flex-wrap: nowrap !important;
}

/* Disabled Switches Styling */
#tariff_container.available_no,
#tariff_container.available_no .features-rewards {
    background: #fbfbfb !important;
    opacity: 0.7;
    pointer-events: all;
}

#tariff_container.available_no .carbon-calc-mini,
#tariff_container.available_no .switch-btn,
#tariff_container.available_no .tariff-savings {
    display: none;
}


#tariff_container.available_no .cant_switch_message {
    display: initial;
}

#tariff_container.available_no p,
#tariff_container.available_no h1,
#tariff_container.available_no h2,
#tariff_container.available_no h3,
#tariff_container.available_no h4,
#tariff_container.available_no h5,
#tariff_container.available_no h6,
#tariff_container.available_no a,
#tariff_container.available_no li,
#tariff_container.available_no li:before {
    color: black;
}

#tariff_container.available_no .tariff_name h1 {
    font-size: 11px;
}

#tariff_container.available_no .supplier-logo {
    filter: grayscale(1);
}

.grecaptcha-badge {
    display: none !important;
}

.block-message span.message {
    display: block;
    margin-top: 15px;
}

.elementor-element-edit-mode.further-information {
    display: block;
}

#compare-elec .acf-button-group {
    width: 100%;
    flex-wrap: wrap;
}

/*spinner-page-css
 * --------------------*/
.js-slider-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    border-radius: 5px;
    gap: 10px;
}

.js-range-slider-before,
.js-range-slider-after {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #CAA2DD;
    min-width: 40px;
}

.js-range-slider-before img,
.js-range-slider-after img {
    padding-bottom: 10px;
}

.night,
.day {
    font-size: 18px;
    font-weight: bold;
    color: #CAA2DD;
    line-height: 10px;
}

.national-average {
    font-size: 14px;
    font-weight: 600;
    color: #CAA2DD;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    top: 36px;
    transform: translate(-50%, 0px);
    line-height: normal;
}

.ui-slider {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    position: relative;
    overflow: visible;
    text-align: center;
}

.js-slider-wrap .ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px #FFC107;
    cursor: pointer;
    z-index: 2;
    border: 0;
    background: #CAA2DD;
}

.ui-slider-range {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    border-radius: 5px;
}

[data-name="night_time_saving"] {
    display: flex;
    align-items: center;
}

.thank-you ul {
    margin-left: 20px;
}

.national-average::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    top: -15px;
    transform: translate(-50%, 0px);
    left: 50%;
    background: #000;
}

[data-name="night_time_saving"] {
    display: flex;
    align-items: center;
    flex-direction: column;
}

[data-name="night_time_saving"] .acf-range-wrap>input {
    display: none !important;
}

#compare-elec .acf-button-group {
    width: 100%;
    flex-wrap: wrap;
}

/* Supplier Icons */
.suppliers:before {
    content: unset !important;
}

.suppliers>.acf-label {
    display: block;
    width: 100% !important;
}

.suppliers>.acf-input {
    width: 100% !important;
    margin-top: 20px !important;
}

.suppliers labels {
    border: 3px solid #DDDDDD !important;
    clear: both;
    width: 32.3%;
    float: left;
    padding: 0 !important;
    opacity: 0.8;
    background: #fdfdfd;
}

.suppliers ul.acf-radio-list.acf-bl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.suppliers ul.acf-radio-list.acf-bl:before {
    content: unset;
}

h3.elementor-image-box-title a:after {
    content: "";
    display: block !IMPORTANT;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* .suppliers li label {
    border: 3px solid #DDDDDD !important;
    opacity: 0.8;
    background: #fdfdfd;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    max-height: 90px;


} */

/* .suppliers li label.selected {
    border: 3px solid black !important;
    opacity: 1;
    vertical-align: revert;
} */

.suppliers ul:focus-within {
    border-color: transparent;
}

.suppliers li {
    text-align: center;
}

/* .suppliers img {
    object-fit: cover !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 50% !important;
    user-select: none;
} */

.suppliers input {
    opacity: 0;
    height: 0px;
}

/* Switching Form */
.customer_details>.acf-input>.acf-fields {
    border: unset !important;
}

.customer_details>.acf-label {
    display: none !important;
}

.customer_details {
    padding: 0 !important;
}



.switching_form .acf-label {
    font-size: 14px !important;
    color: #656565;
    line-height: 24px;
    width: 40% !important;

}

.switching_form .acf-fields.-left>.acf-field:before {
    display: none;
}

.switching_form .acf-fields.-left>.acf-field>.acf-input {
    width: 60%;
}

.switching_form .acf-fields>.acf-field {
    border: unset;
}

.switching_form .acf-fields.-border {
    border: unset;
}

/* 
.switching_form .acf-field-group {
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px;
    margin-bottom: 20px !important;
}

.switching_form .acf-field-group.customer_details {
    border: unset !important;
}

.switching_form .acf-field-group>.acf-label {
    font-size: 18px !important;
    color: #212121 !important;
    border-bottom: 1px solid #eee;
    width: 100% !important;
    padding: 20px 0 10px 0;
    font-weight: 600 !important;
    margin: 0 12px;
} */




#compare-elec .acf-button-group {
    width: 100%;
}

#compare-elec .acf-button-group label {
    padding: 15px 10px;
}

.acf-button-group label {
    cursor: pointer !important;
}




.acf-button-group label:first-child {
    border-radius: 3px 0 0 3px;
}

.acf-button-group label.selected:last-child:hover,
.acf-button-group label.selected:last-child {
    border-radius: 0 3px 3px 0 !important;
}


.acf-field.acf-field-group.acf-field-63ca9ec6627ec>.acf-label {
    display: none;
}

.df-sep-tariffs {
    color: #ffff;
}

.switch-results .downfiltermobile {
    margin: 0;
    padding: 0;
    padding-bottom: 24px;
}

/* Signup Date Styling */
.switching_form .acf-field-group.signup-year .acf-label {
    font-size: 14px !important;
    color: #656565 !important;
    line-height: 24px;
    width: 30% !important;
    border: none;
}

.switching_form .acf-field-group.signup-year {
    border: none !important;
    margin: 0 !important;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-label {
    display: none;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field {
    width: 50% !important;
    padding: 0;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field .acf-input {
    width: 100%;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-fields {
    display: flex;
    gap: 10px;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field .acf-input {
    padding: 0;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-fields:after {
    content: unset;
}

/*Loader */
#compare-elec .acf-spinner,
#switch-form .acf-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    background-image: unset !important;
}

#compare-elec .acf-spinner.is-active,
#switch-form .acf-spinner.is-active {
    display: block !important;
}

#compare-elec .acf-spinner:after,
#switch-form .acf-spinner:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #FEBB12;
    border-top-color: rgba(254, 187, 18, 0.2);
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.elementor-widget-n-menu .e-n-menu-content.e-active {
    height: 100vh;
    background: #000000B2;
}
div[data-name="sse_confirmation_of_switch"] > .acf-label > p.description {
    font-size: 15px;
    font-weight: 400;
}
.personalisation-settings .acf-label {
    opacity: 0;
}
.personalisation-settings .acf-input {
    margin-top: -14px !important;
    color: #667085;
}

@media (max-width:500px) {
    #compare-elec .acf-label {
        width: 100% !important;
    }

    #compare-elec .acf-field.acf-field-group {
        padding: 10px 5px !important;
    }


    /* Fixing Tariff Loop Mobile */
    .tariff-logo {
        width: 35% !important;
    }

    .tariff-rates,
    .features-rewards,
    .tariff-cost,
    .further-info-left,
    .further-info-right,
    .further-info-2-left,
    .further-info-2-right {
        width: 100%;
    }

    .features-rewards>.elementor-element {
        width: 100% !important;
    }

    /* Tariff Cards */
    div#tariff_container {
        border-width: 5px !important;
    }

    .further-information {
        border-width: 5px !important;
        border-top: 0 !important;
    }

    .best-deal div#tariff_container {
        border: 5px solid #CAA2DD !important;
    }

    .features-rewards {
        --gap: 0px !important;
    }

    .tariff-rates {
        --gap: 10px;
    }

    .edit-tariff {
        right: 0 !important;
        left: unset !important;
    }

    .tariff-logo {
        width: 100% !important;
        padding-bottom: 0;
    }

    .supplier-logo {
        max-width: 85px !important;
    }

    .tariff_name h1 {
        font-size: 18px !important;
    }

    .estimated-bill>div {
        margin: 0 !important;
    }

    .estimated-bill span {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .see-calculation {
        margin-top: 5px;
    }

    .tariff-cost {
        padding-bottom: 0 !important;
    }

    .best-deal .tariff-cost {
        padding-bottom: 20px !important;
    }

    /*Mobile further info*/
    .tariff-table-first .information-name,
    .tariff-table-first span.tariff-rates-info {
        width: 100%;
        border-left: 0;
    }

    .company-info-box p span {
        width: 100% !important;
        border: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .company-info-box p span:nth-child(1) {
        padding-bottom: 5px !important;
    }

    .company-info-box p span:nth-child(2) {
        padding-top: 0;
    }

    .tooltips p.description {
        width: 100%;
        left: 0;
        margin: 0 !important;
    }

    .results-popup .dialog-widget-content {
        max-width: 90%;
    }

    .results-popup .dialog-message {
        max-width: 100% !important;
    }
}

/* CSS Loader on Compare Forms */
form#compare-elec:before {
    content: "";
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

form#compare-elec:after {
    content: "";
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #CAA2DD;
    border-top-color: rgba(202, 162, 221, 0.217);
    animation: spin 1s infinite linear;
    z-index: 9999;
}

.cus-switchform {
    padding: 30px 20px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 3px 3px 0 0;
}

.cus-switchform input {
    /* box-shadow: 0px -1px 3px rgb(50 50 50 / 13%); */
    border-width: 1px !important;
}

.cus-switchform input:focus {
    box-shadow: none !important;
    outline: none;
    border: none;
    border: 1px solid #e4e4e4;
}

.cus-switchform label {
    cursor: inherit;
}

@media (min-width: 1200px) {
    .acf-field [data-name="night_time_saving"] {
        display: flex;
        flex-direction: row;
    }

    .cus-switchform .elementor-field-group label.elementor-field-label {
        width: 50%;
    }

    .cus-switchform .elementor-field-group {
        flex-wrap: nowrap;
        display: flex;
        gap: 20px;
    }
}

.home-banner .home-compare-btns .elementor-widget-container {
    max-height: 120px;
    min-height: 120px;
}

.medium-img img {
    max-width: 768px;
    width: 100%;
}

.works-sec .elementor-image-box-wrapper p {
    padding-top: 15px;
}

.banner-img .elementor-container {
    position: static;
}

.banner-img .image-col {
    position: absolute;
    right: 0;
    bottom: 0;
}

.banner-img .center-img {
    position: absolute;
    right: 70px;
    top: 0;
}

.banner-img.contact-banner .center-img {
    right: 0;
    bottom: 0;
    top: auto;
}

.coming-soon:before {
    z-index: 1;
    font-size: 12px;
    line-height: 1.6;
}

.custom-faqs h3 {
    font-weight: 500;
    font-size: 22px;
    margin: 10px 0 5px 00;
}

.oil-form button {
    margin-top: 30px;
}

.why-compare h3 {
    margin-bottom: 5px;
    font-weight: 600;
}

.image-top.banner-img .center-img {
    width: 33%;
}

form .elementor-field-type-upload,
form .elementor-field-type-radio {
    display: block;
}

.elementor-field-type-upload input[type=file] {
    display: block;
    box-shadow: none;
    border: 0;
}

form .elementor-field-type-upload input[type=file],
form .elementor-field-type-upload input[type=file]:focus {
    width: 100%;
    border: 0;
}

form .elementor-field-type-radio:has(input[type=radio]) label.elementor-field-label,
form .elementor-field-type-upload:has(input[type=file]) label {
    overflow: visible;
    position: relative;
}

form .elementor-field-type-radio .elementor-field-option {
    flex-basis: auto !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.elementor-field-type-radio .elementor-field-subgroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    flex-direction: row;
    gap: 30px;
}

form .elementor-field-type-radio .elementor-field-option input[type='radio'] {
    accent-color: #CAA2DD;
    cursor: pointer;
    margin: 0;
}
form .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input {
    width: fit-content !important;
}
form input:focus {
    border: 0;
}

span.button-subtitles {
    display: block;
    line-height: 1;
    font-size: 11px;
}

/*header-css*/
.main-nav .elementor-nav-menu .sub-arrow {
    font-size: 22px !important;
    padding: 10px 0 10px 25px !important;
    color: #CAA2DD !important;
    font-weight: 100 !important;
}

.main-header .elementor-container {
    justify-content: space-between;
}

.main-header .elementor-container .help-navitem a.elementor-item {
    padding: 10px 0;
}

.main-header .elementor-container .elementor-nav-menu li a {
    padding: 12px 15px;
}

.main-header .elementor-container .elementor-nav-menu li a span.sub-arrow {
    padding-left: 10px !important;
}

/* body section.elementor-section>.elementor-container {
    padding-left: 10px;
    padding-right: 10px;
} */
/*down-filters*/
.down-filters .filter-form label {
    color: var(--black);
}

.down-filters .filter-form select {
    border: 1px solid var(--black);
    color: var(--black);
}

.dual-result .df-active-filter,
.dual-result .toggle_type_gas .elementor-button:hover,
.dual-result .toggle_type_dualfuel .elementor-button:hover,
.dual-result .toggle_type_electricity .elementor-button:hover {
    background-color: #CAA2DD !important;
    border-color: #CAA2DD !important;
    color: #fff !important;
}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    border-radius: 30px;
    border-color: #CAA2DD;
    color: #CAA2DD !important;
}

.dual-result .df-active-filter span.elementor-button-text {
    color: var(--white);
}

.cus-crubox {
    background: #CAA2DD;
    border-radius: 10px;
    gap: 10px;
    padding: 10px !important;
}

.cus-crubox p {
    color: var(--white);
}

.dual-result .toggle_type_gas,
.dual-result .toggle_type_dualfuel,
.dual-result .toggle_type_electricity {
    width: 100% !important;
    max-width: 370px !important;

}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    width: 100%;
}

.dual-result .toggle_type_dualfuel .elementor-button {
    margin-right: 6px;
}

.banner-img .medium-img img {
    max-width: 600px;
    width: 100%;
}

@media (max-width: 1600px) {
    .home-banner .left-box h3.elementor-image-box-title {
        font-size: 12px !important;
        line-height: normal !important;
    }

    .elementor-container {
        max-width: 1140px !important;
    }
}

@media (max-width: 1199px) {
    .switching_form .acf-fields.-left>.acf-field>.acf-input {
        width: 100%;
    }

    .home-banner .home-compare-btns .elementor-widget-container {
        max-height: 135px;
        min-height: 135px;
    }
}

@media (max-width: 1024px) {
    .down-filters button.mobile-filter {
        background-color: var(--black) !important;
    }

    .coming-soon:before {
        font-size: 10px;
        line-height: 1;
        padding: 4px;
    }
}

@media (max-width:1060px) {
    .down-filters form.filter-form {
        margin: 15px 0 15px;
    }

    /* .down-filters.e-flex.e-con.e-parent {
        margin: 0;
    } */

    .down-filters .elementor-element {
        margin: 0;
    }

    .down-filters button.mobile-filter {
        margin: 0;
    }

    .down-filters button.mobile-filter {
        background-color: var(--black) !important;
        border-radius: 8px;
    }
}

@media (max-width: 1024px) {
    .image-top.banner-img .center-img {
        display: none;
    }

    .down-filters button.mobile-filter {
        margin: 0;
    }

    .home-banner .home-compare-btns .elementor-widget-container {
        max-height: 130px;
        min-height: 130px;
    }
}

@media (max-width: 767px) {
    .elementor-menu-toggle {
        margin-right: 10px;
    }

    .tariff-row .green-tariff ul {
        gap: 2px;
    }

    .tariff-row .green-tariff ul li {
        font-size: 12px;
    }

    .down-filters:has(select#fuel-type) {
        display: none;
    }

    body.dualfuel .down-filters:has(select#fuel-type) {
        display: block;
        height: max-content;
        overflow: hidden;
        position: relative;
    }

    /* 
    .switch-results .elementor-element.e-con-full.e-flex.e-con {
        padding: 10px 0;
    } */

    .down-filters button.mobile-filter {
        background: #000 !important;
    }

    .home-banner .home-compare-btns .elementor-widget-container {
        max-height: 120px;
        min-height: 120px;
    }

    .banner-img .image-col,
    .banner-img .center-img {
        position: static;
    }

    .electricity .elementor-widget-container {
        position: relative;
    }

  /*   .electricity .elementor-widget-container:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        border-top: 2px solid #30333D;
        left: 0;
        right: 0;
        top: -2px;
    }

    .electricity .elementor-widget-container:after {
        content: "";
        background: #C79015;
        width: 100%;
        height: 6px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: 2px solid #30333D;
    }*/
} 

label.payment-disabled {
    opacity: 0.5;
}

.calc-proceed.not_available {
    display: none;
}

/* Customization Code End */
/* Menu desgin  */

.e-n-menu li.elementor-icon-list-item a {
    color: #ccc;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.e-n-menu li.elementor-icon-list-item a:hover,
.e-n-menu li.elementor-icon-list-item a:focus {
    color: #fff;
    text-decoration-color: #ccc;
}

.e-n-menu-heading .e-n-menu-title {
    cursor: pointer;
}

.e-n-menu-heading .e-n-menu-title .e-n-menu-title-container {
    position: relative;
    color: #ccc;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    transition: color 220ms ease, transform 220ms ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    padding: 2px 0;
    outline: none;
}

.e-n-menu-heading .e-n-menu-title .e-n-menu-title-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 0;
    background: #e1e000;
    transition: width 220ms ease;
    transform-origin: left center;
    border-radius: 2px;
}

.e-n-menu-heading .e-n-menu-title:hover .e-n-menu-title-container,
.e-n-menu-heading .e-n-menu-title:focus-within .e-n-menu-title-container {
    color: #fff;
    transform: translateY(-1px);
}

.e-n-menu-heading .e-n-menu-title:hover .e-n-menu-title-container::after,
.e-n-menu-heading .e-n-menu-title:focus-within .e-n-menu-title-container::after {
    width: 100%;
}

.e-n-menu-heading .e-n-menu-title a:focus,
.e-n-menu-heading .e-n-menu-title button:focus {
    outline: 3px solid rgba(225, 224, 0, 0.18);
    outline-offset: 4px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .e-n-menu-heading .e-n-menu-title .e-n-menu-title-container,
    .e-n-menu-heading .e-n-menu-title .e-n-menu-title-container::after {
        transition: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1260px) {
    .reviewheader-hide {
        display: none !important;
    }
}

/* Main nav container */
.moble-menu-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 12px 18px;
    border-radius: 6px;
}

/* Top-level menu items */
.moble-menu-nav .elementor-nav-menu>li {
    margin: 6px 0;
}

.moble-menu-nav .elementor-nav-menu>li>a.elementor-item {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Hover state */
.moble-menu-nav .elementor-nav-menu>li>a.elementor-item:hover {
    background: #f5f5f5;
    color: #ededed;
}

/* Submenu styling */
.moble-menu-nav .elementor-nav-menu .sub-menu {
    margin-top: 8px;
    padding: 8px 0;
    border-radius: 6px;
}

.moble-menu-nav .elementor-nav-menu .sub-menu li {
    margin: 4px 0;
}

.moble-menu-nav .elementor-nav-menu .sub-menu a {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.4;
    display: block;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}

.moble-menu-nav .elementor-nav-menu .sub-menu a:hover {
    background: #eee;
    color: #000;
}

/* Menu design css */

/* announcement-css-start*/
.announcement-bar-slider .slider-nav button {
    background: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}

.announcement-bar-slider {
    position: relative;
}

.announcement-bar-slider button.prev-btn {
    left: 150px;
    right: auto;
}

.announcement-bar-slider button.next-btn {
    right: 150px;
}

.announcement-bar-slider a {
    color: var(--white);
    text-decoration: underline !important;
    display: inline !important;
}

.announcement-bar-slider button.prev-btn:before,
.announcement-bar-slider button.next-btn:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-size: contain;
}

.announcement-bar-slider button.next-btn:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'><path d='M0.478516 1.53198L4.60352 5.65698L0.478516 9.78198L1.67676 10.9802L7 5.65698L1.67676 0.33374L0.478516 1.53198Z' fill='white'/></svg>") no-repeat center;

}

.announcement-bar-slider button.prev-btn:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'><path d='M6.52148 1.53198L2.39648 5.65698L6.52148 9.78198L5.32324 10.9802L0 5.65698L5.32324 0.33374L6.52148 1.53198Z' fill='white'/></svg>") no-repeat center;
}

/* announcement-css-end*/
.blogs-post .elementor-post__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.blogs-post .elementor-posts a.elementor-post__read-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration-color: #E1E000 !important;
    /* underline color */
    text-underline-offset: 3px;
    transition: color 0.3s ease;
}

.blogs-post .elementor-posts a.elementor-post__read-more::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M13.0684 6.1377L7.35645 11.8496L6.26074 10.7549L10.1035 6.91113H0V5.36426H10.1035L6.26074 1.52148L7.35645 0.425781L13.0684 6.1377Z' fill='%23E1E000'/></svg>");
    display: inline-block;
    margin-left: 3px;
    transition: transform 0.3s ease;
}

.blogs-post .elementor-posts a.elementor-post__read-more:hover::after {
    transform: translateX(4px);
}

.pera {
    font-family: 'NeulisNeue', sans-serif !important;
}

.footer li.elementor-icon-list-item a {
    text-decoration: underline;
    text-decoration-color: #CCCCCC;
    text-underline-offset: 5px;
}

.footer .elementor-form-fields-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    flex-wrap: nowrap;
}

.footer .elementor-field-type-email input.elementor-field {
    background: transparent !important;
    border: 1px solid #ffffff;
    padding: 10px 14px;
    width: max-content;
    outline: none;
    margin: 0;
    color: #fff !important;
    min-height: 50px !important;
    font-family: 'NeulisNeue', sans-serif !important;
}

.footer .elementor-field-type-email input.elementor-field::placeholder {
    color: rgba(255, 255, 255, 1);
}

.footer .elementor-field-group.e-form__buttons {
    width: auto;
}

.footer .elementor-field-group.e-form__buttons button {
    width: max-content;
    font-family: 'NeulisNeue', sans-serif !important;
}

body .footer-made-by a {
    text-decoration: underline;
    text-decoration-color: #E1E000;
    text-underline-offset: 5px;
    color: #ffff;
}

.term-policy .elementor-icon-list-items li a {
    text-decoration: underline;
    text-decoration-color: #CCCCCC;
    text-underline-offset: 3px;
}

.footer .elementor-form-fields-wrapper>div {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.footer-form .elementor-form-fields-wrapper {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    /* keep inline on desktop */
    align-items: center;
}

.footer-form .elementor-form-fields-wrapper .elementor-field-type-email {
    flex: 1;
    margin-bottom: 0;
}

.footer-form .elementor-form-fields-wrapper .elementor-field-type-submit {
    flex: 0 0 160px;
    margin: 0;
}

.footer-form .elementor-form-fields-wrapper .elementor-field-type-email input#form-field-email {
    background: transparent !important;
    border-radius: 5px;
    border: 2px solid #fff !important;
    width: 100% !important;
    padding: 10px 12px !important;
    color: #fff !important;
    margin-bottom: 0;
    font-family: 'NeulisNeue' !important;
}

.footer-form .elementor-form-fields-wrapper .elementor-field-type-email input#form-field-email:focus {
    outline: none;
    border-color: #E1E000 !important;
}

.Policylinksfooter .elementor-icon-list-items a,
.footer-menu li.elementor-icon-list-item a {
    text-decoration: underline;
    text-decoration-color: #CCCCCC;
    text-underline-offset: 5px;
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
}


.Policylinksfooter .elementor-icon-list-items a:hover,
.footer-menu li.elementor-icon-list-item a:hover {
    color: #E1E000;
    text-decoration-color: #E1E000;
}




/* Responsive: stack vertically on mobile */
@media (max-width: 768px) {
    .footer-form .elementor-form-fields-wrapper {
        flex-direction: column;
        gap: 8px;
    }

    .footer-form .elementor-form-fields-wrapper .elementor-field-type-submit {
        flex: unset;
        width: 100%;
    }

    .Policylinksfooter .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .elementor-section .CarouselWidget-prefix .u-textRight--all {
        text-align: left !important;
    }

    .elementor-section .CarouselWidget-prefix .CarouselWidget .CarouselWidget__header {

        padding-left: 0 !important;
    }
}



/*font-here*/
/* NeulisNeue Thin */
@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-ThinIt.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* NeulisNeue Light */
@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-LightIt.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* NeulisNeue Regular */
@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* NeulisNeue Medium */
@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* NeulisNeue SemiBold */
@font-face {
    font-family: 'NeulisNeue';
    src: url('/wp-content/plugins/powertoswitch/assets/fonts/NeulisNeue-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

body,
body :is(p, button, a, span, h1, h2, h3, h4, h5, h6) {
    font-family: 'NeulisNeue', sans-serif !important;
}

/* Menu desgin  */

.e-n-menu li.elementor-icon-list-item a {
    color: #ccc;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.e-n-menu li.elementor-icon-list-item a:hover,
.e-n-menu li.elementor-icon-list-item a:focus {
    color: #fff;
    text-decoration-color: #ccc;
}

.e-n-menu-heading .e-n-menu-title {
    cursor: pointer;
}

.e-n-menu-heading .e-n-menu-title .e-n-menu-title-container {
    position: relative;
    color: #ccc;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    transition: color 220ms ease, transform 220ms ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    padding: 2px 0;
    outline: none;
}

.e-n-menu-heading .e-n-menu-title .e-n-menu-title-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 0;
    background: #e1e000;
    transition: width 220ms ease;
    transform-origin: left center;
    border-radius: 2px;
}

.e-n-menu-heading .e-n-menu-title:hover .e-n-menu-title-container,
.e-n-menu-heading .e-n-menu-title:focus-within .e-n-menu-title-container {
    color: #fff;
    transform: translateY(-1px);
}

.e-n-menu-heading .e-n-menu-title:hover .e-n-menu-title-container::after,
.e-n-menu-heading .e-n-menu-title:focus-within .e-n-menu-title-container::after {
    width: 100%;
}

.e-n-menu-heading .e-n-menu-title a:focus,
.e-n-menu-heading .e-n-menu-title button:focus {
    outline: 3px solid rgba(225, 224, 0, 0.18);
    outline-offset: 4px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .e-n-menu-heading .e-n-menu-title .e-n-menu-title-container,
    .e-n-menu-heading .e-n-menu-title .e-n-menu-title-container::after {
        transition: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1260px) {
    .reviewheader-hide {
        display: none !important;
    }
}

/* Main nav container */
.moble-menu-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 12px 18px;
    border-radius: 6px;
}

/* Top-level menu items */
.moble-menu-nav .elementor-nav-menu>li {
    margin: 6px 0;
}

.moble-menu-nav .elementor-nav-menu>li>a.elementor-item {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Hover state */
.moble-menu-nav .elementor-nav-menu>li>a.elementor-item:hover {
    background: #f5f5f5;
    color: #ededed;
}

/* Submenu styling */
.moble-menu-nav .elementor-nav-menu .sub-menu {
    margin-top: 8px;
    padding: 8px 0;
    border-radius: 6px;
}

.moble-menu-nav .elementor-nav-menu .sub-menu li {
    margin: 4px 0;
}

.moble-menu-nav .elementor-nav-menu .sub-menu a {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.4;
    display: block;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}

.moble-menu-nav .elementor-nav-menu .sub-menu a:hover {
    background: #eee;
    color: #000;
}

/* Menu design css */
/*Custom-CSS
-------------------------*/

.home-banner .home-compare-btns .elementor-widget-container {
    max-height: 120px;
    min-height: 120px;
}

.medium-img img {
    max-width: 768px;
    width: 100%;
}

.works-sec .elementor-image-box-wrapper p {
    padding-top: 15px;
}

.banner-img .elementor-container {
    position: static;
}

.banner-img .image-col {
    position: absolute;
    right: 0;
    bottom: 0;
}

.banner-img .center-img {
    position: absolute;
    right: 70px;
    top: 0;
}

.home-banner .left-box a {
    font-weight: inherit;
}

.banner-img.contact-banner .center-img {
    right: 0;
    bottom: 0;
    top: auto;
}

.coming-soon:before {
    z-index: 1;
    font-size: 12px;
    line-height: 1.6;
}

.custom-faqs h3 {
    font-weight: 500;
    font-size: 22px;
    margin: 10px 0 5px 00;
}

.oil-form button {
    margin-top: 30px;
}

.why-compare h3 {
    margin-bottom: 5px;
    font-weight: 600;
}

.image-top.banner-img .center-img {
    width: 33%;
}

/*result-banner*/
.banner-img .df-sep-tariffs {
    border: 3px solid #fccf6199;
    border-radius: 10px;
    font-size: 11px;
    padding: 7px 16px;
    width: fit-content;
    color: var(--black);
    display: none;
}

.dualfuel .banner-img .df-sep-tariffs {
    display: block;
}

.banner-img .df-sep-tariffs a.open-df-sep-savings {
    color: var(--black);
}

body .cus_details span a {
    font-size: 14px !important;
}


.further-info-right .supplier-logo {
    width: 100%;
}

.further-info-right .supplier-logo img {
    width: 100%;
    max-width: 350px;
    object-fit: contain;
    border: 2px solid;
    padding: 10px;
}

.available_yes .further-info-right .supplier-logo img {
    border-color: #000;
}

.available_no .further-info-right .supplier-logo img {
    border-color: #bbb;
}

.available_yes span.notavailable {
    display: none;
}

.further-info-right .supplier-logo {
    text-align: center;
}

.further-info-right .supplier-logo img {
    width: 100%;
    max-width: 350px;
    object-fit: contain;
}

.best-deal div.tariff-row {
    border: 5px solid #CAA2DD !important;
}

.best-deal.tariff-row a.proceed-btn:hover {
    background: var(--black);
}

.features-rewards {
    --gap: 0px !important;
}

.tariff-rates {
    --gap: 10px;
}

.edit-tariff {
    right: 0 !important;
    left: unset !important;
}

.tariff-logo {
    width: 100% !important;
    padding-bottom: 0;
}

.supplier-logo svg {
    max-width: 85px !important;
}

.tariff_name h1 {
    font-size: 18px !important;
}

div.best-deal,
.exclusive-tariff {
    border: 2px solid #CAA2DD !important;
    background: #fcfcfc !important;
}

.flex-items {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    padding: 10px;
}

.tariff-row img {
    width: 130px;
}

.green-energy {
    padding-bottom: 15px;
    display: flex;
    flex-flow: row nowrap;
}

/*compare-result-css*/
.othertariffNotice label {
    opacity: 0;
}

.othertariffNotice {
    padding: 0 !important;
}

.othertariffNotice p {
    margin-bottom: 1em;
}

.carbon-calc-inside {
    color: #80C85F;
    position: relative;
    margin-left: 20px;
    text-decoration: underline;
}

.available_yes span.notavailable {
    display: none;
}

.available_no .carbon-calc-mini.open-further-info-calc {
    display: none;
}

.carbon-calc-inside span {
    color: #000;
    text-decoration: underline;
}

.tariff-row {
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
    padding: 10px 0;
    color: var(--e-global-color-secondary);
    font-family: 'brandon-grotesque', Sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    border-radius: 5px;
}

.information-column,
.rewards-column {
    width: 15.5%;
}

body .green-energy img {
    width: 15px;
}

h2.tariff-title {
    font-size: 22px;
    font-weight: 600;
    color: black;
    padding-bottom: 5px;
}

.more-info-box {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
}

.tariff-row h3 {
    font-size: 14px;
    font-weight: 700;
}

.tariff-row {
    color: var(--e-global-color-secondary);
}

.tariff-row .see-calculation a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: #656565;
}

.tariff-info {
    width: 24%;
}

.saving-column {
    width: 21%;
}

.notavailable {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.saving-column {
    justify-content: center;
}

.switchbtn-column {
    align-self: center;
    width: 14%;
    text-align: center;
}

.cost-number {
    font-weight: 400;
    font-size: 12px;
    color: black;
    margin-top: 10px;
}

.savings-figure {
    text-align: center;
    font-size: 40px;
    color: black;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: .8;
}

.saving-text {
    text-align: center;
    color: black;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.tariff-rewards-total.no-saving p {
    color: #a3a1a1;
}

.available_no,
.available_no .features-rewards {
    background: #fbfbfb !important;
    opacity: 0.7;
    pointer-events: all;
}

.further-information {
    background: #FBFBFB;
    flex: 1;
    padding: 30px 43px;
    margin-top: 20px;
    position: relative;
    display: none;
}

.tariff-rewards-total.no-saving p {
    color: #a3a1a1;
}

.see-calculation {
    text-align: center;
}

.proceed-btn:hover {
    background: #CAA2DD;
    color: white;
}

.available_no .proceed-btn {
    display: none;
}

.proceed-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 6px 7px 6px 7px;
    background-color: #CAA2DD;
    color: white;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.available_no .supplier-logo,
body .available_no .green-energy img {
    filter: grayscale(1);
}

.tariff-row.available_no {
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
    color: var(--e-global-color-secondary);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    background: #fbfbfb !important;
    pointer-events: all;
}

.tariff-row.available_no .circle-price {
    display: none;
}

.tariff-row.available_no .list-items-check li::before,
.tariff-row.available_no .green-energy p {
    color: #000;
}

.tariff-row.available_no,
.tariff-row.available_no .features-rewards {
    background: #fbfbfb !important;
    opacity: 0.7;
    pointer-events: all;
}

.tariff-row .features-rewards .rewards ul li {
    margin: 0;
}

.tariff-row h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.flex-items.switchbtn-column,
.flex-items.saving-column {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.flex-items.switchbtn-column {
    align-self: center;
}

.unit-rate-standing-charge {
    margin: 12px 0;
}

.unit-rate,
.standing-charge,
.notavailable {
    color: var(--black);
}

.tariff-row.available_no,
.tariff-row.available_no .features-rewards {
    background: #fbfbfb !important;
    opacity: 0.7;
    pointer-events: all;
}

.tariff-row:has(.exclusive-text) {
    margin-top: 30px;
}

.tariff-details .saving-wrapper .saving-column span.cashback-message {
    color: var(--black) !important;
    line-height: 1.2;
}

body .cashback-message {
    color: var(--white) !important;
    /* font-weight: 600; */
    margin-top: 5px;
}

body .new-cost .cashback-message {
    color: var(--e-global-color-secondary) !important;
    margin-top: 0px;
}

.best-deal.tariff-row .flex-items.saving-column .cashback-message {
    color: var(--black);
}

.tariff-row.available_no,
.tariff-row.available_no .features-rewards {
    background: #fbfbfb !important;
    opacity: 1;
    pointer-events: all;
}

.fuel-mix-chart a {
    color: #CAA2DD !important;
}

.carbon-footprint p {
    color: var(--black);
}

span.average-home {
    font-weight: 400;
    color: var(--black);
    font-size: 12px;
}

.tariff-row .further-information .carbon-footprint h3 {
    color: #039013;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
}

.tariff-row .supplier-logo p {
    display: none;
}

.tariff-row.available_no .cant_switch_message {
    display: initial;
}

.tariff-row.available_no p,
.tariff-row.available_no h1,
.tariff-row.available_no h2,
.more-info-box,
.tariff-row.available_no h3,
.tariff-row.available_no h4,
.tariff-row.available_no h5,
.tariff-row.available_no h6,
.tariff-row.available_no a,
.tariff-row.available_no li,
.tariff-row.available_no li:before {
    color: var(--black);
}

.tariff-row.available_no .tariff_name h1 {
    font-size: 11px;
}

.tariff-row.available_no .supplier-logo {
    filter: grayscale(1);
}

/* .available_yes .more-info-box.open-further-info {
    display: block;
} */
.available_yes .flex-items.switchbtn-column {
    flex-direction: column;
}

div#new_supplier_name,
.tariff-row.available_no .carbon-calc-mini,
.tariff-row.available_no .switch-btn,
.tariff-row.available_no .tariff-savings {
    display: none;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: normal;
    align-content: normal;
}

.supplier-logo {
    width: 10%;
}

.tariff-info {
    width: 24%;
}

.information-column,
.rewards-column {
    width: 15.5%;
}

.saving-column {
    width: 21%;
}

.switchbtn-column {
    align-self: center;
    width: 14%;
    text-align: center;
}

.close-further-info,
.close_fuel {
    position: absolute;
    right: 40px;
    top: 20px;
    cursor: pointer !important;
}

.further-information .new-tariff,
.further-information .further-info-right {
    width: 50%;
    float: left;
}

.tariff-row .further-information .flex-items {
    padding: 20px;
}

.tariff-row .further-information h3 {
    font-size: 17px;
    font-weight: bold;
    color: var(--black);
    margin-bottom: 20px;
}

.tariff-row .further-information p {
    margin-bottom: 10px;
}

.tariff-details img {
    float: right;
    height: 60px !important;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.tariff-details .saving-wrapper .annual-bill {
    margin-top: 10px;
}

.further-information hr {
    background: var(--black) !important;
    margin: 10px 0 !important;
}

.tariff-row .further-information .carbon-footprint h3::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 38px;
    background-image: url(/wp-content/uploads/2024/05/Carbon-Footprint.png);
    left: -45px;
    background-repeat: no-repeat;
    background-size: contain;
}

.tariff-row .carbon-footprint {
    background-color: #F6F6EE;
    padding: 30px 30px 30px 70px;
    margin-bottom: 30px;
}

.best-deal.tariff-row {
    padding: 0;
}

.best-deal .price-change {
    position: relative;
    /* bottom: 4px; */
}

.best-deal.tariff-row .flex-items.saving-column {
    /* background: #CAA2DD; */
    align-items: center;
}

.flex-items.supplier-logo {
    justify-content: space-between !important;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.carbon-calc-mini.open-further-info-calc {
    background-color: #F6F6EE;
    padding: 10px;
    text-align: left;
    margin-top: 8px;
    display: inline-block;
}

.carbon-calc-mini.open-further-info-calc p {
    margin-bottom: 0px;
    color: #80C85F;
    display: flex;
    align-items: center;
}

.carbon-calc-mini.open-further-info-calc p svg {
    margin-right: 10px;
}

.carbon-calc-mini.open-further-info-calc p span {
    display: block;
    text-align: left;
    margin: 0 !important;
    font-size: 13px;
    font-weight: 400;
}

.flex-container.unit-rate-standing-charge {
    justify-content: space-between;
}

.tariff-cost {
    padding-bottom: 0 !important;
}

.best-deal .tariff-cost {
    padding-bottom: 20px !important;
}

.tariff-row .proceed-btn {
    padding: 10px 7px;
}

/*popup*/
div#loadingOverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    display: inline-block;
    background: rgb(33 33 33 / 89%);
}

/*.results-template-default {
    overflow: hidden ;
}*/
/*.results-template-default.loaded {
    overflow: scroll;
}*/
.loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    width: 100%;
    z-index: 9;
    height: 280px;
    max-width: 600px;
    padding: 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loader-wrapper span.title {
    font-size: 20px;
}

.loader-wrapper .quoting-percentage {
    font-size: 2.125rem;
}

.dark-circle {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) !important;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto 30px;
    background: #CAA2DD;
    color: var(--white);
    font-weight: 500;
}

.v-progress-linear__buffer {
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    opacity: 0.3;
}

.v-progress-linear__determinate.primary {
    height: inherit;
    left: 0;
    position: absolute;
    transition: inherit;
    background: #CAA2DD;
}

.v-progress-linear {
    background: rgba(202, 162, 221, 0.363);
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    width: 100%;
    height: 24px;
    border-radius: 24px;
}

/*cashback-icon*/
/* .cashback-wrapper {
    display: flex;
    line-height: normal;
    padding: 10px 5px;
    border-radius: 5px;
    max-width: fit-content;
} */
.cashback-wrapper {
    max-width: 130px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
}

.cashback-wrapper.green * {
    color: var(--white);
}

.cashback-wrapper.green {
    background-color: #80C861;
    width: 100%;
}

.cashback-wrapper.yellow {
    background-color: #fbba1c;
}

.cashback-wrapper.blue * {
    color: var(--white);
}

.cashback-wrapper.blue {
    background-color: #009bd8;
}

.cashback-wrapper.yellow * {
    color: var(--white);
}

.cashback-wrapper svg {
    width: 25px;
    height: 25px;
}

.cashback-wrapper * {
    color: var(--white);
}

.cashback-text {
    font-size: 10px;
    line-height: 1;
    text-align: center;
}

span.cashback-amount {
    font-size: 16px;
    font-weight: bold;
}

.exclusive-tariff .exclusive-text {
    position: absolute;
    width: 100% !important;
    text-align: center;
    margin-top: -28px;
    border-radius: 20px !important;
}

.exclusive-tariff .exclusive-text span {
    background: #CAA2DD;
    padding: 5px 25px;
    border: 2px solid #CAA2DD;
    color: var(--black);
    border-radius: 5px 5px 0 0;
}

.dialog-type-lightbox.modal-full-width .dialog-widget-content {
    width: 100%;
}

.dialog-type-lightbox.modal-full-width .dialog-message.dialog-lightbox-message {
    width: 100% !important;
}

.dialog-type-lightbox.modal-full-width .dialog-message.dialog-lightbox-message iframe {
    height: 100vh;
}

.dialog-type-lightbox.elementor-popup-modal .dialog-close-button {
    top: 10px;
    font-size: 20px;
}

.single-results .modal-full-width a.dialog-lightbox-close-button::before {
    content: "Return to results page";
    font-size: 16px;
    margin-right: 5px;
    color: #fff;
    margin-top: 1.5px;
}

.tariff-row .supplier-logo {
    width: 100%;
}

.cashback-text {
    width: 100%;
    display: block;
    max-width: 100%;
    text-wrap: wrap;
}

.cashback-wrapper {
    display: block;
    text-wrap: wrap;
    max-width: 130px;
    margin: 0 auto;
}

.price-change-wrapper.tooltips {
    width: 100%;
    text-align: center;
    margin-bottom: -19px;
    position: relative;
}

.price-change svg {
    top: 5px;
    position: relative;
    margin-right: 5px;
    width: 12px;
}

.price-change-wrapper span.tooltip-trigger {
    position: static;
    display: inline;
    border-radius: 0 0 5px 5px;
    padding: 7px 16px;
    background: #888888;
    color: var(--white);
    font-weight: 500;
}

body .price-change-wrapper p.description {
    width: 100%;
    transform: translate(-50%, 0px);
    line-height: 1.5;
    max-width: 400px;
    text-align: left !important;
    padding: 20px;
    width: 100%;
}

span.changed-unit-data,
.standing-charge-wrap {
    display: flex;
    padding-top: 10px;
}

body span.standing-charge-wrap * {
    color: var(--white);
}

.available_no .price-change-wrapper p.description {
    color: var(--white) !important;
}

.changed-unit-data .excl-vat span:first-child,
.changed-unit-data .incl-vat span:first-child {
    font-weight: bold;
}

.best-deal#tariff_container:has(.price-change-wrapper.tooltips) {
    margin-bottom: 30px;
}

/* Price Change */
.tariff-row .unit-rate span.after-price-change-unit {
    display: none;
}

span.changed-unit-data span,
span.standing-charge-wrap span {
    width: 100%;
    display: block;
}

span.standing-charge-wrap span {
    display: inline;
}

span.standing-charge-wrap .standing-charge {
    max-width: 100% !important;
}

.day-read {
    display: none;
}

.unit-rate-standing-charge span.furth-info-split {
    display: none;
}

.unit-rate-standing-charge span.small-italics {
    font-weight: 500;
    font-style: normal;
}

#check-mprn,
.mprn-message,
.loading-container,
.hide-on-load {
    display: none;
}

.tooltips2 .acf-label p.description {
    visibility: hidden;
    width: 240px;
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;
    margin-left: 12px;
    font-size: 13px;
    line-height: 21px;
}

.tariff-row.type_gas .tariff-unit-rates-wrapper.hide-on-mobile {
    grid-template-columns: 400px 1fr;
    align-items: center;
}

.tariff-row.type_gas .unit-rate-wrap.annual-bill.hide-on-mobile {
    text-align: right;
    padding-right: 50px;
}

.tariff-row.type_gas .unit-rate-wrap.annual-bill h6.rate-value {
    justify-content: flex-end;
}

/*new-trif-design*/
.tariff-row {
    padding: 0;
}

.features span.small-label {
    font-size: 10px;
    display: block;
    text-align: center;
    line-height: 1;
    color: var(--black);
}

.tariff-row .tariff-info,
.tariff-row .saving-wrapper .saving-column {
    width: 100%;
}

.tariff-row .see-calculation-wrap a:hover,
.tariff-row .see-calculation-wrap span:hover {
    color: var(--light-blue);
}

.tariff-row .see-calculation-wrap a,
.tariff-row .see-calculation-wrap span {
    color: var(--black);
    text-decoration: underline;
    font-size: 11px;
    font-weight: 400;
    margin-right: 15px;
}

.tariff-row .tariff-info-wrapper {
    width: 100%;
    position: relative;
}

.tariff-row .unit-rate-standing-charge {
    gap: 25px;
    width: fit-content;
}

.tariff-row .tariff-features-details .flex-items.switchbtn-column {
    width: 100%;
    padding: 20px;
}

.tariff-row .features-rewards .features ul li {
    margin: 0;
    background: #7A93DC;
    color: var(--white);
    border-radius: 20px;
    position: relative;
    line-height: normal;
    text-align: center;
}

.tariff-row .features-rewards .features ul li .custom-tooltip-trigger {
    padding: 6px 14px;
    display: block;
}

.tariff-row .features-rewards .features ul li:has(.description):hover {
    background: #7a93dcca;
}

.tariff-row .features-rewards .features ul li:hover {
    background: #7a93dcca;
}

.tariff-row .features-rewards .features ul li:has(.description) {
    cursor: pointer;
}

.tariff-row .features-rewards .features ul li.tooltips p.description {
    transform: translate(-50%, -0px);
    left: 50%;
    right: 50%;
    background: #7A93DC;
    text-align: left;
}

.tariff-row .features-rewards .features ul li.tooltips p.description span {
    display: block;
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold;
}

.tariff-row .features-rewards .features ul li::before {
    display: none;
}

body .tariff-row .features-rewards .rewards ul {
    gap: 0 8px;
}

/*  */
.tariff-features-details .tariff-cashback-wrap:has(.cashback-wrapper.green) {
    display: flex;
    align-items: center;
}

.features-rewards .rewards {
    /* margin-top: 10px; */
    margin-top: 0px;
}

.features-rewards {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 10px;
}

/*scrollbar-width*/
.green-tariff ul::-webkit-scrollbar-thumb {
    background: #80C85F;
}

.green-tariff ul::-webkit-scrollbar-track {
    background: #FFEFEA;
}

.tariff-row .green-tariff ul::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}

.flex-items.features-rewards {
    padding-top: 14px;
    row-gap: 14px;
    padding-bottom: 14px;
}

body .features-rewards:has(.green-tariff) {
    padding-bottom: 44px;
    padding-top: 14px;
    row-gap: 14px;
}

body .features-rewards:has(.green-tariff) {
    padding-bottom: 44px;
    padding-top: 14px;
    row-gap: 14px;
}

.features-rewards:has(.green-tariff) .rewards {
    /* margin: 10px 0 30px; */
    margin: 0;
}

.hide-on-desktop {
    display: none;
}

.tariff-row.available_no h2 {
    color: #0000004D;
}

.features-rewards {
    position: relative;
}

/* .best-deal.tariff-row .saving-wrapper {
    border-color: #fddd90 !important;
} */
.flex-container.tariff-unit-rates-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin: 10px 0;
}

.tariff-unit-rates-wrapper .unit-rate-wrap .rate-value {
    font-size: 13px;
    color: var(--black);
    margin-bottom: 5px;
    display: flex;
    gap: 10px;
}

.tariff-unit-rates-wrapper .unit-rate-wrap h6.rate-value {
    font-size: 14px;
    font-weight: 700;
}

.tariff-unit-rates-wrapper .unit-rate-wrap .rate-value span:not(.tou-unit-name):not(.tou-unit-rate) {
    color: var(--black);
    margin-left: auto;
    min-width: 84px;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
}

.tariff-unit-rates-wrapper .unit-rate-wrap .rate-value span.color-gray {
    color: #656E76;
    font-weight: 400;
}

/* .tariff-unit-rates-wrapper .unit-rate-wrap .annual-bill {
    font-size: 22px;
    font-weight: 500;
} */
.tariff-features-details .switchbtn-column,
.tariff-details .saving-wrapper {
    border-left: 1px solid #E7E7E7;
}

.tariff-details .saving-wrapper {
    padding: 0;
}

.tariff-details .saving-wrapper .saving-column {
    height: 100%;
}

.tariff-row .green-tariff {
    background: rgba(128, 200, 95, 0.1);
    overflow: auto;
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 2px 6px;
}

.tariff-row .features-rewards .features ul,
.tariff-row .features-rewards .rewards ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.rewards:has(ul.list-items-check:empty) {
    display: none;
}

.tariff-row .green-tariff ul li {
    list-style: none;
    color: #80C85F;
    position: relative;
    padding-left: 30px;
    flex: none;
}

.tariff-row .green-tariff ul {
    display: flex;
    gap: 35px;
    margin: 0;
}

.green-tariff .open-further-info {
    text-decoration: underline;
}

.show-more-rates.hide-on-desktop svg {
    transition: all .2s linear;
}

.show-more-rates.hide-on-desktop.active svg {
    transform: rotateX(180deg);
}

.tariff-row .green-tariff ul li::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/uploads/2024/05/Leaf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.tariff-row:has(.price-change) {
    margin-bottom: 50px;
}

.empty-bar {
    height: 30px;
    background: rgba(128, 200, 95, 0.1);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.tariff-cashback-wrap:has(.empty-bar) {
    display: flex;
    align-items: start;
    position: relative;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 30px;
}

/*.energy-use-breakdown .small-italics {
    display: inherit !important;
}*/
.energy-use-breakdown br {
    display: inherit !important;
}

.switch-results .elementor-widget-button .elementor-button-content-wrapper {
    align-items: center;
}

/* body.dualfuel .switch-results.elementor-section {
    margin-top: -170px;
} */

/*down-filters*/
.down-filters .filter-form label {
    color: var(--black);
}

.down-filters .filter-form select {
    border: 1px solid var(--black);
    color: var(--black);
}

.dual-result .df-active-filter,
.dual-result .toggle_type_gas .elementor-button:hover,
.dual-result .toggle_type_dualfuel .elementor-button:hover,
.dual-result .toggle_type_electricity .elementor-button:hover {
    background-color: #CAA2DD !important;
    border-color: #CAA2DD !important;
    color: var(--white) !important;
}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    border-radius: 30px;
    border-color: #CAA2DD;
    color: #CAA2DD !important;
}

.dual-result .df-active-filter span.elementor-button-text {
    color: var(--white);
}

.cus-crubox {
    background: #CAA2DD;
    border-radius: 10px;
    gap: 10px;
    padding: 10px !important;
}

.cus-crubox p {
    color: var(--white);
}

.dual-result .toggle_type_gas,
.dual-result .toggle_type_dualfuel,
.dual-result .toggle_type_electricity {
    width: 100% !important;
    max-width: 370px !important;

}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    width: 100%;
}

.dual-result .toggle_type_dualfuel .elementor-button {
    margin-right: 6px;
}

body .tooltips .tooltip-trigger,
body .tooltips2 .tooltip-trigger2 {
    width: 18px;
    height: 18px;
    padding-top: 3px;
    font-size: 12px;
}

.tooltips .tooltip-trigger,
.tooltips2 .tooltip-trigger2 {
    content: "?";
    border-radius: 200px;
    background: transparent;
    width: 21px;
    height: 21px;
    font-size: 13px;
    color: black;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    overflow: hidden;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

br.half-br {
    line-height: 0.7;
}

span.open-breakdown {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #E6E6E6;
    max-width: fit-content;
    padding: 0px 10px;
    border-radius: 5px;
}

.energy-use-text,
.cooling_off_bge_after {
    display: none;
}

.acf-field.d-flex {
    display: flex !important;
    gap: 20px;
}

.switching_form .acf-faq .acf-label {
    width: 100% !important;
    margin: 0;
    cursor: pointer;
    padding-right: 20px;
}

body .acf-field.acf-field-message.acf-faq .acf-label label {
    cursor: pointer;
}

body .acf-field.acf-field-message.acf-faq {
    border: 1px solid #7e8993;
    border-radius: 10px;
    margin: 20px 15px 20px 15px;
    padding: 0;
}

.acf-faq .acf-input {
    display: none;
    padding: 16px;
    color: #667085;
    font-size: 14px;
    padding-top: 0;
}

.acf-faq .acf-label {
    padding: 16px !important;
}

.switching_form .acf-field.acf-field-button-group.bge-marketing .acf-label {
    width: 100% !important;
}

.switching_form .acf-field.acf-field-button-group.bge-marketing .acf-label label {
    font-size: 15px;
    font-weight: 400;
    color: #667085;
}

body .switching_form .acf-faq .acf-input {
    width: 100% !important;
}

.address-lookup-btn .acf-label {
    opacity: 0;
}

.address-lookup-btn button, .sse-address-lookup-btn button {
    background-color: #CAA2DD;
}
.zero-opacity-label > .acf-label {
    opacity: 0;
}

body .acf-field.acf-field-message.acf-faq:before {
    width: 24px;
    height: 24px;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path d="M12 1c6.076 0 11 4.925 11 11s-4.924 11-11 11S1 18.075 1 12 5.924 1 12 1zm0 2.054c-4.933 0-8.946 4.013-8.946 8.946 0 4.932 4.013 8.946 8.947 8.946 4.932 0 8.945-4.014 8.945-8.946 0-4.933-4.013-8.946-8.945-8.946zM12 8l5 5.5-1.5 1.5-3.5-4-3.5 4L7 13.5 12 8z" fill="%23656565"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    position: absolute;
    right: 5px;
    left: auto;
    top: 18px;
    transition: all .5s;
    transform: rotate(180deg);
    border-style: none;
    background-color: transparent;
}

body .acf-field.acf-field-message.acf-faq.active:before {
    transform: rotate(0deg);
}

/* What you’ll need to switch Modal CSS */
.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message {
    width: 100% !important;
    padding: 20px;
    max-height: none;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content {
    width: calc(100% - 20px);
    max-width: 880px;
    border-radius: 30px;
    background: #F2F2F2;
    overflow: auto;
    max-height: calc(100vh - 20px);
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-close-button {
    right: 25px;
    top: 25px;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message .elementor-location-popup .elementor-widget-button .elementor-button-wrapper .elementor-button {
    width: 100%;
    height: 60px;
    padding: 16px 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #CAA2DD;
    border-color: #CAA2DD;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message .elementor-location-popup .e-con-inner:has(> .elementor-widget-button) {
    padding: 0;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message .elementor-location-popup .elementor-element:has(> .e-con-inner > .elementor-widget-button) {
    padding: 0 10px;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message .elementor-location-popup .elementor-widget-button .elementor-button-wrapper .elementor-button span {
    font-weight: 700;
    font-size: 16px;
}

.cus-need-to-switch.elementor-popup-modal .dialog-widget-content .elementor-element .elementor-icon-box-wrapper svg {
    width: 22px;
    height: 22px;
}

.tariff-rates-info:has(.dual-fuel-rates) {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.switch-form-main .df-gas-old {
    display: none;
}

body .switch-form-main {
    align-items: flex-start;
}

div[data-name="enter_your_account"]>.acf-label,
div[data-name="use_iban"]>.acf-label label {
    display: none !important;
}

.billing-use-iban {
    display: none;
}

.switching_form .acf-fields.-left>.acf-field[data-name="use_iban"]>.acf-label .description {
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
    background: #2196f321;
    padding: 6px 21px;
    width: fit-content;
    color: #0170b9;
    border-left: 4px solid #0170b9;
    font-weight: 500;
    font-size: 13px;
}

.switching_form .acf-fields.-left>.acf-field[data-name="use_iban"]>.acf-input {
    pointer-events: none;
    visibility: hidden;
}

.switching_form ul.acf-checkbox-list label a {
    text-decoration: underline;
}

.acf-notice .acf-notice-dismiss {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.acf-notice .acf-notice-dismiss.acf-icon:before {
    left: 3.4px;
    position: absolute;
}

/*upload-file-css*/
.left-box {
    flex: 1;
    padding: 30px;
}

.left-box h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}

.left-box p {
    font-size: 14px;
    color: #444;
}

.left-box a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.right-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-area,
.success-area {
    width: 100%;
    height: 180px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.upload-area:hover {
    border-color: #007bff;
}

.upload-icon {
    background: #f0f0f0;
    border-radius: 50%;
    padding: 10px;
    display: inline-flex;
    margin-bottom: 10px;
}

.upload-text,
.upload-text b {
    color: #333;
}

.upload-text a {
    color: #007bff;
    text-decoration: none;
}

.upload-text small {
    display: block;
    color: #777;
    margin-top: 4px;
}

.success-area {
    border: 2px dashed #28a745;
    background-color: #e9f8f0;
}

.upload-area.upload-area.highlight {
    background: #4c99cc1a;
    border: 2px dashed var(--light-blue);
}

.smart-meter-hdf .acf-input-wrap input[type="text"],
.smart-meter-split {
    display: none;
}

.check-icon {
    font-size: 36px;
    color: #28a745;
}

.file-name {
    margin-top: 10px;
    font-weight: bold;
    color: #333;
}

.reupload {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
    display: block;
    margin-top: 5px;
}

.successError {
    border: 2px dashed red;
    background: #c515151f;
    color: red;
}

.success-area p.error {
    margin: 0;
}

.success-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.success-area .check-icon.error {
    display: inline-flex;
    justify-content: center;
}

.success-area .file-name {
    margin: 0;
}

.successError p.error {
    margin: 0;
}

.successError .file-name {
    margin: 000;
}

input[type="file"] {
    display: none;
}

.cus-switchform .elementor-field-group .elementor-message.elementor-message-danger {
    color: #d9534f;
    position: absolute;
    left: 32%;
    bottom: 10px;
    font-size: 14px;
    margin: 0;
}
.footer-form .elementor-message.elementor-message-success {
    color: #28a745;
}
.cus-switchform .elementor-field-group input {
    width: 70% !important;
    flex: auto !important;
    margin-bottom: 30px;
}

.cus-switchform .elementor-field-group label.elementor-field-label {
    width: 30% !important;
    flex: 0 0 auto;
}

.cus-switchform input:not(input[type='radio'], input[type='file']) {
    box-shadow: 0px -1px 3px rgb(50 50 50 / 13%);
    border-width: 1px !important;
}

.results-popup.cus-need-to-switch .elementor-icon svg {
    height: auto !important;
}

html body select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 35px !important;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    cursor: pointer !important;
}

.electricity-banner {
    overflow: hidden;
}

.electricity-banner .electricity img {
    max-height: 500px;
}

body .switch-form-container {
    align-items: start;
}

body .switch-form-container .switch-form-sticky {
    position: sticky;
    top: 35px;
}

body .cus-sidebar-col {
    gap: 0 !important;
}

.cus-sidebar-col .elementor-widget-container h6 {
    text-shadow: none !important;
    padding: 5px 0 !important;
}

.cus-sidebar-col .elementor-widget-heading p {
    color: #555555 !important;
    font-size: 14px !important;
}

.cus-sidebar-col .elementor-widget-heading p u {
    color: #000000;
    text-decoration: none;
}

.cus-sidebar-col .elementor-widget-heading .elementor-widget-container {
    padding: 2px 12px !important;
}

.cus-sidebar-col .elementor-widget-container {
    padding: 5px 12px !important;
    text-shadow: none !important;
}

.cus-sidebar-col .elementor-widget-heading.current-supplier,
.cus-sidebar-col .elementor-widget-heading.new-supplier {
    border-top: 1px solid #eeeeee;
    padding-top: 6px;
}

.cus-sidebar-col .elementor-widget-heading p img {
    margin: 10px 0;
}

.tooltips .tooltip-content,
.tooltips2 .tooltip-content {
    display: none;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;
    margin-left: -110px;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 6px;
}

.filter-form .tooltips .tooltip-trigger:hover,
body .tooltips .tooltip-trigger:hover .tooltip-content,
body .tooltips2 .tooltip-trigger2:hover .tooltip-content {
    display: block;
}

body .acf-field.tooltips .tooltip-trigger,
body .acf-field.tooltips2 .tooltip-trigger2 {
    position: relative;
    cursor: pointer;
    overflow: visible;
    margin-left: 3px;
}

/* Updated CSS Start */
.display-none {
    display: none;
}

.hidden-input {
    display: none;
}

.acf-form .acf-field-button-group[data-name="payment_type"] .acf-button-group {
    flex-wrap: wrap;
}

.same_supplier {
    display: none;
}

.fuel-mix-chart br {
    display: none;
}

.switch-form-savings-heading h3 {
    margin-bottom: 0;
    color: #ffff;
}
.icon-box-wrap ul {
    display: flex;
    justify-content: center;
    gap: 30px;
    row-gap: 12px;
    flex-wrap: wrap;
}

.icon-box-wrap li.elementor-icon-list-item {
    border: 1px solid #07272D;
    padding: 5px 10px;
    border-radius: 30px;
}

body .switching_form .acf-field-group.new-account-creation .acf-field.acf-field-group[data-name="right_column"] {
    border-radius: 20px;
    background: rgba(232, 119, 34, 0.10);
    padding: 16px 18px !important;
    max-width: 446px;
    margin-left: 50px;
}

body .switching_form .acf-field-group.new-account-creation .acf-field.acf-field-group[data-name="right_column"] .acf-fields.-top.-border {
    background: transparent;
}

.switching_form .new-account-creation .acf-field-group[data-name="right_column"] .register-for-account {
    display: flex;
    flex-direction: row-reverse;
}

.switching_form .new-account-creation .acf-field-group[data-name="right_column"] .register-for-account .acf-input {
    position: absolute;
    left: 0;
    top: 3px;
}

.switching_form .new-account-creation .acf-field-group[data-name="right_column"] .register-for-account .main-account-label {
    padding-left: 45px;
    display: inline-block;
}

.switching_form .new-account-creation .acf-field-group[data-name="right_column"] .register-for-account .main-account-label .account-sub-label {
    padding-left: 0;
}

.account-list-wrap {
    margin-left: -50px;
}

.register-for-account .acf-input ul.acf-checkbox-list>* {
    font-size: 0;
}

.faq-block {
    position: sticky !important;
    top: 150px;
}

.register-for-account .acf-input ul.acf-checkbox-list>* input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    width: 30px !important;
    height: 30px;
    border-radius: 6px;
    background: rgb(232 119 34 / 0%);
    border: 3px solid #0e0e0e;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

/* Tick mark when checked */
.register-for-account .acf-input ul.acf-checkbox-list>* input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    line-height: 1;
}



.switching_form .new-account-creation .acf-field-group[data-name="right_column"] div label {
    margin-bottom: 0 !important;
}

.new-account-creation span.account-sub-label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 20px;
}

.new-account-creation span.account-label-list {
    font-size: 16px;
    font-weight: 300;
    display: block;
    line-height: 1.6;
}

.new-account-creation span.account-label-list:last-child {
    margin-bottom: 0;
}

.icon-box-wrap li.elementor-icon-list-item {
    border: 1px solid #07272D;
    padding: 5px 10px;
    border-radius: 30px;
}

.switching_form .acf-form-submit .acf-button {
    background-color: transparent;
    height: 50px;
    width: 100%;
    color: black;
    font-size: 16px;
    font-weight: 800;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 1;
    padding: 17px 30px;
}

.switching_form .acf-form-submit {
    background-color: #CAA2DD;
    height: 50px;
    width: 100%;
    color: black;
    font-size: 16px;
    font-weight: 800;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.switching_form .acf-form-submit::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 12px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'><path d='M14.0342 6L8.32227 11.7119L7.22656 10.6172L11.0693 6.77344H0.96582V5.22656H11.0693L7.22656 1.38379L8.32227 0.288086L14.0342 6Z' fill='black'/></svg>") no-repeat center;
    background-size: 15px 12px;
    position: absolute;
    width: 170px;
    background-position: right;
    z-index: 0;
}


.suppliers li label {
    opacity: 0.8;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #DCDCDC;
    background: #FFF;
}

/* Card background and rounded corners */
.acf-field-group[data-name="right_column"]>.acf-input>.acf-fields {
    background: #fdf3ee;
    border-radius: 24px;
    padding: 24px 32px;
    max-width: 520px;
    font-family: 'Inter', Arial, sans-serif;
}

/* Checkbox and label styling */
.customer-email label {
    font-weight: bold;
    font-size: 22px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.customer-email .account-sub-label {
    display: block;
    font-weight: normal;
    color: #666;
    font-size: 15px;
    margin-top: 2px;
}

/* Custom checkbox look */
.customer-email input[type="checkbox"] {
    width: 28px;
    height: 28px;
    accent-color: #fff;
    border: 2px solid #222;
    border-radius: 6px;
    margin-right: 12px;
    margin-top: 2px;
}

/* Remove default ul bullets */
.account-list-wrap {
    margin-top: 0;
    padding-left: 0;
    display: block;
}

.account-label-list {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 46px;
    /* space for icon */
}

/* Add checkmark icon before each benefit */
.account-label-list::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path d='M12.4961 0C14.2204 5.40331e-05 15.8481 0.327521 17.374 0.985352C18.8902 1.63908 20.2146 2.52924 21.3418 3.65527C22.4688 4.78126 23.3595 6.10411 24.0137 7.61914C24.6723 9.14377 25 10.7715 25 12.4961C24.9999 14.2169 24.6727 15.8407 24.0146 17.3613C23.361 18.8715 22.4715 20.1954 21.3467 21.3291C20.2205 22.4641 18.8968 23.3591 17.3809 24.0137C15.8562 24.6723 14.2285 25 12.5039 25C10.7831 24.9999 9.15933 24.6727 7.63867 24.0146C6.12776 23.3607 4.80376 22.4666 3.66992 21.334C2.53612 20.2011 1.64179 18.8778 0.987305 17.3682C0.328407 15.8488 0 14.2252 0 12.5039C5.41915e-05 10.7797 0.327521 9.15194 0.985352 7.62598C1.63939 6.10904 2.53321 4.78452 3.66699 3.65723C4.79976 2.53117 6.12292 1.64148 7.63184 0.987305C9.15123 0.328407 10.7748 0 12.4961 0ZM12.5 2.12793C9.60626 2.12793 7.166 3.13195 5.14941 5.14648C3.13321 7.1612 2.12793 9.60253 2.12793 12.5C2.12793 15.3937 3.13296 17.8339 5.14941 19.8506C7.16609 21.867 9.60626 22.8721 12.5 22.8721C15.3975 22.8721 17.8388 21.8668 19.8535 19.8506C21.868 17.834 22.8721 15.3937 22.8721 12.5C22.8721 9.6024 21.868 7.16117 19.8535 5.14648C17.8388 3.13202 15.3976 2.12793 12.5 2.12793ZM18.5947 7.95898L19.791 9.14844L10.9033 18.0361L10.5498 18.3906L5.16211 12.9971L5.50879 12.6445L6.32715 11.8076L6.68066 11.4473L10.5488 15.3154L18.2402 7.60742L18.5947 7.95898Z' fill='%23093349'/></svg>") no-repeat center;
    background-size: 22px 22px;
    position: absolute;
    left: 5px;
    top: 0;
    ;
}

.suppliers ul.acf-radio-list.acf-bl {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px;
    padding: 0;
}

.suppliers li label.selected {
    border-color: #E1E000 !important;
    background: rgb(225 224 0 / 30%) !important;
}
.acf-button-group label.selected {
    border-color: #E1E000 !important;
    background: rgb(225 224 0 / 30%) !important;
    color: #000000 !important;
}

.switching_form select:focus {
    border-color: #E1E000 !important;
    outline: none;

}

body .switching_form select,
body .switching_form .acf-input-wrap input {
    border: 1px solid #DCDCDC !important;
    font-weight: 600 !important;
    color: #000000 !important;
    font-size: 18px !important;
    font-family: 'NeulisNeue', sans-serif !important;
}

.acf-button-group label {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    color: black;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #DCDCDC !important;
    border-radius: 3px !important;
    /* max-width: 200px;
    min-width: 200px; */
}

.switching_form .acf-field-group>.acf-label {
    font-size: 18px !important;
    color: #000 !important;
    width: 100% !important;
    padding: 0;
    font-weight: 600 !important;
    margin: 0 12px;
}

.switching_form .acf-input-wrap input::placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 400;
}

.new-account-creation .acf-field.acf-field-group,
.new-account-creation .acf-input {
    padding: 0 !important;
}

body .switching_form .acf-field-group.new-account-creation {
    border: none !important;
}

.switching_form .new-account-creation .acf-field-group {
    border: 0 !important;
}

.acf-field .acf-label label {
    font-size: clamp(15px, 2vw, 18px);

    color: #000000;
    margin-bottom: 17px !important;
    font-weight: 600;
}

.tooltips .tooltip-trigger {
    content: "!";
    border-radius: 200px;
    background: transparent;
    width: 21px;
    height: 21px;
    font-size: 13px;
    color: black;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    overflow: visible;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

/* .switching_form .acf-field-group {
    border-top: 2px solid #E7E3F8 !important;
    border-radius: 10px;
    margin-bottom: 20px !important;
    margin-top: -12px !important;
    background: #fff;
} */
.switching_form .acf-field {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.switching_form .acf-field .acf-input {
    margin: 0 -13px;
}

.your-details-usage .business-customer--holder,
.switching_form .new-account-creation.acf-field-group>.acf-label label,
.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input .acf-fields .acf-field-group[data-name="left_column"]>.acf-label {
    display: none;
}

.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input>.acf-fields.-top.-border {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input>.acf-fields.-top.-border .acf-field.acf-field-group {
    flex: 1 0 0;
}

.new-account-creation .acf-field.acf-field-group[data-name="right_column"]>.acf-label {
    display: none;
}

.results-to-show .acf-input {
    display: flex;
}

.results-to-show .acf-input .acf-fields.-top.-border .acf-label {
    margin-left: 0;
    /* transform: translateX(-12px); */
}

/* .results-to-show .acf-input .acf-fields.-top.-border {
    display: flex;
    align-items: flex-start;
    flex: 1 0 0;
    justify-content: space-between;

} */
.results-to-show .acf-input .acf-fields.-top.-border {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr));
    gap: 24px;
    row-gap: 0;
    align-items: start;
    width: 100%;
    max-width: 990px;

}

/* Optional: stack into single column on very small screens */
@media (max-width: 480px) {
    .results-to-show .acf-input .acf-fields.-top.-border {
        grid-template-columns: 1fr;
    }


}

/* 
@media (min-width: 300px) and (max-width: 1580px) {
    .results-to-show .acf-input .acf-fields.-top.-border {
        display: inline-grid;
    }
} */

.results-to-show .acf-input .acf-fields .acf-input {
    display: inline-block;
}

.results-to-show>.acf-label {
    position: relative;
    margin-top: 25px !important;
    padding-top: 40px !important;
}

.results-to-show>.acf-label label {
    font-weight: 400;
    font-size: 20px;
}

.results-to-show>.acf-label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    /* width: 97%; */
    height: 2px;
    background-color: #E4E4E4;
}

.results-to-show .acf-input {
    width: 100% !important;
}

.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input {
    width: 100% !important;
}

body .switching_form .acf-field-group.new-account-creation .acf-field.acf-field-group[data-name="right_column"] div {
    padding: 0;
    margin: 0;
}

.your-details-usage>.elementor-element-populated {
    border: 2px solid #E7E3F8 !important;
    border-radius: 10px;
}

.your-details-usage>.elementor-element-populated .acf-form-submit {
    padding: 0 28px 20px;
}

.suppliers:before {
    content: unset !important;
}

.suppliers>.acf-label {
    display: block;
    width: 100% !important;
}

.suppliers>.acf-input {
    width: 100% !important;
    margin-top: 20px !important;
}

.suppliers labels {
    border: 3px solid #DDDDDD !important;
    clear: both;
    width: 32.3%;
    float: left;
    padding: 0 !important;
    opacity: 0.8;
    background: #fdfdfd;
}

.suppliers ul.acf-radio-list.acf-bl:before {
    content: unset;
}

.suppliers ul:focus-within {
    border-color: transparent !important;
    border-radius: 0 !important;
}

.suppliers li {
    text-align: center;
}

.suppliers li label img {
    width: 100%;
    object-fit: contain;
    height: 40px;

}

/* .suppliers img {
    object-fit: cover !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 50% !important;
    user-select: none;
} */

.suppliers input {
    opacity: 0;
    height: 0px;
}

/* Switching Form */
.customer_details>.acf-input>.acf-fields {
    border: unset !important;
}

.customer_details>.acf-label {
    display: none !important;
}

.customer_details {
    padding: 0 !important;
}

.switching_form .acf-label {
    font-size: 14px !important;
    color: #656565;
    line-height: 24px;
    width: 100% !important;
}

.switching_form .acf-fields.-left>.acf-field:before {
    display: none;
}

.switching_form .acf-fields.-left>.acf-field>.acf-input {
    width: 90%;
    margin-top: 0 !important;
}

.switching_form .acf-fields>.acf-field {
    border: unset;
}

.switching_form .acf-fields.-border {
    border: unset;
    background: transparent;
}

.switching_form .acf-fields.-top.-border {
    padding: 0 14px;
}

.switching_form .acf-field .acf-input .acf-input-wrap {
    padding: 0 12px;
}
.switching_form .customer-email .acf-input .acf-input-wrap {
    padding: 0;
}
#hear_about_us .acf-input-wrap {
    padding: 0;
}
.switching_form .acf-field-group.customer_details {
    border: unset !important;
}

.switching_form input[type=email],
.switching_form input[type=number],
.switching_form input[type=password],
.switching_form input[type=reset],
.switching_form input[type=search],
.switching_form input[type=tel],
.switching_form input[type=text],
.switching_form input[type=url],
.switching_form select,
.switching_form textarea {
    background: white;
    border: 2px solid #c9ccc3 !important;
    border-radius: 4px;
    height: 50px;
    font-weight: 500 !important;
    color: #334d5c;
}

.acf-button-group label {
    cursor: pointer !important;
}

.acf-switch.-on {
    background: #CAA2DD;
    border-color: #e1a50e;
}

.acf-switch .acf-switch-on {
    color: #fff;
    text-shadow: #e1a50e 0 1px 0;
}

.acf-switch.-on .acf-switch-slider {
    left: 50%;
    right: 2px;
    border-color: #CAA2DD;
}

.acf-switch:hover,
.acf-switch.-focus {
    color: #e1a50e;
    background: #fffcf5;
    border-color: #e1a50e;
}

.acf-switch:hover .acf-switch-slider,
.acf-switch.-focus .acf-switch-slider {
    border-color: #e1a50e;
}

.acf-field.acf-field-group.acf-field-63ca9ec6627ec>.acf-label {
    display: none;
}

#compare-elec .acf-button-group {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
}

#compare-elec .acf-button-group label {
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

#compare-elec .acf-field-button-group.tooltips[data-name="type_of_elect_meter"] .acf-input .acf-button-group {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.acf-field[data-name="results_to_show"] .acf-fields.-top.-border {
    padding: 0;
}

.acf-field[data-name="results_to_show"] .acf-fields.-top.-border .acf-input {
    padding: 0 13px;
}

.button-subtitles {
    display: block;
    font-size: 13px;
    opacity: 0.7;
}

.dividing-line {
    border-top: 2px solid #E4E4E4 !important;
    margin-top: 25px !important;
    padding-top: 40px !important;
}

/* Signup Date Styling */
.switching_form .acf-field-group.signup-year .acf-label {
    font-size: 14px !important;
    color: #656565 !important;
    line-height: 24px;
    width: 30% !important;
    border: none;
}

.switching_form .acf-field-group.signup-year {
    border: none !important;
    margin: 0 !important;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-label {
    display: none;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field {
    width: 50% !important;
    padding: 0;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field .acf-input {
    width: 100%;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-fields {
    display: flex;
    gap: 10px;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-field .acf-input {
    padding: 0;
}

.switching_form .acf-field-group.signup-year .acf-input .acf-fields:after {
    content: unset;
}

.elementor-image-box-wrapper:hover {
    opacity: .8;
}

h3.elementor-image-box-title a:after {
    content: "";
    display: block !IMPORTANT;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* Loader */
#compare-elec .acf-spinner,
#switch-form .acf-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    background-image: unset !important;
}

#compare-elec .acf-spinner.is-active,
#switch-form .acf-spinner.is-active {
    display: block !important;
}

#compare-elec .acf-spinner:after,
#switch-form .acf-spinner:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #CAA2DD;
    border-top-color: #caa2dd37;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.see-calculation a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: #656565;
}

.js-slider-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    border-radius: 5px;
    gap: 10px;
}

.js-range-slider-before,
.js-range-slider-after {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #07272D;
    min-width: 40px;
}

.js-range-slider-before img,
.js-range-slider-after img {
    padding-bottom: 10px;
}

.night,
.day {
    font-size: 18px;
    font-weight: bold;
    color: #07272D;
    line-height: 10px;
}

.national-average {
    font-size: 14px;
    font-weight: 600;
    color: #07272D;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    top: 36px;
    transform: translate(-50%, 0px);
    line-height: normal;
}

.ui-slider {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    position: relative;
    overflow: visible;
    text-align: center;
}

.js-slider-wrap .ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px #07272D;
    cursor: pointer;
    z-index: 2;
    border: 0;
    background: #07272D;
}

.ui-slider-range {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    border-radius: 5px;
}

.national-average::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    top: -15px;
    transform: translate(-50%, 0px);
    left: 50%;
    background: #000;
}

[data-name="night_time_saving"] {
    display: flex;
    align-items: center;
    flex-direction: column;
}

[data-name="night_time_saving"] .acf-range-wrap>input {
    display: none !important;
}

/* CSS Loader on Compare Forms */


.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input>.acf-fields.-top.-border {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
    gap: 60px;
    row-gap: 16px;
    width: 100%;
    align-items: center;
}

.switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input>.acf-fields.-top.-border .acf-field.acf-field-group {
    width: 100%;
}

body .switching_form .acf-field-group.new-account-creation .acf-field.acf-field-group[data-name="right_column"] {
    border-radius: 20px;
    background: rgba(232, 119, 34, 0.10);
    padding: 16px 18px !important;
    max-width: 450px;
    margin-left: 0;
    /* reset for grid */
}

.switching_form .acf-fields.-left>.acf-field[data-name="annual_electricity_spend"] .acf-input {
    padding: 0;
}

@media (max-width: 767px) {
    .acf-field .acf-label label {
        margin-bottom: 4px !important;
    }
}

@media (max-width: 480px) {
    .switching_form .new-account-creation.acf-field-group>.acf-label+.acf-input>.acf-fields.-top.-border {
        grid-template-columns: 1fr;
    }
}

/*down-filters*/
.down-filters .filter-form label {
    color: var(--black);
}

.down-filters .filter-form select {
    border: 1px solid var(--black);
    color: var(--black);
    padding: 16px 15px;
}

.dual-result .df-active-filter,
.dual-result .toggle_type_gas .elementor-button:hover,
.dual-result .toggle_type_dualfuel .elementor-button:hover,
.dual-result .toggle_type_electricity .elementor-button:hover {
    background-color: #CAA2DD !important;
    border-color: #CAA2DD !important;
    color: #fff !important;
}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    border-radius: 30px;
    border-color: #CAA2DD;
    color: #CAA2DD !important;
}

.dual-result .df-active-filter span.elementor-button-text {
    color: var(--white);
}

.cus-crubox {
    background: #CAA2DD;
    border-radius: 10px;
    gap: 10px;
    padding: 10px !important;
}

.cus-crubox p {
    color: var(--white);
}

.dual-result .toggle_type_gas,
.dual-result .toggle_type_dualfuel,
.dual-result .toggle_type_electricity {
    width: 100% !important;
    max-width: 370px !important;

}

.dual-result .toggle_type_gas .elementor-button,
.dual-result .toggle_type_dualfuel .elementor-button,
.dual-result .toggle_type_electricity .elementor-button {
    width: 100%;
}

.dual-result .toggle_type_dualfuel .elementor-button {
    margin-right: 6px;
}


/* Filter Styling */
form.filter-form {
    display: flex;
    gap: 10px;
}

.filter-form select {
    border-radius: 4px;
    background: white;
    color: #656565;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    border: unset;
}

.form-select {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.filter-form label {
    font-size: 14px;
    font-weight: 500;
    color: var(--e-global-color-text);
}

.form-select.filter-years,
.form-select.filter-type {
    width: 17% !important;
}

.form-select.filter-display {
    width: 23%;
}

.plans-to-switch {
    display: none;
}

.filter-form .tooltips .tooltip-trigger {
    color: #000000;
    background: #ffffff;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.filter-form label {
    display: flex;
    margin-bottom: 5px;
}

.filter-form .form-select.tooltips {
    position: relative;
}

.filter-form .tooltips p.description {
    left: 0;
    margin: 0;
}

.further-information {
    border-width: 5px !important;
    border-top: 0 !important;
    display: none;
}

.plans-to-switch {
    display: none;
}

.comparison-now-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
    position: relative;
    padding-right: 20px;
}

.comparison-now-btn::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'><path d='M11.4478 12.2973C11.3396 12.4275 11.1809 12.5058 11.0115 12.5131C10.8422 12.5211 10.6775 12.4573 10.5573 12.3371C10.4378 12.2176 10.374 12.0529 10.3813 11.8836C10.3893 11.7142 10.4676 11.5555 10.5978 11.4473L14.9348 7.10498H0.600431C0.279029 7.08838 0.0273438 6.82275 0.0273438 6.50069C0.0273438 6.17928 0.279029 5.91366 0.600431 5.89639H14.9348L10.5912 1.56003C10.3641 1.3223 10.3641 0.947754 10.5912 0.710026C10.7034 0.597136 10.8568 0.533379 11.0162 0.533379C11.1755 0.533379 11.3283 0.597129 11.4412 0.710026L16.8135 6.08237L16.8128 6.0817C16.9284 6.19326 16.9941 6.34666 16.9941 6.5067C16.9941 6.6674 16.9284 6.82081 16.8128 6.9317L11.4478 12.2973Z' fill='black'/></svg>") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.new-switch-form .acf-field .acf-label label {
    width: fit-content;
    margin-bottom: 0 !important;
}

.new-switch-form .acf-field .acf-input.acf-label {
    width: 30% !important;
}
.new-switch-form .acf-fields.-left>.acf-field>.acf-input,
.new-switch-form .acf-field .acf-input  >.acf-input {
    width: 70%;
}

.new-switch-form .acf-field .acf-input {
    margin: 0;
}

.new-switch-form .acf-field .acf-input .acf-input-wrap {
    padding: 0;
}

.new-switch-form .acf-field-group>.acf-label {
    width: calc(100% - 30px)!important;
    padding-bottom: 15px;
}
.new-switch-form  .acf-field-group.bank-sortcode .acf-input .acf-fields{
    padding: 0;
}
.new-switch-form .acf-field-group.bank-sortcode .acf-label,
.new-switch-form .acf-label{
        width: 30% !important;
}
.new-switch-form .acf-field[data-name="use_iban"] .acf-label {
    width: 70% !important;
}

.new-switch-form .acf-field[data-name="use_iban"] .acf-input {
    width: 30% !important;
}
.calculator-details .e-con-full, .calculator-details .e-con>.e-con-inner {
    text-align: var(--text-align);
    padding-block-start: 5px;
    padding-block-end: 5px;
}
.blog-fillter .elementor-widget-container h5 {
    color: #ffff;
    margin-bottom: 16px;
    display: inline-block;
}
/* Updated CSS END */


/* media-start*/
@media (min-width: 768px) {

    /* .best-deal.tariff-row .saving-wrapper {
        background: #CAA2DD;
    } */
    .acf-faq.right-aligned-faq {
        width: calc(100% - 41%);
        margin: 0 0 0 auto !important;
    }

    .down-filters:has(select#fuel-type) {
        display: none;
    }

    .tariff-row .features-rewards .features ul li.tooltips p.description .close-btn {
        display: none;
    }

    .tariff-row .tariff-details,
    .tariff-row .tariff-features-details {
        display: grid;
        grid-template-columns: 100px 1fr 150px;
    }

    .tariff-row .tariff-features-details {
        align-items: center;
    }

    .tariff-row .tariff-features-details .flex-items.switchbtn-column {
        height: 100%;
        justify-content: center;
    }

    .tariff-row .tariff-details>.flex-items {
        border-bottom: 1px solid #E7E7E7;
    }

    .best-deal.tariff-row .flex-items.saving-column {
        /* background: #CAA2DD; */
        height: 100%;
    }

    .flex-container.tariff-unit-rates-wrapper .unit-rate-wrap.annual-bill {
        text-align: center;
    }

    .supplier-logo span.edit-tariff {
        text-align: center;
    }

    .flex-container.tariff-unit-rates-wrapper .rate-value {
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .switching_form .acf-fields.-left>.acf-field[data-name="use_iban"]>.acf-input {
        width: 40%;
    }

    /* .switching_form .acf-fields.-left>.acf-field[data-name="use_iban"]>.acf-label {
        width: 60% !important;
    } */

    .switching_form .acf-field[data-name="use_iban"] {
        display: flex;
        flex-direction: row-reverse;
    }

    .tariff-row .tariff-details,
    .tariff-row .tariff-features-details {
        grid-template-columns: 200px 1fr 260px;
    }

    .type_dualfuel .flex-container.tariff-unit-rates-wrapper {
        grid-template-columns: 1fr 1fr 70px;
    }

    .type_electricity .flex-container.tariff-unit-rates-wrapper {
        grid-template-columns: 460px 1fr 1fr;
    }
}

@media (min-width: 768px) {
    .type_dualfuel .flex-container.tariff-unit-rates-wrapper {
        grid-template-columns: 1fr 1fr 10px;
    }
}

@media (max-width: 1600px) {
    .switch-results .elementor-container {
        max-width: 100% !important;
    }
}

@media(max-width: 1380px) {
    .tariff-row h2.tariff-title {
        font-size: 18px;
    }

    /* body .features-rewards:has(.green-tariff) {
    padding-bottom: 35px;
} */
    .tariff-row .savings-figure {
        font-size: 28px;
    }

    .tariff-row .proceed-btn {
        font-size: 14px;
        line-height: normal;
    }

    .tariff-row .green-energy p {
        font-size: 12px;
        line-height: normal;
    }

    .tariff-row .flex-items {
        padding: 5px;
    }

    .tariff-row img {
        width: 80px;
        object-fit: contain;
    }

    html body form.filter-form {
        gap: 10px 8px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .switch-results .elementor-widget-container {
        font-size: 16px;
    }

    /* .switch-results .elementor-element.e-con-full.e-flex.e-con {
        padding: 10px 0;
    } */
}

@media(max-width: 1280px) {

    .further-information .new-tariff,
    .further-information .further-info-right {
        width: 100%;
        float: left;
    }

    .supplier-logo {
        width: 100%;
        text-align: center;
        align-items: center;
        max-width: 100% !important;
    }

    .tariff-row .flex-items {
        padding: 20px;
    }

    .information-column,
    .rewards-column {
        width: 25%;
    }

    .flex-items.switchbtn-column,
    .flex-items.saving-column,
    .tariff-info {
        width: 50%;
    }

    .further-information {
        padding: 30px 0 0;
        width: 100%;
    }

    .tariff-row .further-information h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

@media (max-width:1199px) {
    .flex-items.saving-wrapper .saving-column {
        padding: 0;
    }

    .switching_form .acf-fields.-left>.acf-field[data-name="use_iban"]>.acf-label,
    .switching_form .acf-fields.-left>.acf-field .acf-label {
        width: 100% !important;
    }
}

@media(max-width: 990px) {
    .tariff-row .flex-items {
        padding: 12px;
    }

    .tariff-info {
        width: 50%;
    }

    /* .switch-results {
        padding: 0 !important;
    } */

    div.tariff-row {
        border-width: 2px !important;
    }
}

@media(max-width: 767px) {
    .cus-switchform .elementor-field-group .elementor-message.elementor-message-danger {
        left: 0%;
    }

    .cus-switchform .elementor-field-group {
        flex-wrap: wrap;
        gap: 0 !important;
        flex-direction: column;
        align-content: start;
        justify-content: flex-start;
        flex-direction: row;
    }

    .cus-switchform .elementor-field-group label.elementor-field-label,
    .cus-switchform .elementor-field-group input {
        width: 100% !important;
    }

    .calculator-details .empty-col {
        display: none;
    }

    .current-plan p:before {
        line-height: normal;
    }

    .calculator-details .elementor-widget-wrap>div:nth-child(even):not(:has(h2)) {
        background: #8080801c;
        border-radius: 6px;
    }

    .calculator-details span.small-italics {
        font-size: 11px;
        line-height: normal;
    }

    .calculator-details .elementor-tabs .elementor-tabs-wrapper {
        display: block;
    }

    .calculator-details .elementor-tabs-wrapper .elementor-tab-title {
        font-size: 14px;
        padding: 15px 14px;
        width: 31% !important;
        text-align: center;
    }

    .calculator-details .elementor-tabs-content-wrapper .elementor-tab-title {
        display: none;
    }

    .calculator-details span.open-breakdown {
        font-size: 12px;
        line-height: normal;
    }

    .calculator-details .btn-process.calc-proceed {
        background: transparent !important;
    }

    .calc-mobile-show.image-top.banner-img .center-img {
        display: block;
        width: 100%;
    }

    .cus-need-to-switch.elementor-popup-modal .dialog-widget-content .dialog-message {
        padding: 15px;
    }

    .cus-need-to-switch.elementor-popup-modal .dialog-widget-content {
        border-radius: 30px;
    }

    .cus-need-to-switch.elementor-popup-modal .dialog-widget-content {
        max-height: calc(100vh - 20vh);
    }

    .tariff-row .green-tariff ul {
        gap: 2px;
        overflow: auto;
        display: flex;
        margin: 0;
    }

    .tariff-row .green-tariff ul li {
        padding-left: 24px;
        font-size: 11px;
    }

    .tariff-row .green-tariff ul li::before {
        width: 10px;
        height: 10px;
        left: 8px;
    }

    .home-banner .home-compare-btns .elementor-widget-container {
        max-height: 120px;
        min-height: 120px;
    }

    .banner-img .image-col,
    .banner-img .center-img {
        position: static;
    }

    .down-filters:has(select#fuel-type) {
        display: none;
    }

    body.dualfuel .down-filters:has(select#fuel-type) {
        display: block;
        height: max-content;
        overflow: hidden;
        position: relative;
    }

    .dual-result .toggle_type_gas .elementor-widget-container {
        margin: 0;
    }

    .dual-result .toggle_type_electricity .elementor-widget-container {
        margin: 0 0 15px !important;
    }

    .dual-result .toggle_type_gas,
    .dual-result .toggle_type_dualfuel,
    .dual-result .toggle_type_electricity {
        max-width: 100% !important;
    }

    .down-filters .elementor-element.e-con-full.e-flex.e-con {
        padding: 0;
    }

    /* 
    .switch-results .elementor-element.e-con-full.e-flex.e-con {
        padding: 10px 0;
    } */

    body .dual-filter {
        display: none;
    }

    /* 
    .switch-results:not(.dual-filter) .down-filters {
        margin-bottom: 10px !important;
    } */

    /* body.dualfuel .switch-results .down-filters {
        margin-bottom: 0 !important;
    } */

    body.dualfuel .dual-filter {
        display: inline-flex;
    }

    /* body.dualfuel .switch-results.elementor-section {
        margin-top: -170px;
    } */

    .tariff-row .features-rewards .features ul,
    .tariff-row .features-rewards .rewards ul {
        gap: 5px 8px;
    }

    .tariff-row .supplier-logo {
        padding-bottom: 4px;
    }

    .further-information {
        background-color: transparent;
    }

    .further-information .flex-items p:empty {
        display: none;
    }

    .further-information p.tariff-table-first {
        margin: 0 !important;
    }

    .further-information .company-info-box p span:first-child {
        padding: 0;
    }

    .tariff-row .features-rewards .features ul li.tooltips p.description {
        transform: translate(-50%, 10px);
    }

    .further-information {
        border-width: 5px !important;
        border-top: 0 !important;
    }

    .further-information .flex-items:not(:first-child) {
        padding-top: 0;
    }

    .close-further-info,
    .close_fuel {
        top: -12px;
    }

    .tariff-row .tariff-info-wrapper .tariff-cashback-wrap {
        padding-bottom: 0;
    }

    .flex-items.features-rewards {
        padding-bottom: 0;
    }

    .tariff-row .supplier-logo img {
        height: auto !important;
    }

    .circle-price .saving-text {
        line-height: 1.5;
    }

    body .features-rewards:has(.green-tariff) {
        padding-bottom: 8px;
        padding-top: 10px;
        row-gap: 0;
    }

    .tariff-row.available_no .flex-items.saving-column {
        padding: 0;
    }

    .down-filters:has(.mobile-filter) .elementor-widget button::before {
        border-color: var(--white) !important;
    }

    .down-filters:has(.filter-form-visible) .elementor-widget button::before {
        transform: rotate(134deg);
    }

    .down-filters .elementor-widget button::before {
        transition: all .2s linear;
    }

    .switch-results .down-filters:has(.mob_fiters_result) .elementor-element {
        padding-bottom: 0 !important;
    }

    .switch-results .down-filters:has(.mob_fiters_result) {
        padding: 0 !important;
    }

    .dual-result .toggle_type_gas,
    .dual-result .toggle_type_dualfuel,
    .dual-result .toggle_type_electricity {
        display: none;
    }

    .down-filters .elementor-widget {
        width: 100%;
        position: relative;
    }

    .tariff-row .features-rewards .features ul li {
        position: static;
    }

    .tariff-row .features-rewards .features ul li.tooltips p.description .close-btn {
        background: var(--white);
        padding: 0;
        margin: 0;
        width: 14px;
        height: 14px;
        border-radius: 50px;
        color: var(--secondry-blue);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        font-size: 12px;
        line-height: 1.5;
    }

    .down-filters select#fuel-type:focus-visible {
        outline: none;
    }

    .down-filters select#fuel-type {
        width: 100%;
        /* background-color: #CAA2DD; */
        color: var(--black);
        appearance: none;
        padding: 13px 12px;
        font-weight: bold;
        border-radius: 5px;
        border: 1px solid var(--black);
        background: transparent;
    }

    /* .down-filters .elementor-widget::before,
    .down-filters:has(.mobile-filter) .elementor-widget button::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        top: calc(50% - 2px);
        right: 11px;
        transform: translateY(-50%) rotate(315deg);
        border-left: 1px solid var(--black);
        border-bottom: 1px solid var(--black);
    } */

    .down-filters:has(.filter-form-visible) .elementor-widget button::before {
        transform: rotate(134deg);
        transition: all .5s linear;
    }

    .down-filters button.mobile-filter {
        position: relative;
    }

    body .type_gas .electricity-rate-wrap,
    body .type_electricity .gas-rate-wrap {
        display: none;
    }

    .switch-results .cus_checklist {
        padding: 0 !important;
    }

    .cus-crubox {
        gap: 8px;
    }

    .switch-results .cus-crubox .elementor-element {
        padding: 0 !important;
    }

    .down-filters button.mobile-filter {
        width: 100%;
        border-radius: 5px;
        padding: 13px 12px;
        text-align: left;
    }

    .features-rewards {
        height: auto;
        gap: 0;
    }

    .flex-items:has(.green-tariff) .tariff-unit-rates-wrapper {
        padding-bottom: 6px;
    }

    .tariff-row:not(.available_no) .flex-items.saving-column {
        padding-top: 0;
        padding-bottom: 0;
    }

    .tariff-row:not(.available_no) .tariff-info-wrapper:has(.tariff-cashback-wrap) .supplier-logo {
        padding-bottom: 5px;
        /* padding-top: 0; */
    }

    .tariff-row.available_no .saving-wrapper {
        padding: 0;
    }

    .tariff-row.available_no .switchbtn-column {
        display: none;
    }

    .tariff-row .features-rewards .features ul li .custom-tooltip-trigger {
        padding: 6px 10px;
    }

    .switch-results .elementor-element.e-con-full.e-flex.e-con p {
        font-size: 12px;
        line-height: 1.4;
    }

    /* .switch-results .elementor-element.e-con-full.e-flex.e-con img {
        max-width: 80px;
    } 

    .switch-results .elementor-element.e-con-full.e-flex.e-con {
        padding: 5px;
        margin: 0;
    }
*/
    .price-change-wrapper span.tooltip-trigger {
        border-radius: 5px;
        line-height: 1.5;
        display: inline-block;
        width: 100%;
        height: auto;
    }

    body .price-change-wrapper p.description {
        left: 50%;
        right: 50%;
    }

    .tariff-row .green-tariff {
        position: static;
        display: grid;
    }

    .flex-container.tariff-unit-rates-wrapper {
        grid-template-columns: 1fr;
        margin: 0;
    }

    .price-change-wrapper.tooltips {
        text-align: left;
    }

    .features-rewards .rewards {
        margin-top: 10px !important;
    }

    .loader-wrapper .quoting-percentage {
        font-size: 24px;
    }

    .loader-wrapper {
        max-width: 420px;
        padding: 20px;
    }

    .tariff-info {
        width: 100%;
    }

    .information-column,
    .rewards-column {
        width: 50%;
    }

    .tariff-row .further-information .carbon-footprint h3::before {
        width: 26px;
        height: 26px;
        top: 4px;
        left: -38px;
    }

    .tariff-row .carbon-footprint {
        padding: 30px 30px 30px 50px;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .hide-on-desktop {
        display: block;
    }

    .tariff-details .flex-items {
        width: 100%;
        max-width: 100% !important;
        display: flex;
        flex-direction: row;
        text-align: left;
        gap: 18px;
    }

    .tariff-details .flex-items h2.tariff-title {
        padding-bottom: 0;
        flex: 1;
    }

    body .tariff-unit-rates-wrapper .annual-bill {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .tariff-details .flex-items.tariff-info {
        flex-direction: column;
        padding-top: 3px;
        padding-bottom: 0;
        gap: 10px;
    }

    .tariff-unit-rates-wrapper {
        gap: 20px;
    }

    .tariff-unit-rates-wrapper .unit-rate-wrap {
        gap: 5px;
        flex-direction: column;
        /* align-items: center; */
        width: 100%;
        align-items: flex-start;
    }

    .tariff-details .tariff-info .show-more-rates {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
        padding-bottom: 10px;
    }

    .tariff-row .green-tariff {
        background: rgba(128, 200, 95, 0.1);
        /* margin: 10px -12px; */
        padding: 4px 2px;
        width: 100%;
        margin: 0;
    }

    .tariff-row .tariff-features-details .flex-items.switchbtn-column {
        width: 100%;
        padding: 0 12px;
        background: transparent !important;
    }

    .tariff-row .tariff-features-details .flex-items.switchbtn-column .proceed-btn {
        margin: 0;
        padding: 12px;
    }

    .see-calculation-wrap {
        text-align: center;
        padding: 4px 2px 8px 2px;
    }

    .tariff-unit-rates-wrapper .unit-rate-wrap {
        display: flex;
    }

    .tariff-unit-rates-wrapper.hide-on-desktop {
        margin-top: 12px;
        border-top: 1px solid #E4E4E4;
        padding-top: 6px;
    }

    .tariff-unit-rates-wrapper .unit-rate-wrap .rate-value {
        margin-bottom: 0;
        font-weight: 500 !important;
    }

    .tariff-row .features-rewards .features ul li .custom-tooltip-trigger {
        padding: 5px 12px;
        font-size: 12px;
    }

    .features-cashbacks .saving-wrapper {
        padding-bottom: 12px;
    }

    .switching_form .acf-fields.-left>.acf-field>.acf-input {
        width: 100% !important;
    }

    .acf-field-button-group.tooltips[data-name="type_of_elect_meter"] .acf-input .acf-button-group {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 500px) {
    .price-change-wrapper p.description {
        left: 50%;
        font-size: 12px;
        line-height: normal;
    }
}

@media (max-width: 480px) {

    .flex-items.switchbtn-column,
    .flex-items.saving-column,
    .tariff-info,
    .information-column,
    .rewards-column {
        width: 100%;
    }

    .loader-wrapper {
        max-width: 300px;
    }

    .cashback-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .exclusive-tariff .exclusive-text span {
        font-size: 10px;
    }

    .exclusive-tariff .exclusive-text {
        margin-top: -23px;
    }

    .exclusive-tariff .exclusive-text span {
        font-size: 10px;
    }
}