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

/*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;
}
/*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-information {
    border-width: 5px !important;
    border-top: 0 !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 #FBBB25 !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 #FBBB25 !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;
}
.tariff-rewards-total.no-saving p {
    color: #a3a1a1;
}
.see-calculation {
    text-align: center;
}
.proceed-btn:hover {
    background: #FBBB25;
    color: white;
}
.available_no .proceed-btn{
    display:none;
}
.proceed-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 6px 7px 6px 7px;
    background-color: #80C85F;
    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: #febb12 !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: #fbbb25; */
    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: rgb(253, 183, 48);
    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: rgb(253, 183, 48);
}
.v-progress-linear {
    background: #ffc10763;
    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: #FBBB25;
    padding: 5px 25px;
    border: 2px solid #FBBB25;
    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: #27292c;
    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: var(--secondry-blue);
    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:#0a92ebde;
}
.tariff-row .features-rewards .features ul li:hover {
    background: #0a92ebde;
}
.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-color: var(--secondry-blue);/*  */
    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: #FBBB25 !important;
    border-color: #FBBB25 !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: #FBBB25;
    color: #FBBB25 !important;
}
.dual-result .df-active-filter span.elementor-button-text {
    color: var(--white);
}
.cus-crubox {
    background: #FBBB25;
    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: 15px;
    height: 14px;
    /* padding-top: 3px; */
    font-size: 10px;
}
.tooltips .tooltip-trigger, .tooltips2 .tooltip-trigger2 {
    content: "?";
    border-radius: 200px;
    background: #FAB837;
    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;
}

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 {
    background-color: #FEBB12;
}
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: 15px;
    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: #FBBB21;
    border-color: #FBBB21;
}
.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;
}
.switch-form-main .dual-fuel-old-new-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.dual-fuel-old-new-data>div {
    height: 100%;
}
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;
}
.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;
}
.chart-wrapper.chart-tab-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
/* media-start*/
@media (min-width: 768px) {
    /* .best-deal.tariff-row .saving-wrapper {
        background: #fbbb25;
    } */
    .acf-faq.right-aligned-faq {
        width: calc(100% - 31%);
        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: #fbbb25; */
        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: 30%;
    }
    .switching_form .acf-fields.-left > .acf-field[data-name="use_iban"] > .acf-label {
        width: 70% !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;
    }
    .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 - 10vh);
    }
    .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: #FBBB25; */
        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;
    }
}
@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;
    }
}